roojs-all.js
[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 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                                                                     xns : Roo.bootstrap,
76                                                                     level : 4,
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                                                                     level : 4,
99                                                                     xns : Roo.bootstrap,
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=\"http://localhost/bootswatch/Progressus/assets/images/2.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                                                                     xns : Roo.bootstrap,
122                                                                     level : 4,
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=\"http://localhost/bootswatch/Progressus/assets/images/1.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                                                     xns : Roo.bootstrap,
197                                                     level : 2,
198                                                     html : 'A, quibusdam, nobis, eveniet consequatur'
199                                                 },
200                                                 {
201                                                     '|xns' : 'Roo.bootstrap',
202                                                     tag : 'p',
203                                                     xtype : 'Element',
204                                                     xns : Roo.bootstrap,
205                                                     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!'
206                                                 },
207                                                 {
208                                                     '|xns' : 'Roo.bootstrap',
209                                                     tag : 'p',
210                                                     xtype : 'Element',
211                                                     xns : Roo.bootstrap,
212                                                     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!'
213                                                 },
214                                                 {
215                                                     '|xns' : 'Roo.bootstrap',
216                                                     tag : 'blockquote',
217                                                     xtype : 'Element',
218                                                     xns : Roo.bootstrap,
219                                                     html : 'Numquam, ut iure quia facere totam quas odit illo incidunt. Voluptatem, nostrum, ex, quasi incidunt similique cum maxime expedita unde labore inventore excepturi veniam corporis sequi facere ullam voluptates amet illum quam fuga voluptatibus ipsum atque sunt eos. Ut, necessitatibus.'
220                                                 },
221                                                 {
222                                                     '|xns' : 'Roo.bootstrap',
223                                                     tag : 'p',
224                                                     xtype : 'Element',
225                                                     xns : Roo.bootstrap,
226                                                     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!'
227                                                 },
228                                                 {
229                                                     '|xns' : 'Roo.bootstrap',
230                                                     tag : 'p',
231                                                     xtype : 'Element',
232                                                     xns : Roo.bootstrap,
233                                                     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!'
234                                                 },
235                                                 {
236                                                     '|xns' : 'Roo.bootstrap',
237                                                     xtype : 'Header',
238                                                     level : 3,
239                                                     xns : Roo.bootstrap,
240                                                     html : 'Numquam, ut iure quia facere totam quas odit illo incidunt'
241                                                 },
242                                                 {
243                                                     '|xns' : 'Roo.bootstrap',
244                                                     tag : 'p',
245                                                     xtype : 'Element',
246                                                     xns : Roo.bootstrap,
247                                                     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!'
248                                                 },
249                                                 {
250                                                     '|xns' : 'Roo.bootstrap',
251                                                     tag : 'p',
252                                                     xtype : 'Element',
253                                                     xns : Roo.bootstrap,
254                                                     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!'
255                                                 }
256                                             ]
257
258                                         }
259                                     ]
260
261                                 }
262                             ]
263
264                         }
265                     ]
266
267                 }
268             ]
269
270         };    }
271 });