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

   1 //<script type="text/javascript">
   2
   3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
   4
   5 dashboard3 = new Roo.XComponent({
   6     part     :  ["bootstrap", "dashboard3" ],
   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             '|xns' : 'Roo.bootstrap',
  19             cls : 'skin-blue',
  20             xtype : 'Body',
  21             xns : Roo.bootstrap,
  22             items : [
  23                 Roo.apply(Dashboard.Header1._tree(), {
  24                     '|xns' : 'Roo.bootstrap',
  25                     cls : 'header',
  26                     xtype : 'Container',
  27                     tag : 'header',
  28                     xns : Roo.bootstrap
  29                 }),
  30                 {
  31                     '|xns' : 'Roo.bootstrap',
  32                     cls : 'wrapper row-offcanvas row-offcanvas-left',
  33                     xtype : 'Container',
  34                     'flexy:include' : 'Sidebar.html',
  35                     xns : Roo.bootstrap,
  36                     items : [
  37                         Roo.apply(Dashboard.Sidebar2._tree(), {
  38                             '|xns' : 'Roo.bootstrap',
  39                             tag : 'aside',
  40                             cls : 'left-side sidebar-offcanvas',
  41                             xtype : 'Container',
  42                             xns : Roo.bootstrap
  43                         }),
  44                         {
  45                             '|xns' : 'Roo.bootstrap',
  46                             tag : 'aside',
  47                             cls : 'right-side',
  48                             xtype : 'Container',
  49                             xns : Roo.bootstrap,
  50                             items : [
  51                                 {
  52                                     '|xns' : 'Roo.bootstrap',
  53                                     tag : 'section',
  54                                     cls : 'content-header',
  55                                     xtype : 'Container',
  56                                     xns : Roo.bootstrap,
  57                                     items : [
  58                                         {
  59                                             '|xns' : 'Roo.bootstrap',
  60                                             xtype : 'Header',
  61                                             xns : Roo.bootstrap,
  62                                             html : 'Dashboard  <small> Control panel </small>'
  63                                         }
  64                                     ]
  65
  66                                 },
  67                                 {
  68                                     '|xns' : 'Roo.bootstrap',
  69                                     tag : 'section',
  70                                     cls : 'content',
  71                                     xtype : 'Container',
  72                                     xns : Roo.bootstrap,
  73                                     items : [
  74                                         {
  75                                             '|xns' : 'Roo.bootstrap',
  76                                             xtype : 'Container',
  77                                             xns : Roo.bootstrap,
  78                                             items : [
  79                                                 {
  80                                                     '|xns' : 'Roo.bootstrap',
  81                                                     md : 3,
  82                                                     lg : 3,
  83                                                     xtype : 'Column',
  84                                                     xns : Roo.bootstrap,
  85                                                     items : [
  86                                                         {
  87                                                             '|xns' : 'Roo.bootstrap.dash',
  88                                                             bgcolor : '',
  89                                                             cls : '',
  90                                                             xtype : 'NumberBox',
  91                                                             headline : 150,
  92                                                             xns : Roo.bootstrap.dash,
  93                                                             width : 'col-md-5',
  94                                                             title : "New Orders",
  95                                                             style : 'col-md-3',
  96                                                             height : 150
  97                                                         }
  98                                                     ]
  99
 100                                                 },
 101                                                 {
 102                                                     '|xns' : 'Roo.bootstrap',
 103                                                     md : 3,
 104                                                     lg : 3,
 105                                                     xtype : 'Column',
 106                                                     xns : Roo.bootstrap,
 107                                                     items : [
 108                                                         {
 109                                                             '|xns' : 'Roo.bootstrap.dash',
 110                                                             bgcolor : 'green',
 111                                                             cls : '',
 112                                                             xtype : 'NumberBox',
 113                                                             headline : 150,
 114                                                             xns : Roo.bootstrap.dash,
 115                                                             width : 'col-md-5',
 116                                                             title : "New Orders",
 117                                                             style : 'col-lg-3',
 118                                                             height : 150
 119                                                         }
 120                                                     ]
 121
 122                                                 },
 123                                                 {
 124                                                     '|xns' : 'Roo.bootstrap',
 125                                                     md : 3,
 126                                                     lg : 3,
 127                                                     xtype : 'Column',
 128                                                     xns : Roo.bootstrap,
 129                                                     items : [
 130                                                         {
 131                                                             '|xns' : 'Roo.bootstrap.dash',
 132                                                             bgcolor : 'yellow',
 133                                                             xtype : 'NumberBox',
 134                                                             headline : 150,
 135                                                             xns : Roo.bootstrap.dash,
 136                                                             width : 'col-md-5',
 137                                                             title : "New Orders",
 138                                                             style : 'col-lg-3',
 139                                                             height : 150
 140                                                         }
 141                                                     ]
 142
 143                                                 },
 144                                                 {
 145                                                     '|xns' : 'Roo.bootstrap',
 146                                                     md : 3,
 147                                                     xtype : 'Column',
 148                                                     lg : 3,
 149                                                     xns : Roo.bootstrap,
 150                                                     items : [
 151                                                         {
 152                                                             '|xns' : 'Roo.bootstrap.dash',
 153                                                             bgcolor : 'red',
 154                                                             xtype : 'NumberBox',
 155                                                             headline : 150,
 156                                                             xns : Roo.bootstrap.dash,
 157                                                             width : '',
 158                                                             title : "New Orders",
 159                                                             style : 'col-lg-3',
 160                                                             height : 150
 161                                                         }
 162                                                     ]
 163
 164                                                 }
 165                                             ]
 166
 167                                         },
 168                                         {
 169                                             '|xns' : 'Roo.bootstrap',
 170                                             xtype : 'Row',
 171                                             xns : Roo.bootstrap,
 172                                             items : [
 173                                                 {
 174                                                     '|xns' : 'Roo.bootstrap',
 175                                                     md : 6,
 176                                                     lg : 6,
 177                                                     xtype : 'Column',
 178                                                     xns : Roo.bootstrap,
 179                                                     style : '',
 180                                                     sm : 12,
 181                                                     items : [
 182                                                         {
 183                                                             '|xns' : 'Roo.bootstrap.dash',
 184                                                             xtype : 'TabBox',
 185                                                             xns : Roo.bootstrap.dash,
 186                                                             items : [
 187                                                                 {
 188                                                                     '|xns' : 'Roo.bootstrap.dash',
 189                                                                     xtype : 'TabGroup',
 190                                                                     xns : Roo.bootstrap.dash,
 191                                                                     items : [
 192                                                                         {
 193                                                                             '|xns' : 'Roo.bootstrap.dash',
 194                                                                             xtype : 'TabItem',
 195                                                                             xns : Roo.bootstrap.dash
 196                                                                         },
 197                                                                         {
 198                                                                             '|xns' : 'Roo.bootstrap.dash',
 199                                                                             xtype : 'TabItem',
 200                                                                             xns : Roo.bootstrap.dash
 201                                                                         }
 202                                                                     ]
 203
 204                                                                 }
 205                                                             ]
 206
 207                                                         }
 208                                                     ]
 209
 210                                                 },
 211                                                 {
 212                                                     '|xns' : 'Roo.bootstrap',
 213                                                     md : 6,
 214                                                     xtype : 'Column',
 215                                                     lg : 6,
 216                                                     xns : Roo.bootstrap,
 217                                                     style : '',
 218                                                     sm : 12,
 219                                                     items : [
 220                                                         {
 221                                                             '|xns' : 'Roo.bootstrap',
 222                                                             cls : 'nav-tabs-custom',
 223                                                             xtype : 'Container',
 224                                                             xns : Roo.bootstrap,
 225                                                             items : [
 226                                                                 {
 227                                                                     '|xns' : 'Roo.bootstrap',
 228                                                                     xtype : 'Header',
 229                                                                     xns : Roo.bootstrap,
 230                                                                     html : 'income',
 231                                                                     style : 'margin: 10,10,0,0'
 232                                                                 },
 233                                                                 {
 234                                                                     '|xns' : 'Roo.bootstrap',
 235                                                                     g_height : 250,
 236                                                                     g_y : 80,
 237                                                                     xtype : 'Graph',
 238                                                                     g_r : 30,
 239                                                                     graphtype : 'hbar',
 240                                                                     xns : Roo.bootstrap,
 241                                                                     g_width : 500,
 242                                                                     g_x : 30
 243                                                                 }
 244                                                             ]
 245
 246                                                         }
 247                                                     ]
 248
 249                                                 }
 250                                             ]
 251
 252                                         },
 253                                         {
 254                                             '|xns' : 'Roo.bootstrap',
 255                                             xtype : 'Row',
 256                                             xns : Roo.bootstrap,
 257                                             items : [
 258                                                 {
 259                                                     '|xns' : 'Roo.bootstrap',
 260                                                     lg : 6,
 261                                                     xtype : 'Column',
 262                                                     xns : Roo.bootstrap,
 263                                                     height : 500,
 264                                                     items : [
 265                                                         {
 266                                                             '|xns' : 'Roo.bootstrap',
 267                                                             g_y : 200,
 268                                                             g_r : 120,
 269                                                             xtype : 'Graph',
 270                                                             graphtype : 'pie',
 271                                                             xns : Roo.bootstrap,
 272                                                             height : 500,
 273                                                             g_x : 300
 274                                                         }
 275                                                     ]
 276
 277                                                 },
 278                                                 {
 279                                                     '|xns' : 'Roo.bootstrap',
 280                                                     lg : 6,
 281                                                     xtype : 'Column',
 282                                                     xns : Roo.bootstrap,
 283                                                     items : [
 284                                                         {
 285                                                             '|xns' : 'Roo.bootstrap.dash',
 286                                                             xtype : 'TabBox',
 287                                                             xns : Roo.bootstrap.dash,
 288                                                             items : [
 289                                                                 {
 290                                                                     '|xns' : 'Roo.bootstrap.dash',
 291                                                                     xtype : 'TabPane',
 292                                                                     xns : Roo.bootstrap.dash,
 293                                                                     items : [
 294                                                                         {
 295                                                                             '|xns' : 'Roo.bootstrap',
 296                                                                             xtype : 'Graph',
 297                                                                             xns : Roo.bootstrap
 298                                                                         }
 299                                                                     ]
 300
 301                                                                 }
 302                                                             ]
 303
 304                                                         }
 305                                                     ]
 306
 307                                                 }
 308                                             ]
 309
 310                                         }
 311                                     ]
 312
 313                                 }
 314                             ]
 315
 316                         }
 317                     ]
 318
 319                 }
 320             ]
 321
 322         };    }
 323 });