view source

[roojs1] / examples / bootstrap / dashboard3.bjs

diff --git a/examples/bootstrap/dashboard3.bjs b/examples/bootstrap/dashboard3.bjs
index a102f42..d887b21 100644 (file)
--- a/examples/bootstrap/dashboard3.bjs
+++ b/examples/bootstrap/dashboard3.bjs
@@ -7,10 +7,25 @@
  "modOrder" : "001",
  "strings" : {
   "1f9ff97aa2f49a79388004e1e57f2320" : "New Orders ",
+  "fc0d5184491559c092364744b2247373" : "first tab",
+  "30bd2ce65d1e43e9c498b7d5d49f3b78" : "Dashboard <small>  Example Control panel </small>",
+  "b73ce398c39f506af761d2277d853a92" : "160",
+  "7ef605fc8dba5425d6965fbd4c8fbe1f" : "150",
+  "70ce2e7a27cab2a670ca954f8362e19f" : "tab 2 content",
+  "f3ff0ceca73743a13990e970c318fc36" : "<span class=\"glyphicon glyphicon-chevron-left\"></span>",
+  "34ae6773410925b4574e656be194f0ad" : "income",
+  "e864378363f435160e7c2209cc2949b7" : "<span class=\"glyphicon glyphicon-chevron-right\"></span>",
+  "1d17cb9923b99f823da9f5a16dc460e5" : "Department",
+  "222a267cc5778206b253be35ee3ddab5" : "Current",
+  "75f1bb6830981ca0ce62c3eb434373ba" : "Table tabs",
   "c4f5a294a273c3a1c97642a76f15c5c7" : "tab 1",
-  "9a7b64c98b066602b21f869ae7cd673a" : "test 1",
+  "2d0175894e0fe09186d38fe7a7160294" : "second tab",
+  "1b9b097340a24b31632ed601a9107832" : "This is a random string ",
   "9fc10133312e352754f8ca264a3e272d" : "New Orders",
-  "58a00f6a3da23fc3821f24115493b750" : "tab 2"
+  "9a7b64c98b066602b21f869ae7cd673a" : "test 1",
+  "58a00f6a3da23fc3821f24115493b750" : "tab 2",
+  "3c8d74bd7be3168fe440d9c85da42be8" : "<b> Alert </b> test alert",
+  "d80590035c13589acfbdd2b2dcb60773" : "Aspire"
  },
  "items" : [
   {
@@ -20,8 +35,8 @@
    "items" : [
     {
      "String cls" : "header",
-     "xtype" : "Container",
      "tag" : "header",
+     "xtype" : "Container",
      "* xinclude" : "Dashboard.Header1",
      "$ xns" : "Roo.bootstrap"
     },
@@ -53,7 +68,7 @@
           {
            "xtype" : "Header",
            "$ xns" : "Roo.bootstrap",
-           "String html" : "Dashboard  <small>  Example Control panel </small>"
+           "String html" : "Dashboard <small>  Example Control panel </small>"
           }
          ]
         },
@@ -69,8 +84,8 @@
            "items" : [
             {
              "Number md" : 3,
-             "Number lg" : 3,
              "xtype" : "Column",
+             "Number lg" : 3,
              "$ xns" : "Roo.bootstrap",
              "items" : [
               {
@@ -83,14 +98,14 @@
                "String title" : "New Orders ",
                "String style" : "col-md-3",
                "height" : 150,
-               "string _aformat" : "This is a random string  "
+               "string _aformat" : "This is a random string "
               }
              ]
             },
             {
              "Number md" : 3,
-             "Number lg" : 3,
              "xtype" : "Column",
+             "Number lg" : 3,
              "$ xns" : "Roo.bootstrap",
              "items" : [
               {
@@ -108,8 +123,8 @@
             },
             {
              "Number md" : 3,
-             "Number lg" : 3,
              "xtype" : "Column",
+             "Number lg" : 3,
              "$ xns" : "Roo.bootstrap",
              "items" : [
               {
@@ -126,8 +141,8 @@
             },
             {
              "Number md" : 3,
-             "xtype" : "Column",
              "Number lg" : 3,
+             "xtype" : "Column",
              "$ xns" : "Roo.bootstrap",
              "items" : [
               {
@@ -153,7 +168,7 @@
              "string fa" : "ban",
              "xtype" : "Container",
              "$ xns" : "Roo.bootstrap",
-             "String html" : "<b> Alert </b> test allert\n"
+             "String html" : "<b> Alert </b> test alert"
             }
            ]
           },
@@ -163,8 +178,8 @@
            "items" : [
             {
              "Number md" : 6,
-             "Number lg" : 6,
              "xtype" : "Column",
+             "Number lg" : 6,
              "$ xns" : "Roo.bootstrap",
              "String style" : "",
              "Number sm" : 12,
@@ -180,7 +195,7 @@
                 {
                  "xtype" : "TabPane",
                  "$ xns" : "Roo.bootstrap.dash",
-                 "string title" : "tab 1",
+                 "string title" : "Table tabs",
                  "items" : [
                   {
                    "xtype" : "Column",
@@ -188,8 +203,8 @@
                    "items" : [
                     {
                      "listeners" : {
-                      "|render" : "function (_self)\n{\n     _this.listTable = _self;\n    (function() { _self.store.load({}); }).defer(100)\n}",
-                      "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}"
+                      "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}",
+                      "|render" : "function (_self)\n{\n     _this.listTable = _self;\n    (function() { _self.store.load({}); }).defer(100)\n}"
                      },
                      "xtype" : "Table",
                      "Boolean CellSelection" : true,
@@ -197,9 +212,9 @@
                      "Boolean RowSelection" : true,
                      "items" : [
                       {
+                       "$ Array data" : "[\n  [ 'A TEST', '1', '0' ],\n  \n    [ 'B test', '1', '0' ],\n      [ 'C test', '1', '0' ],\n    [ 'D test', '1', '0' ]\n]",
                        "boolean isLocal" : true,
                        "$ Array fields" : "[ 'display_name', 'current', 'aspire' ]",
-                       "$ Array data" : "[\n  [ 'A TEST', '1', '0' ],\n  \n    [ 'B test', '1', '0' ],\n      [ 'C test', '1', '0' ],\n    [ 'D test', '1', '0' ]\n]",
                        "xtype" : "SimpleStore",
                        "$ xns" : "Roo.data",
                        "* prop" : "store"
@@ -249,6 +264,78 @@
               }
              ]
             },
+            {
+             "Number md" : 6,
+             "Number lg" : 6,
+             "xtype" : "Column",
+             "$ xns" : "Roo.bootstrap",
+             "String style" : "",
+             "Number sm" : 12,
+             "items" : [
+              {
+               "String cls" : "nav-tabs-custom",
+               "xtype" : "Container",
+               "$ xns" : "Roo.bootstrap",
+               "items" : [
+                {
+                 "xtype" : "Header",
+                 "$ xns" : "Roo.bootstrap",
+                 "String html" : "income",
+                 "String style" : "margin: 10,10,0,0"
+                }
+               ]
+              }
+             ]
+            }
+           ]
+          },
+          {
+           "xtype" : "Row",
+           "$ xns" : "Roo.bootstrap",
+           "items" : [
+            {
+             "Number md" : 6,
+             "Number lg" : 6,
+             "xtype" : "Column",
+             "$ xns" : "Roo.bootstrap",
+             "String style" : "",
+             "Number sm" : 12,
+             "items" : [
+              {
+               "listeners" : {
+                "render" : "function (_self)\n{\n    _this.testbox = _self;\n}"
+               },
+               "xtype" : "TabBox",
+               "$ xns" : "Roo.bootstrap.dash",
+               "String title" : "test 1",
+               "items" : [
+                {
+                 "xtype" : "TabPane",
+                 "$ xns" : "Roo.bootstrap.dash",
+                 "string title" : "tab 1",
+                 "items" : [
+                  {
+                   "xtype" : "Column",
+                   "$ xns" : "Roo.bootstrap"
+                  }
+                 ]
+                },
+                {
+                 "xtype" : "TabPane",
+                 "$ xns" : "Roo.bootstrap.dash",
+                 "string title" : "tab 2",
+                 "items" : [
+                  {
+                   "xtype" : "Column",
+                   "$ xns" : "Roo.bootstrap",
+                   "String html" : "tab 2 content"
+                  }
+                 ]
+                }
+               ]
+              }
+             ]
+            },
             {
              "Number md" : 6,
              "xtype" : "Column",
@@ -301,8 +388,8 @@
                "items" : [
                 {
                  "xtype" : "Header",
-                 "Number level" : 3,
                  "$ xns" : "Roo.bootstrap",
+                 "Number level" : 3,
                  "String html" : "first tab"
                 },
                 {
@@ -349,8 +436,8 @@
                "items" : [
                 {
                  "xtype" : "Header",
-                 "$ xns" : "Roo.bootstrap",
                  "Number level" : 3,
+                 "$ xns" : "Roo.bootstrap",
                  "String html" : "second tab"
                 },
                 {