git.roojs.org Git - roojs1/blob - examples/bootstrap/dashboard1.js

   1 //<script type="text/javascript">
   2
   3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
   4
   5 dashboard1 = new Roo.XComponent({
   6     part     :  ["bootstrap", "dashboard1" ],
   7     order    : '001-dashboard-',
   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             cls : 'skin-blue',
  19             xtype : 'Body',
  20             xns : Roo.bootstrap,
  21             items : [
  22                 Roo.apply(Dashboard.Header1._tree(), {
  23                     cls : 'header',
  24                     xtype : 'Container',
  25                     tag : 'header',
  26                     xns : Roo.bootstrap
  27                 }),
  28                 {
  29                     cls : 'wrapper row-offcanvas row-offcanvas-left',
  30                     xtype : 'Container',
  31                     'flexy:include' : 'Sidebar.html',
  32                     xns : Roo.bootstrap,
  33                     items : [
  34                         Roo.apply(Dashboard.Sidebar2._tree(), {
  35                             tag : 'aside',
  36                             cls : 'left-side sidebar-offcanvas',
  37                             xtype : 'Container',
  38                             xns : Roo.bootstrap
  39                         }),
  40                         {
  41                             tag : 'aside',
  42                             cls : 'right-side',
  43                             xtype : 'Container',
  44                             xns : Roo.bootstrap,
  45                             items : [
  46                                 {
  47                                     tag : 'section',
  48                                     cls : 'content-header',
  49                                     xtype : 'Container',
  50                                     xns : Roo.bootstrap,
  51                                     items : [
  52                                         {
  53                                             xtype : 'Header',
  54                                             xns : Roo.bootstrap,
  55                                             html : 'General Form Elements  <small> Preview </small>'
  56                                         }
  57                                     ]
  58
  59                                 },
  60                                 {
  61                                     tag : 'section',
  62                                     cls : 'content',
  63                                     xtype : 'Container',
  64                                     xns : Roo.bootstrap,
  65                                     items : [
  66                                         {
  67                                             xtype : 'Row',
  68                                             xns : Roo.bootstrap,
  69                                             items : [
  70                                                 {
  71                                                     md : 6,
  72                                                     xtype : 'Column',
  73                                                     xns : Roo.bootstrap,
  74                                                     sm : 12,
  75                                                     items : [
  76                                                         {
  77                                                             cls : 'box box-primary',
  78                                                             xtype : 'Container',
  79                                                             xns : Roo.bootstrap,
  80                                                             items : [
  81                                                                 {
  82                                                                     cls : 'box-header',
  83                                                                     xtype : 'Container',
  84                                                                     xns : Roo.bootstrap,
  85                                                                     items : [
  86                                                                         {
  87                                                                             cls : 'box-title',
  88                                                                             xtype : 'Header',
  89                                                                             xns : Roo.bootstrap,
  90                                                                             level : 3,
  91                                                                             html : 'Quick Example'
  92                                                                         }
  93                                                                     ]
  94
  95                                                                 },
  96                                                                 {
  97                                                                     xtype : 'Form',
  98                                                                     labelAlign : 'top',
  99                                                                     xns : Roo.bootstrap,
 100                                                                     items : [
 101                                                                         {
 102                                                                             cls : 'box-body',
 103                                                                             xtype : 'Container',
 104                                                                             xns : Roo.bootstrap,
 105                                                                             items : [
 106                                                                                 {
 107                                                                                     xtype : 'Input',
 108                                                                                     placeholder : 'Enter email',
 109                                                                                     fieldLabel : 'Email Address',
 110                                                                                     xns : Roo.bootstrap
 111                                                                                 },
 112                                                                                 {
 113                                                                                     xtype : 'Input',
 114                                                                                     placeholder : 'Enter password',
 115                                                                                     inputType : 'password',
 116                                                                                     fieldLabel : 'Password',
 117                                                                                     xns : Roo.bootstrap
 118                                                                                 },
 119                                                                                 {
 120                                                                                     xtype : 'Input',
 121                                                                                     placeholder : 'Enter email',
 122                                                                                     inputType : 'file',
 123                                                                                     fieldLabel : 'File Input',
 124                                                                                     xns : Roo.bootstrap
 125                                                                                 },
 126                                                                                 {
 127                                                                                     xtype : 'Input',
 128                                                                                     inputType : 'checkbox',
 129                                                                                     xns : Roo.bootstrap,
 130                                                                                     fieldLabel : 'Fixme - checkbox type'
 131                                                                                 },
 132                                                                                 {
 133                                                                                     weight : 'primary',
 134                                                                                     xtype : 'Button',
 135                                                                                     xns : Roo.bootstrap,
 136                                                                                     html : 'Submit'
 137                                                                                 }
 138                                                                             ]
 139
 140                                                                         }
 141                                                                     ]
 142
 143                                                                 }
 144                                                             ]
 145
 146                                                         },
 147                                                         {
 148                                                             cls : 'box box-success',
 149                                                             xtype : 'Container',
 150                                                             xns : Roo.bootstrap,
 151                                                             items : [
 152                                                                 {
 153                                                                     cls : 'box-header',
 154                                                                     xtype : 'Container',
 155                                                                     xns : Roo.bootstrap,
 156                                                                     items : [
 157                                                                         {
 158                                                                             cls : 'box-title',
 159                                                                             xtype : 'Header',
 160                                                                             xns : Roo.bootstrap,
 161                                                                             level : 3,
 162                                                                             html : 'Different Height'
 163                                                                         }
 164                                                                     ]
 165
 166                                                                 },
 167                                                                 {
 168                                                                     xtype : 'Form',
 169                                                                     labelAlign : 'top',
 170                                                                     xns : Roo.bootstrap,
 171                                                                     items : [
 172                                                                         {
 173                                                                             cls : 'box-body',
 174                                                                             xtype : 'Container',
 175                                                                             xns : Roo.bootstrap,
 176                                                                             items : [
 177                                                                                 {
 178                                                                                     xtype : 'Input',
 179                                                                                     placeholder : 'Enter email',
 180                                                                                     fieldLabel : 'Email Address',
 181                                                                                     xns : Roo.bootstrap
 182                                                                                 },
 183                                                                                 {
 184                                                                                     xtype : 'Input',
 185                                                                                     placeholder : 'Enter password',
 186                                                                                     inputType : 'password',
 187                                                                                     fieldLabel : 'Password',
 188                                                                                     xns : Roo.bootstrap
 189                                                                                 },
 190                                                                                 {
 191                                                                                     xtype : 'Input',
 192                                                                                     placeholder : 'Enter email',
 193                                                                                     inputType : 'file',
 194                                                                                     fieldLabel : 'File Input',
 195                                                                                     xns : Roo.bootstrap
 196                                                                                 },
 197                                                                                 {
 198                                                                                     xtype : 'Input',
 199                                                                                     inputType : 'checkbox',
 200                                                                                     xns : Roo.bootstrap,
 201                                                                                     fieldLabel : 'Fixme - checkbox type'
 202                                                                                 },
 203                                                                                 {
 204                                                                                     weight : 'primary',
 205                                                                                     xtype : 'Button',
 206                                                                                     xns : Roo.bootstrap,
 207                                                                                     html : 'Submit'
 208                                                                                 }
 209                                                                             ]
 210
 211                                                                         }
 212                                                                     ]
 213
 214                                                                 }
 215                                                             ]
 216
 217                                                         }
 218                                                     ]
 219
 220                                                 }
 221                                             ]
 222
 223                                         }
 224                                     ]
 225
 226                                 }
 227                             ]
 228
 229                         }
 230                     ]
 231
 232                 }
 233             ]
 234
 235         };    }
 236 });