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

   1 {
   2     "name" : "dashboard3",
   3     "parent" : "",
   4     "title" : "",
   5     "path" : "/home/michael/gitlive/roojs1/examples/bootstrap/dashboard3.bjs",
   6     "permname" : "",
   7     "modOrder" : "001",
   8     "items" : [
   9         {
  10             "String cls" : "skin-blue",
  11             "xtype" : "Body",
  12             "$ xns" : "Roo.bootstrap",
  13             "items" : [
  14                 {
  15                     "String cls" : "header",
  16                     "xtype" : "Container",
  17                     "tag" : "header",
  18                     "* xinclude" : "Dashboard.Header1",
  19                     "$ xns" : "Roo.bootstrap"
  20                 },
  21                 {
  22                     "String cls" : "wrapper row-offcanvas row-offcanvas-left",
  23                     "xtype" : "Container",
  24                     "flexy:include" : "Sidebar.html",
  25                     "$ xns" : "Roo.bootstrap",
  26                     "items" : [
  27                         {
  28                             "String tag" : "aside",
  29                             "String cls" : "left-side sidebar-offcanvas",
  30                             "xtype" : "Container",
  31                             "* xinclude" : "Dashboard.Sidebar2",
  32                             "$ xns" : "Roo.bootstrap"
  33                         },
  34                         {
  35                             "String tag" : "aside",
  36                             "String cls" : "right-side",
  37                             "xtype" : "Container",
  38                             "$ xns" : "Roo.bootstrap",
  39                             "items" : [
  40                                 {
  41                                     "String tag" : "section",
  42                                     "String cls" : "content-header",
  43                                     "xtype" : "Container",
  44                                     "$ xns" : "Roo.bootstrap",
  45                                     "items" : [
  46                                         {
  47                                             "xtype" : "Header",
  48                                             "$ xns" : "Roo.bootstrap",
  49                                             "String html" : "Dashboard  <small> Control panel </small>"
  50                                         }
  51                                     ]
  52                                 },
  53                                 {
  54                                     "String tag" : "section",
  55                                     "String cls" : "content",
  56                                     "xtype" : "Container",
  57                                     "$ xns" : "Roo.bootstrap",
  58                                     "items" : [
  59                                         {
  60                                             "xtype" : "Container",
  61                                             "$ xns" : "Roo.bootstrap",
  62                                             "items" : [
  63                                                 {
  64                                                     "Number md" : 3,
  65                                                     "Number lg" : 3,
  66                                                     "xtype" : "Column",
  67                                                     "$ xns" : "Roo.bootstrap",
  68                                                     "items" : [
  69                                                         {
  70                                                             "bgcolor" : "",
  71                                                             "String cls" : "",
  72                                                             "xtype" : "NumberBox",
  73                                                             "String headline" : 150,
  74                                                             "$ xns" : "Roo.bootstrap.dash",
  75                                                             "width" : "col-md-5",
  76                                                             "String title" : "New Orders",
  77                                                             "String style" : "col-md-3",
  78                                                             "height" : 150
  79                                                         }
  80                                                     ]
  81                                                 },
  82                                                 {
  83                                                     "Number md" : 3,
  84                                                     "Number lg" : 3,
  85                                                     "xtype" : "Column",
  86                                                     "$ xns" : "Roo.bootstrap",
  87                                                     "items" : [
  88                                                         {
  89                                                             "bgcolor" : "green",
  90                                                             "String cls" : "",
  91                                                             "xtype" : "NumberBox",
  92                                                             "String headline" : 150,
  93                                                             "$ xns" : "Roo.bootstrap.dash",
  94                                                             "width" : "col-md-5",
  95                                                             "String title" : "New Orders",
  96                                                             "String style" : "col-lg-3",
  97                                                             "height" : 150
  98                                                         }
  99                                                     ]
 100                                                 },
 101                                                 {
 102                                                     "Number md" : 3,
 103                                                     "Number lg" : 3,
 104                                                     "xtype" : "Column",
 105                                                     "$ xns" : "Roo.bootstrap",
 106                                                     "items" : [
 107                                                         {
 108                                                             "bgcolor" : "yellow",
 109                                                             "xtype" : "NumberBox",
 110                                                             "String headline" : 150,
 111                                                             "$ xns" : "Roo.bootstrap.dash",
 112                                                             "width" : "col-md-5",
 113                                                             "String title" : "New Orders",
 114                                                             "String style" : "col-lg-3",
 115                                                             "height" : 150
 116                                                         }
 117                                                     ]
 118                                                 },
 119                                                 {
 120                                                     "Number md" : 3,
 121                                                     "xtype" : "Column",
 122                                                     "Number lg" : 3,
 123                                                     "$ xns" : "Roo.bootstrap",
 124                                                     "items" : [
 125                                                         {
 126                                                             "bgcolor" : "red",
 127                                                             "xtype" : "NumberBox",
 128                                                             "String headline" : 150,
 129                                                             "$ xns" : "Roo.bootstrap.dash",
 130                                                             "width" : "",
 131                                                             "String title" : "New Orders",
 132                                                             "String style" : "col-lg-3",
 133                                                             "height" : 150
 134                                                         }
 135                                                     ]
 136                                                 }
 137                                             ]
 138                                         },
 139                                         {
 140                                             "xtype" : "Row",
 141                                             "$ xns" : "Roo.bootstrap",
 142                                             "items" : [
 143                                                 {
 144                                                     "Number md" : 6,
 145                                                     "Number lg" : 6,
 146                                                     "xtype" : "Column",
 147                                                     "$ xns" : "Roo.bootstrap",
 148                                                     "String style" : "",
 149                                                     "Number sm" : 12,
 150                                                     "items" : [
 151                                                         {
 152                                                             "xtype" : "TabBox",
 153                                                             "$ xns" : "Roo.bootstrap.dash",
 154                                                             "items" : [
 155                                                                 {
 156                                                                     "xtype" : "TabGroup",
 157                                                                     "$ xns" : "Roo.bootstrap.dash"
 158                                                                 }
 159                                                             ]
 160                                                         }
 161                                                     ]
 162                                                 },
 163                                                 {
 164                                                     "Number md" : 6,
 165                                                     "xtype" : "Column",
 166                                                     "Number lg" : 6,
 167                                                     "$ xns" : "Roo.bootstrap",
 168                                                     "String style" : "",
 169                                                     "Number sm" : 12,
 170                                                     "items" : [
 171                                                         {
 172                                                             "String cls" : "nav-tabs-custom",
 173                                                             "xtype" : "Container",
 174                                                             "$ xns" : "Roo.bootstrap",
 175                                                             "items" : [
 176                                                                 {
 177                                                                     "xtype" : "Header",
 178                                                                     "$ xns" : "Roo.bootstrap",
 179                                                                     "String html" : "income",
 180                                                                     "String style" : "margin: 10,10,0,0"
 181                                                                 },
 182                                                                 {
 183                                                                     "g_height" : 250,
 184                                                                     "g_y" : 80,
 185                                                                     "xtype" : "Graph",
 186                                                                     "g_r" : 30,
 187                                                                     "graphtype" : "hbar",
 188                                                                     "$ xns" : "Roo.bootstrap",
 189                                                                     "g_width" : 500,
 190                                                                     "g_x" : 30
 191                                                                 }
 192                                                             ]
 193                                                         }
 194                                                     ]
 195                                                 }
 196                                             ]
 197                                         },
 198                                         {
 199                                             "xtype" : "Row",
 200                                             "$ xns" : "Roo.bootstrap",
 201                                             "items" : [
 202                                                 {
 203                                                     "Number lg" : 6,
 204                                                     "xtype" : "Column",
 205                                                     "$ xns" : "Roo.bootstrap",
 206                                                     "height" : 500,
 207                                                     "items" : [
 208                                                         {
 209                                                             "g_y" : 200,
 210                                                             "g_r" : 120,
 211                                                             "xtype" : "Graph",
 212                                                             "graphtype" : "pie",
 213                                                             "$ xns" : "Roo.bootstrap",
 214                                                             "height" : 500,
 215                                                             "g_x" : 300
 216                                                         }
 217                                                     ]
 218                                                 },
 219                                                 {
 220                                                     "Number lg" : 6,
 221                                                     "xtype" : "Column",
 222                                                     "$ xns" : "Roo.bootstrap",
 223                                                     "items" : [
 224                                                         {
 225                                                             "xtype" : "TabBox",
 226                                                             "$ xns" : "Roo.bootstrap.dash",
 227                                                             "items" : [
 228                                                                 {
 229                                                                     "xtype" : "TabPane",
 230                                                                     "$ xns" : "Roo.bootstrap.dash",
 231                                                                     "items" : [
 232                                                                         {
 233                                                                             "xtype" : "Graph",
 234                                                                             "$ xns" : "Roo.bootstrap"
 235                                                                         }
 236                                                                     ]
 237                                                                 }
 238                                                             ]
 239                                                         }
 240                                                     ]
 241                                                 }
 242                                             ]
 243                                         }
 244                                     ]
 245                                 }
 246                             ]
 247                         }
 248                     ]
 249                 }
 250             ]
 251         }
 252     ]
 253 }