examples/bootstrap/left_siderbar.bjs
[roojs1] / examples / bootstrap / left_siderbar.js
1 //<script type="text/javascript">
2
3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
4
5 left_siderbar = new Roo.XComponent({
6     part     :  ["bootstrap", "left_siderbar" ],
7     order    : '001-left-siderbar',
8     region   : 'center',
9     parent   : false,
10     name     : "unnamed module",
11     disabled : false, 
12     permname : '', 
13     _tree : function()
14     {
15         var _this = this;
16         var MODULE = this;
17         return {
18             '|xns' : 'Roo.bootstrap',
19             xtype : 'Body',
20             xns : Roo.bootstrap,
21             items : [
22                 {
23                     '|xns' : 'Roo.bootstrap',
24                     xtype : 'Container',
25                     xns : Roo.bootstrap,
26                     items : [
27                         {
28                             '|xns' : 'Roo.bootstrap',
29                             tag : 'ol',
30                             cls : 'breadcrumb',
31                             xtype : 'Container',
32                             xns : Roo.bootstrap,
33                             items : [
34                                 {
35                                     '|xns' : 'Roo.bootstrap',
36                                     tag : 'li',
37                                     xtype : 'Element',
38                                     xns : Roo.bootstrap,
39                                     html : '<a href=\"index.html\">Home</a>'
40                                 },
41                                 {
42                                     '|xns' : 'Roo.bootstrap',
43                                     tag : 'li',
44                                     cls : 'active',
45                                     xtype : 'Element',
46                                     xns : Roo.bootstrap,
47                                     html : 'Left Sidebar'
48                                 },
49                                 {
50                                     '|xns' : 'Roo.bootstrap',
51                                     xtype : 'Row',
52                                     xns : Roo.bootstrap,
53                                     items : [
54                                         {
55                                             '|xns' : 'Roo.bootstrap',
56                                             cls : 'col-md-4 sidebar-left',
57                                             xtype : 'NavSidebar',
58                                             xns : Roo.bootstrap,
59                                             items : [
60                                                 {
61                                                     '|xns' : 'Roo.bootstrap',
62                                                     cls : 'widget',
63                                                     xtype : 'Row',
64                                                     xns : Roo.bootstrap,
65                                                     items : [
66                                                         {
67                                                             '|xns' : 'Roo.bootstrap',
68                                                             cls : 'col-xs-12',
69                                                             xtype : 'Element',
70                                                             xns : Roo.bootstrap,
71                                                             items : [
72                                                                 {
73                                                                     '|xns' : 'Roo.bootstrap',
74                                                                     xtype : 'Header',
75                                                                     level : 4,
76                                                                     xns : Roo.bootstrap,
77                                                                     html : 'Lorem ipsum dolor sit'
78                                                                 },
79                                                                 {
80                                                                     '|xns' : 'Roo.bootstrap',
81                                                                     tag : 'p',
82                                                                     xtype : 'Element',
83                                                                     xns : Roo.bootstrap,
84                                                                     html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, ratione delectus reiciendis nulla nisi pariatur molestias animi eos repellat? Vel.'
85                                                                 }
86                                                             ]
87
88                                                         },
89                                                         {
90                                                             '|xns' : 'Roo.bootstrap',
91                                                             cls : 'col-xs-12',
92                                                             xtype : 'Element',
93                                                             xns : Roo.bootstrap,
94                                                             items : [
95                                                                 {
96                                                                     '|xns' : 'Roo.bootstrap',
97                                                                     xtype : 'Header',
98                                                                     xns : Roo.bootstrap,
99                                                                     level : 4,
100                                                                     html : 'Lorem ipsum dolor sit'
101                                                                 },
102                                                                 {
103                                                                     '|xns' : 'Roo.bootstrap',
104                                                                     tag : 'p',
105                                                                     xtype : 'Element',
106                                                                     xns : Roo.bootstrap,
107                                                                     html : '<img src=\"assets/images/1.jpg\" alt=\"\">'
108                                                                 }
109                                                             ]
110
111                                                         },
112                                                         {
113                                                             '|xns' : 'Roo.bootstrap',
114                                                             cls : 'col-xs-12',
115                                                             xtype : 'Element',
116                                                             xns : Roo.bootstrap,
117                                                             items : [
118                                                                 {
119                                                                     '|xns' : 'Roo.bootstrap',
120                                                                     xtype : 'Header',
121                                                                     level : 4,
122                                                                     xns : Roo.bootstrap,
123                                                                     html : 'Lorem ipsum dolor sit'
124                                                                 },
125                                                                 {
126                                                                     '|xns' : 'Roo.bootstrap',
127                                                                     tag : 'p',
128                                                                     xtype : 'Element',
129                                                                     xns : Roo.bootstrap,
130                                                                     html : '<img src=\"assets/images/2.jpg\" alt=\"\">'
131                                                                 },
132                                                                 {
133                                                                     '|xns' : 'Roo.bootstrap',
134                                                                     tag : 'p',
135                                                                     xtype : 'Element',
136                                                                     xns : Roo.bootstrap,
137                                                                     html : 'Qui, debitis, ad, neque reprehenderit laborum soluta dolor voluptate eligendi enim consequuntur eveniet recusandae rerum? Atque eos corporis provident tenetur.'
138                                                                 }
139                                                             ]
140
141                                                         }
142                                                     ]
143
144                                                 }
145                                             ]
146
147                                         },
148                                         {
149                                             '|xns' : 'Roo.bootstrap',
150                                             cls : 'col-md-8 maincontent',
151                                             xtype : 'Container',
152                                             xns : Roo.bootstrap,
153                                             items : [
154                                                 {
155                                                     '|xns' : 'Roo.bootstrap',
156                                                     tag : 'header',
157                                                     cls : 'page-header',
158                                                     xtype : 'Element',
159                                                     xns : Roo.bootstrap,
160                                                     items : [
161                                                         {
162                                                             '|xns' : 'Roo.bootstrap',
163                                                             cls : 'page-title',
164                                                             xtype : 'Header',
165                                                             xns : Roo.bootstrap,
166                                                             level : 1,
167                                                             html : 'Lorem ipsum dolor sit amet, consectetur.'
168                                                         }
169                                                     ]
170
171                                                 },
172                                                 {
173                                                     '|xns' : 'Roo.bootstrap',
174                                                     tag : 'p',
175                                                     xtype : 'Element',
176                                                     xns : Roo.bootstrap,
177                                                     html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
178                                                 },
179                                                 {
180                                                     '|xns' : 'Roo.bootstrap',
181                                                     tag : 'p',
182                                                     xtype : 'Element',
183                                                     xns : Roo.bootstrap,
184                                                     html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
185                                                 },
186                                                 {
187                                                     '|xns' : 'Roo.bootstrap',
188                                                     tag : 'p',
189                                                     xtype : 'Element',
190                                                     xns : Roo.bootstrap,
191                                                     html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
192                                                 },
193                                                 {
194                                                     '|xns' : 'Roo.bootstrap',
195                                                     xtype : 'Header',
196                                                     level : 2,
197                                                     xns : Roo.bootstrap
198                                                 }
199                                             ]
200
201                                         }
202                                     ]
203
204                                 }
205                             ]
206
207                         }
208                     ]
209
210                 }
211             ]
212
213         };    }
214 });