Roo/doc/Example.js

[roojs1] / Roo / doc / Example.js

diff --git a/Roo/doc/Example.js b/Roo/doc/Example.js
index e69de29..b6b560b 100644 (file)
--- a/Roo/doc/Example.js
+++ b/Roo/doc/Example.js
@@ -0,0 +1,86 @@
+/*
+ * - LGPL
+ *
+ */
+
+/**
+ * @class Roo.doc.Example
+ * @extends Roo.bootstrap.Component
+ * Example Element class
+ * @cfg {String} title short title describing example
+ * @cfg {String} lang (php|txt|sql) section type.
+ * @cfg {String} code  example code
+ * @cfg {String} output The expected output from the code
+ *
+ * 
+ * @constructor
+ * Create a new Synopsis
+ * @param {Object} config The config object
+ */
+
+Roo.doc.Example = function(config){
+    Roo.doc.Example.superclass.constructor.call(this, config);
+};
+
+Roo.extend(Roo.doc.Example, Roo.bootstrap.Component,  {
+    
+    title : '',
+    lang:   'php',
+    code : '',
+    output : '',
+    
+    getAutoCreate : function(){
+        
+        // no colour highlighting in here....
+        
+        var code = hljs ? hljs.highlight(this.lang.toUpperCase(),this.code) : String.format('{0}',this.code).replace(/\n/g, '<br/>');
+        
+        
+        var cfg ={
+            cls : 'panel panel-info',
+            cn : [
+                {
+                    cls : 'panel-heading',
+                    html : this.title
+                },
+                {
+                    cls : 'panel-body',
+                    cn : [
+                        {
+                            tag: 'pre',
+                            cls : 'lang-' + this.lang,
+                            html :  code
+                        }
+                    ]
+                }
+            ]
+        };
+        
+        if (this.output) {
+            cfg.cn.push(
+
+                {
+                    cls : 'panel-footer',
+                    cn : {
+                        tag: 'code',
+                        html :  String.format('{0}',this.output).replace(/\n/g, '<br/>')
+                    }
+                }
+            
+                
+            );
+        }
+        
+        
+       
+        return cfg;
+    }
+  
+    
+    
+   
+});
+
+ 
+
+ 
\ No newline at end of file