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

   1 {
   2  "name" : "dashboard3",
   3  "parent" : "",
   4  "title" : "",
   5  "path" : "/home/alan/gitlive/roojs1/examples/bootstrap/dashboard3.bjs",
   6  "permname" : "",
   7  "modOrder" : "001",
   8  "strings" : {
   9   "1f9ff97aa2f49a79388004e1e57f2320" : "New Orders ",
  10   "fc0d5184491559c092364744b2247373" : "first tab",
  11   "30bd2ce65d1e43e9c498b7d5d49f3b78" : "Dashboard <small>  Example Control panel </small>",
  12   "b73ce398c39f506af761d2277d853a92" : "160",
  13   "7ef605fc8dba5425d6965fbd4c8fbe1f" : "150",
  14   "70ce2e7a27cab2a670ca954f8362e19f" : "tab 2 content",
  15   "f3ff0ceca73743a13990e970c318fc36" : "<span class=\"glyphicon glyphicon-chevron-left\"></span>",
  16   "34ae6773410925b4574e656be194f0ad" : "income",
  17   "e864378363f435160e7c2209cc2949b7" : "<span class=\"glyphicon glyphicon-chevron-right\"></span>",
  18   "1d17cb9923b99f823da9f5a16dc460e5" : "Department",
  19   "222a267cc5778206b253be35ee3ddab5" : "Current",
  20   "75f1bb6830981ca0ce62c3eb434373ba" : "Table tabs",
  21   "c4f5a294a273c3a1c97642a76f15c5c7" : "tab 1",
  22   "2d0175894e0fe09186d38fe7a7160294" : "second tab",
  23   "1b9b097340a24b31632ed601a9107832" : "This is a random string ",
  24   "9fc10133312e352754f8ca264a3e272d" : "New Orders",
  25   "9a7b64c98b066602b21f869ae7cd673a" : "test 1",
  26   "58a00f6a3da23fc3821f24115493b750" : "tab 2",
  27   "3c8d74bd7be3168fe440d9c85da42be8" : "<b> Alert </b> test alert",
  28   "d80590035c13589acfbdd2b2dcb60773" : "Aspire"
  29  },
  30  "items" : [
  31   {
  32    "String cls" : "skin-blue",
  33    "xtype" : "Body",
  34    "$ xns" : "Roo.bootstrap",
  35    "items" : [
  36     {
  37      "String cls" : "header",
  38      "tag" : "header",
  39      "xtype" : "Container",
  40      "* xinclude" : "Dashboard.Header1",
  41      "$ xns" : "Roo.bootstrap"
  42     },
  43     {
  44      "String cls" : "wrapper row-offcanvas row-offcanvas-left",
  45      "xtype" : "Container",
  46      "flexy:include" : "Sidebar.html",
  47      "$ xns" : "Roo.bootstrap",
  48      "items" : [
  49       {
  50        "String tag" : "aside",
  51        "String cls" : "left-side sidebar-offcanvas",
  52        "xtype" : "Container",
  53        "* xinclude" : "Dashboard.Sidebar2",
  54        "$ xns" : "Roo.bootstrap"
  55       },
  56       {
  57        "String tag" : "aside",
  58        "String cls" : "right-side",
  59        "xtype" : "Container",
  60        "$ xns" : "Roo.bootstrap",
  61        "items" : [
  62         {
  63          "String tag" : "section",
  64          "String cls" : "content-header",
  65          "xtype" : "Container",
  66          "$ xns" : "Roo.bootstrap",
  67          "items" : [
  68           {
  69            "xtype" : "Header",
  70            "$ xns" : "Roo.bootstrap",
  71            "String html" : "Dashboard <small>  Example Control panel </small>"
  72           }
  73          ]
  74         },
  75         {
  76          "String tag" : "section",
  77          "String cls" : "content",
  78          "xtype" : "Container",
  79          "$ xns" : "Roo.bootstrap",
  80          "items" : [
  81           {
  82            "xtype" : "Container",
  83            "$ xns" : "Roo.bootstrap",
  84            "items" : [
  85             {
  86              "Number md" : 3,
  87              "xtype" : "Column",
  88              "Number lg" : 3,
  89              "$ xns" : "Roo.bootstrap",
  90              "items" : [
  91               {
  92                "bgcolor" : "",
  93                "String cls" : "",
  94                "xtype" : "NumberBox",
  95                "String headline" : 160,
  96                "$ xns" : "Roo.bootstrap.dash",
  97                "width" : "col-md-5",
  98                "String title" : "New Orders ",
  99                "String style" : "col-md-3",
 100                "height" : 150,
 101                "string _aformat" : "This is a random string "
 102               }
 103              ]
 104             },
 105             {
 106              "Number md" : 3,
 107              "xtype" : "Column",
 108              "Number lg" : 3,
 109              "$ xns" : "Roo.bootstrap",
 110              "items" : [
 111               {
 112                "bgcolor" : "green",
 113                "String cls" : "",
 114                "xtype" : "NumberBox",
 115                "String headline" : 150,
 116                "$ xns" : "Roo.bootstrap.dash",
 117                "width" : "col-md-5",
 118                "String title" : "New Orders",
 119                "String style" : "col-lg-3",
 120                "height" : 150
 121               }
 122              ]
 123             },
 124             {
 125              "Number md" : 3,
 126              "xtype" : "Column",
 127              "Number lg" : 3,
 128              "$ xns" : "Roo.bootstrap",
 129              "items" : [
 130               {
 131                "bgcolor" : "yellow",
 132                "xtype" : "NumberBox",
 133                "String headline" : 150,
 134                "$ xns" : "Roo.bootstrap.dash",
 135                "width" : "col-md-5",
 136                "String title" : "New Orders",
 137                "String style" : "col-lg-3",
 138                "height" : 150
 139               }
 140              ]
 141             },
 142             {
 143              "Number md" : 3,
 144              "Number lg" : 3,
 145              "xtype" : "Column",
 146              "$ xns" : "Roo.bootstrap",
 147              "items" : [
 148               {
 149                "bgcolor" : "red",
 150                "xtype" : "NumberBox",
 151                "String headline" : 150,
 152                "$ xns" : "Roo.bootstrap.dash",
 153                "width" : "",
 154                "String title" : "New Orders",
 155                "String style" : "col-lg-3",
 156                "height" : 150
 157               }
 158              ]
 159             }
 160            ]
 161           },
 162           {
 163            "xtype" : "Row",
 164            "$ xns" : "Roo.bootstrap",
 165            "items" : [
 166             {
 167              "string alert" : "danger",
 168              "string fa" : "ban",
 169              "xtype" : "Container",
 170              "$ xns" : "Roo.bootstrap",
 171              "String html" : "<b> Alert </b> test alert"
 172             }
 173            ]
 174           },
 175           {
 176            "xtype" : "Row",
 177            "$ xns" : "Roo.bootstrap",
 178            "items" : [
 179             {
 180              "Number md" : 6,
 181              "xtype" : "Column",
 182              "Number lg" : 6,
 183              "$ xns" : "Roo.bootstrap",
 184              "String style" : "",
 185              "Number sm" : 12,
 186              "items" : [
 187               {
 188                "listeners" : {
 189                 "render" : "function (_self)\n{\n    _this.testbox = _self;\n}"
 190                },
 191                "xtype" : "TabBox",
 192                "$ xns" : "Roo.bootstrap.dash",
 193                "String title" : "test 1",
 194                "items" : [
 195                 {
 196                  "xtype" : "TabPane",
 197                  "$ xns" : "Roo.bootstrap.dash",
 198                  "string title" : "Table tabs",
 199                  "items" : [
 200                   {
 201                    "xtype" : "Column",
 202                    "$ xns" : "Roo.bootstrap",
 203                    "items" : [
 204                     {
 205                      "listeners" : {
 206                       "cellclick" : "function (_self, el, rowIndex, columnIndex, e)\n{\n    \n\n    var cm = this.colModel.getColumnById(this.colModel.getColumnId(columnIndex));\n    if (cm.dataIndex == 'current') {\n        var rec = _this.listTable.ds.getAt(rowIndex);\n        \n        rec.set('current', rec.data.current * 1 ? '0' : '1');\n\n        //_this.listTable.ds.fireEvent(\"datachanged\", this);\n        rec.commit();\n        return;\n    }\n      if (cm.dataIndex == 'aspire') {\n        var rec = _this.listTable.ds.getAt(rowIndex);\n        \n        rec.set('aspire', rec.data.aspire * 1 ? '0' : '1');\n\n        //_this.listTable.ds.fireEvent(\"datachanged\", this);\n        rec.commit();\n        return;\n    }\n\n     \n}",
 207                       "|render" : "function (_self)\n{\n     _this.listTable = _self;\n    (function() { _self.store.load({}); }).defer(100)\n}"
 208                      },
 209                      "xtype" : "Table",
 210                      "Boolean CellSelection" : true,
 211                      "$ xns" : "Roo.bootstrap",
 212                      "Boolean RowSelection" : true,
 213                      "items" : [
 214                       {
 215                        "$ Array data" : "[\n  [ 'A TEST', '1', '0' ],\n  \n    [ 'B test', '1', '0' ],\n      [ 'C test', '1', '0' ],\n    [ 'D test', '1', '0' ]\n]",
 216                        "boolean isLocal" : true,
 217                        "$ Array fields" : "[ 'display_name', 'current', 'aspire' ]",
 218                        "xtype" : "SimpleStore",
 219                        "$ xns" : "Roo.data",
 220                        "* prop" : "store"
 221                       },
 222                       {
 223                        "String header" : "Department",
 224                        "String dataIndex" : "display_name",
 225                        "xtype" : "ColumnModel",
 226                        "$ xns" : "Roo.grid",
 227                        "* prop" : "cm[]"
 228                       },
 229                       {
 230                        "String header" : "Current",
 231                        "String dataIndex" : "current",
 232                        "xtype" : "ColumnModel",
 233                        "$ xns" : "Roo.grid",
 234                        "$ renderer" : "function(v) {  \n\n    var state = v> 0 ?  '-checked' : '';\n\n    return v*1  > 0 ? 'X' : '-';             \n                \n }",
 235                        "* prop" : "cm[]"
 236                       },
 237                       {
 238                        "String header" : "Aspire",
 239                        "String dataIndex" : "aspire",
 240                        "xtype" : "ColumnModel",
 241                        "$ xns" : "Roo.grid",
 242                        "$ renderer" : "function(v) {  \n    var state = v> 0 ?  '-checked' : '';\n    return v*1  > 0 ? 'X' : '-';             \n }",
 243                        "* prop" : "cm[]"
 244                       }
 245                      ]
 246                     }
 247                    ]
 248                   }
 249                  ]
 250                 },
 251                 {
 252                  "xtype" : "TabPane",
 253                  "$ xns" : "Roo.bootstrap.dash",
 254                  "string title" : "tab 2",
 255                  "items" : [
 256                   {
 257                    "xtype" : "Column",
 258                    "$ xns" : "Roo.bootstrap",
 259                    "String html" : "tab 2 content"
 260                   }
 261                  ]
 262                 }
 263                ]
 264               }
 265              ]
 266             },
 267             {
 268              "Number md" : 6,
 269              "Number lg" : 6,
 270              "xtype" : "Column",
 271              "$ xns" : "Roo.bootstrap",
 272              "String style" : "",
 273              "Number sm" : 12,
 274              "items" : [
 275               {
 276                "String cls" : "nav-tabs-custom",
 277                "xtype" : "Container",
 278                "$ xns" : "Roo.bootstrap",
 279                "items" : [
 280                 {
 281                  "xtype" : "Header",
 282                  "$ xns" : "Roo.bootstrap",
 283                  "String html" : "income",
 284                  "String style" : "margin: 10,10,0,0"
 285                 }
 286                ]
 287               }
 288              ]
 289             }
 290            ]
 291           },
 292           {
 293            "xtype" : "Row",
 294            "$ xns" : "Roo.bootstrap",
 295            "items" : [
 296             {
 297              "Number md" : 6,
 298              "Number lg" : 6,
 299              "xtype" : "Column",
 300              "$ xns" : "Roo.bootstrap",
 301              "String style" : "",
 302              "Number sm" : 12,
 303              "items" : [
 304               {
 305                "listeners" : {
 306                 "render" : "function (_self)\n{\n    _this.testbox = _self;\n}"
 307                },
 308                "xtype" : "TabBox",
 309                "$ xns" : "Roo.bootstrap.dash",
 310                "String title" : "test 1",
 311                "items" : [
 312                 {
 313                  "xtype" : "TabPane",
 314                  "$ xns" : "Roo.bootstrap.dash",
 315                  "string title" : "tab 1",
 316                  "items" : [
 317                   {
 318                    "xtype" : "Column",
 319                    "$ xns" : "Roo.bootstrap"
 320                   }
 321                  ]
 322                 },
 323                 {
 324                  "xtype" : "TabPane",
 325                  "$ xns" : "Roo.bootstrap.dash",
 326                  "string title" : "tab 2",
 327                  "items" : [
 328                   {
 329                    "xtype" : "Column",
 330                    "$ xns" : "Roo.bootstrap",
 331                    "String html" : "tab 2 content"
 332                   }
 333                  ]
 334                 }
 335                ]
 336               }
 337              ]
 338             },
 339             {
 340              "Number md" : 6,
 341              "xtype" : "Column",
 342              "Number lg" : 6,
 343              "$ xns" : "Roo.bootstrap",
 344              "String style" : "",
 345              "Number sm" : 12,
 346              "items" : [
 347               {
 348                "String cls" : "nav-tabs-custom",
 349                "xtype" : "Container",
 350                "$ xns" : "Roo.bootstrap",
 351                "items" : [
 352                 {
 353                  "xtype" : "Header",
 354                  "$ xns" : "Roo.bootstrap",
 355                  "String html" : "income",
 356                  "String style" : "margin: 10,10,0,0"
 357                 }
 358                ]
 359               }
 360              ]
 361             }
 362            ]
 363           },
 364           {
 365            "xtype" : "Row",
 366            "$ xns" : "Roo.bootstrap",
 367            "items" : [
 368             {
 369              "listeners" : {
 370               "render" : "function (_self)\n{\n    _this.tabgroup = _self;\n}"
 371              },
 372              "Number lg" : 12,
 373              "xtype" : "TabGroup",
 374              "boolean carousel" : true,
 375              "$ xns" : "Roo.bootstrap",
 376              "string navId" : "#sample1",
 377              "items" : [
 378               {
 379                "listeners" : {
 380                 "render" : "function (_self)\n{\n_this.tab_second = _self;\n}"
 381                },
 382                "Boolean active" : true,
 383                "String cls" : "item",
 384                "xtype" : "TabPanel",
 385                "$ xns" : "Roo.bootstrap",
 386                "String tabId" : "#second",
 387                "String navId" : "#sample1",
 388                "items" : [
 389                 {
 390                  "xtype" : "Header",
 391                  "$ xns" : "Roo.bootstrap",
 392                  "Number level" : 3,
 393                  "String html" : "first tab"
 394                 },
 395                 {
 396                  "xtype" : "Container",
 397                  "$ xns" : "Roo.bootstrap",
 398                  "String well" : "md",
 399                  "String style" : "padding-left:50px;padding-right:50px;",
 400                  "items" : [
 401                   {
 402                    "xtype" : "Row",
 403                    "$ xns" : "Roo.bootstrap",
 404                    "items" : [
 405                     {
 406                      "Number md" : 6,
 407                      "xtype" : "Column",
 408                      "$ xns" : "Roo.bootstrap",
 409                      "items" : [
 410                       {
 411                        "labelAlign" : "top",
 412                        "fieldLabel" : "Some input",
 413                        "xtype" : "Input",
 414                        "allowBlank" : true,
 415                        "$ xns" : "Roo.bootstrap",
 416                        "name" : "chosen_title"
 417                       }
 418                      ]
 419                     }
 420                    ]
 421                   }
 422                  ]
 423                 }
 424                ]
 425               },
 426               {
 427                "listeners" : {
 428                 "render" : "function (_self)\n{\n_this.tab_first = _self;\n}"
 429                },
 430                "Boolean active" : false,
 431                "String cls" : "item",
 432                "xtype" : "TabPanel",
 433                "$ xns" : "Roo.bootstrap",
 434                "String tabId" : "#first",
 435                "String navId" : "#sample1",
 436                "items" : [
 437                 {
 438                  "xtype" : "Header",
 439                  "Number level" : 3,
 440                  "$ xns" : "Roo.bootstrap",
 441                  "String html" : "second tab"
 442                 },
 443                 {
 444                  "xtype" : "Container",
 445                  "$ xns" : "Roo.bootstrap",
 446                  "String well" : "md",
 447                  "String style" : "padding-left:50px;padding-right:50px;",
 448                  "items" : [
 449                   {
 450                    "xtype" : "Row",
 451                    "$ xns" : "Roo.bootstrap",
 452                    "items" : [
 453                     {
 454                      "Number md" : 6,
 455                      "xtype" : "Column",
 456                      "$ xns" : "Roo.bootstrap",
 457                      "items" : [
 458                       {
 459                        "labelAlign" : "top",
 460                        "fieldLabel" : "This is a label",
 461                        "xtype" : "Input",
 462                        "allowBlank" : true,
 463                        "$ xns" : "Roo.bootstrap",
 464                        "name" : "chosen_title"
 465                       }
 466                      ]
 467                     }
 468                    ]
 469                   }
 470                  ]
 471                 }
 472                ]
 473               },
 474               {
 475                "listeners" : {
 476                 "click" : "function (e)\n{\n    _this.tabgroup.showPanelPrev();\n}"
 477                },
 478                "String cls" : "carousel-control left",
 479                "Boolean preventDefault" : true,
 480                "xtype" : "Link",
 481                "$ xns" : "Roo.bootstrap",
 482                "String html" : "<span class=\"glyphicon glyphicon-chevron-left\"></span>"
 483               },
 484               {
 485                "listeners" : {
 486                 "click" : "function (e)\n{\n      _this.tabgroup.showPanelNext();\n}"
 487                },
 488                "String cls" : "carousel-control right",
 489                "Boolean preventDefault" : true,
 490                "xtype" : "Link",
 491                "$ xns" : "Roo.bootstrap",
 492                "String html" : "<span class=\"glyphicon glyphicon-chevron-right\"></span>"
 493               }
 494              ]
 495             }
 496            ]
 497           }
 498          ]
 499         }
 500        ]
 501       }
 502      ]
 503     }
 504    ]
 505   }
 506  ]
 507 }