roojs-all.js
[roojs1] / examples / bootstrap / right_sidebar.js
1 //<script type="text/javascript">
2
3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
4
5 right_siderbar = new Roo.XComponent({
6     part     :  ["bootstrap", "right_sidebar" ],
7     order    : '001-right-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-8 maincontent',
57                                             xtype : 'Container',
58                                             xns : Roo.bootstrap,
59                                             items : [
60                                                 {
61                                                     '|xns' : 'Roo.bootstrap',
62                                                     tag : 'header',
63                                                     cls : 'page-header',
64                                                     xtype : 'Element',
65                                                     xns : Roo.bootstrap,
66                                                     items : [
67                                                         {
68                                                             '|xns' : 'Roo.bootstrap',
69                                                             cls : 'page-title',
70                                                             xtype : 'Header',
71                                                             xns : Roo.bootstrap,
72                                                             level : 1,
73                                                             html : 'Lorem ipsum dolor sit amet, consectetur.'
74                                                         }
75                                                     ]
76
77                                                 },
78                                                 {
79                                                     '|xns' : 'Roo.bootstrap',
80                                                     tag : 'p',
81                                                     xtype : 'Element',
82                                                     xns : Roo.bootstrap,
83                                                     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!'
84                                                 },
85                                                 {
86                                                     '|xns' : 'Roo.bootstrap',
87                                                     tag : 'p',
88                                                     xtype : 'Element',
89                                                     xns : Roo.bootstrap,
90                                                     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!'
91                                                 },
92                                                 {
93                                                     '|xns' : 'Roo.bootstrap',
94                                                     tag : 'p',
95                                                     xtype : 'Element',
96                                                     xns : Roo.bootstrap,
97                                                     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!'
98                                                 },
99                                                 {
100                                                     '|xns' : 'Roo.bootstrap',
101                                                     xtype : 'Header',
102                                                     xns : Roo.bootstrap,
103                                                     level : 2,
104                                                     html : 'A, quibusdam, nobis, eveniet consequatur'
105                                                 },
106                                                 {
107                                                     '|xns' : 'Roo.bootstrap',
108                                                     tag : 'p',
109                                                     xtype : 'Element',
110                                                     xns : Roo.bootstrap,
111                                                     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!'
112                                                 },
113                                                 {
114                                                     '|xns' : 'Roo.bootstrap',
115                                                     tag : 'p',
116                                                     xtype : 'Element',
117                                                     xns : Roo.bootstrap,
118                                                     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!'
119                                                 },
120                                                 {
121                                                     '|xns' : 'Roo.bootstrap',
122                                                     tag : 'blockquote',
123                                                     xtype : 'Element',
124                                                     xns : Roo.bootstrap,
125                                                     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.'
126                                                 },
127                                                 {
128                                                     '|xns' : 'Roo.bootstrap',
129                                                     tag : 'p',
130                                                     xtype : 'Element',
131                                                     xns : Roo.bootstrap,
132                                                     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!'
133                                                 },
134                                                 {
135                                                     '|xns' : 'Roo.bootstrap',
136                                                     tag : 'p',
137                                                     xtype : 'Element',
138                                                     xns : Roo.bootstrap,
139                                                     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!'
140                                                 },
141                                                 {
142                                                     '|xns' : 'Roo.bootstrap',
143                                                     xtype : 'Header',
144                                                     level : 3,
145                                                     xns : Roo.bootstrap,
146                                                     html : 'Numquam, ut iure quia facere totam quas odit illo incidunt'
147                                                 },
148                                                 {
149                                                     '|xns' : 'Roo.bootstrap',
150                                                     tag : 'p',
151                                                     xtype : 'Element',
152                                                     xns : Roo.bootstrap,
153                                                     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!'
154                                                 },
155                                                 {
156                                                     '|xns' : 'Roo.bootstrap',
157                                                     tag : 'p',
158                                                     xtype : 'Element',
159                                                     xns : Roo.bootstrap,
160                                                     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!'
161                                                 }
162                                             ]
163
164                                         },
165                                         {
166                                             '|xns' : 'Roo.bootstrap',
167                                             cls : 'col-md-4 sidebar sidebar-right',
168                                             xtype : 'NavSidebar',
169                                             xns : Roo.bootstrap,
170                                             items : [
171                                                 {
172                                                     '|xns' : 'Roo.bootstrap',
173                                                     cls : 'widget',
174                                                     xtype : 'Row',
175                                                     xns : Roo.bootstrap,
176                                                     items : [
177                                                         {
178                                                             '|xns' : 'Roo.bootstrap',
179                                                             cls : 'col-xs-12',
180                                                             xtype : 'Element',
181                                                             xns : Roo.bootstrap,
182                                                             items : [
183                                                                 {
184                                                                     '|xns' : 'Roo.bootstrap',
185                                                                     xtype : 'Header',
186                                                                     level : 4,
187                                                                     xns : Roo.bootstrap,
188                                                                     html : 'Lorem ipsum dolor sit'
189                                                                 },
190                                                                 {
191                                                                     '|xns' : 'Roo.bootstrap',
192                                                                     tag : 'p',
193                                                                     xtype : 'Element',
194                                                                     xns : Roo.bootstrap,
195                                                                     html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, ratione delectus reiciendis nulla nisi pariatur molestias animi eos repellat? Vel.'
196                                                                 }
197                                                             ]
198
199                                                         },
200                                                         {
201                                                             '|xns' : 'Roo.bootstrap',
202                                                             cls : 'col-xs-12',
203                                                             xtype : 'Element',
204                                                             xns : Roo.bootstrap,
205                                                             items : [
206                                                                 {
207                                                                     '|xns' : 'Roo.bootstrap',
208                                                                     xtype : 'Header',
209                                                                     xns : Roo.bootstrap,
210                                                                     level : 4,
211                                                                     html : 'Lorem ipsum dolor sit'
212                                                                 },
213                                                                 {
214                                                                     '|xns' : 'Roo.bootstrap',
215                                                                     tag : 'p',
216                                                                     xtype : 'Element',
217                                                                     xns : Roo.bootstrap,
218                                                                     html : '<img src=\"http://localhost/bootswatch/Progressus/assets/images/2.jpg\" alt=\"\">'
219                                                                 }
220                                                             ]
221
222                                                         },
223                                                         {
224                                                             '|xns' : 'Roo.bootstrap',
225                                                             cls : 'col-xs-12',
226                                                             xtype : 'Element',
227                                                             xns : Roo.bootstrap,
228                                                             items : [
229                                                                 {
230                                                                     '|xns' : 'Roo.bootstrap',
231                                                                     xtype : 'Header',
232                                                                     level : 4,
233                                                                     xns : Roo.bootstrap,
234                                                                     html : 'Lorem ipsum dolor sit'
235                                                                 },
236                                                                 {
237                                                                     '|xns' : 'Roo.bootstrap',
238                                                                     tag : 'p',
239                                                                     xtype : 'Element',
240                                                                     xns : Roo.bootstrap,
241                                                                     html : '<img src=\"http://localhost/bootswatch/Progressus/assets/images/1.jpg\" alt=\"\">'
242                                                                 },
243                                                                 {
244                                                                     '|xns' : 'Roo.bootstrap',
245                                                                     tag : 'p',
246                                                                     xtype : 'Element',
247                                                                     xns : Roo.bootstrap,
248                                                                     html : 'Qui, debitis, ad, neque reprehenderit laborum soluta dolor voluptate eligendi enim consequuntur eveniet recusandae rerum? Atque eos corporis provident tenetur.'
249                                                                 }
250                                                             ]
251
252                                                         }
253                                                     ]
254
255                                                 }
256                                             ]
257
258                                         }
259                                     ]
260
261                                 }
262                             ]
263
264                         }
265                     ]
266
267                 }
268             ]
269
270         };    }
271 });