sync
authorAlan Knowles <alan@roojs.com>
Thu, 21 Jun 2018 02:25:15 +0000 (10:25 +0800)
committerAlan Knowles <alan@roojs.com>
Thu, 21 Jun 2018 02:25:15 +0000 (10:25 +0800)
Roo/doc/Book.js [new file with mode: 0644]
examples/bootstrap/nested_dialog.html [new file with mode: 0644]

diff --git a/Roo/doc/Book.js b/Roo/doc/Book.js
new file mode 100644 (file)
index 0000000..73b93f7
--- /dev/null
@@ -0,0 +1,73 @@
+/*
+ * - LGPL
+ *
+ */
+
+/**
+ * @class Roo.doc.Book
+ * @extends Roo.bootstrap.Component
+ * Book Element class - Represents the outer book
+ * @cfg {String} title   Title of the book
+ * @cfg {String} abstract Abstract (or just add para's to the book, and it will get added to the abstract)
+ * 
+ * 
+ * @constructor
+ * Create a new Book
+ * @param {Object} config The config object
+ */
+
+Roo.doc.Book = function(config){
+    Roo.doc.Book.superclass.constructor.call(this, config);
+};
+
+Roo.extend(Roo.doc.Book, Roo.bootstrap.Component,  {
+    
+    title : '',
+    abstract : '',
+    getAutoCreate : function(){
+        
+        //?? this is the synopsis type....
+        
+        // this is not very fancy...
+        
+        var cfg ={
+            cls: 'book',
+            cn : [
+                {
+                    cls : 'info',
+                    cn: [
+                        {
+                            tag: 'h1',
+                            html : this.title
+                        }
+                    ]
+                }
+            ]
+        };
+         
+        if (this.abstract.length) {
+            cfg.cn[0].cn.push({
+                cls : 'abstract',
+                cn : {
+                    tag : 'p',
+                    cls : 'para',
+                    html : String.format('{0}', this.abstract)
+                }
+                
+            });
+            
+        }
+       
+        return cfg;
+    }
+     
+    
+    
+    
+    
+   
+});
+
+
\ No newline at end of file
diff --git a/examples/bootstrap/nested_dialog.html b/examples/bootstrap/nested_dialog.html
new file mode 100644 (file)
index 0000000..6fe86ad
--- /dev/null
@@ -0,0 +1,104 @@
+<!--
+
+porting tst for layout classes from original roo library into bootstrap one.
+
+
+-->
+<html>
+<head>
+  <title>Nested Layout</title>
+  
+   <!-- Bootstrap -->
+    <link rel="stylesheet" href="../../css-bootstrap/bootstrap.min.css">
+       
+    <link href="../../css-bootstrap/font-awesome.css" rel="stylesheet" type="text/css" />
+   
+    <link href="../../css-bootstrap/roojs-bootstrap-debug.css" rel="stylesheet" type="text/css" />
+    
+  <!--  <link href="../../../bootswatch/material-kit/css/material-kit.css" rel="stylesheet"> -->
+
+    
+        
+    <script type="text/javascript" src="../../roojs-core-debug.js"></script>
+    <!-- bootstrap js.. needs to compile it later.. -->
+    <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
+        <script type="text/javascript" src="../../Roo/bootstrap/Modal.js"></script>
+    <script type="text/javascript" src="../../Roo/bootstrap/panel/Tabs.js"></script>
+
+    <script type="text/javascript" src="../../Roo/bootstrap/layout/Border.js"></script>
+    <script type="text/javascript" src="../../Roo/bootstrap/layout/Region.js"></script>
+    <script type="text/javascript" src="../../Roo/bootstrap/layout/Center.js"></script>
+
+    <script type="text/javascript" src="../../Roo/bootstrap/panel/Content.js"></script>
+    
+    <script type="text/javascript" src="../../Roo/bootstrap//Table.js"></script>
+    <script type="text/javascript" src="../../Roo/bootstrap//Table/AbstractSelectionModel.js"></script>
+    <script type="text/javascript" src="../../Roo/bootstrap//Table/RowSelectionModel.js"></script>
+    
+    <script type="text/javascript" src="../../Roo/bootstrap/panel/Grid.js"></script>
+    
+    
+    <script type="text/javascript" src="../../Roo/bootstrap/Input.js"></script>
+    
+    
+    
+    <script type="text/javascript">
+
+Roo.namespace("Dashboard");
+    </script>
+     
+         <script type="text/javascript" src="Dashboard.Header1.js"></script>
+<script type="text/javascript" src="./nested-dialog.js"></script>
+     
+     
+     
+    <style type="text/css">
+.navbar {
+    padding: 0;
+}
+/*
+.table-body-fixed tbody {
+   overflow-y: scroll;
+  width: 100%;
+}
+.table-body-fixed  thead,
+.table-body-fixed  tbody,
+.table-body-fixed th   {
+  display: block;
+}
+.table-body-fixed thead {
+    overflow:  hidden;
+}
+
+
+.table-body-fixed tbody td, 
+.table-body-fixed thead > tr> th {
+  float: left;
+  border-bottom-width: 0;
+}
+ .table-body-fixed thead > tr,
+.table-body-fixed tbody > tr
+{
+    display: block;
+    overflow: hidden;
+}
+*/
+        </style>
+       <script type="text/javascript">
+
+Roo.namespace("Example");
+   Roo.onReady(function() {
+        Roo.XComponent.is_alt = true;
+        Example.NestedDialog.show();
+          //dRoo.bootstrap.Tooltip.init();
+      });
+  
+       </script>
+</head>
+<body class="xtheme-gray">
+
+ </body>
+</html>