git.roojs.org Git - Pman.BAdmin/blob - Pman.Tab.BAdminCompany.bjs

   1 {
   2  "name" : "Pman.Tab.BAdminCompany",
   3  "parent" : "Pman.Tab",
   4  "title" : "",
   5  "path" : "/home/khlau/gitlive/Pman.BAdmin/Pman.Tab.BAdminCompany.bjs",
   6  "permname" : "",
   7  "modOrder" : "002",
   8  "strings" : {
   9   "ce8ae9da5b7cd6c3df2929543a9af92d" : "Email",
  10   "231bc72756b5e6de492aaaa1577f61b1" : "Remarks",
  11   "edefbda3a2bdd979e42d8944b7325b79" : "Companies",
  12   "a37ede293936e29279ed543129451ec3" : "Groups",
  13   "ec211f7c20af43e742bf2570c3cb84f9" : "Add",
  14   "b80bb7740288fda1f201890375a60c8f" : "id",
  15   "7dce122004969d56ae2e0245cb754d35" : "Edit",
  16   "fc6f97505d89fe9277965c126744647a" : "No Companies found",
  17   "155ca6a755e25c15ad7ce45e2f638f10" : "Displaying Companies{0} - {1} of {2}",
  18   "f78e208016407d8756c29673558ac14d" : "Company List",
  19   "f2a6c498fb90ee345d997f888fce3b18" : "Delete",
  20   "a1fa27779242b4902f7ae3bdd5c6d508" : "Type",
  21   "9c9745a343efeacc9efe9b7222b27afb" : "Ref#",
  22   "49ee3087348e8d44e1feda1917443987" : "Name",
  23   "2e006b735fbd916d8ab26978ae6714d4" : "Tel",
  24   "dd7bf230fde8d4836917806aff6a6b27" : "Address",
  25   "9810aa2b9f44401be4bf73188ef2b67d" : "Fax"
  26  },
  27  "items" : [
  28   {
  29    "xtype" : "Nest",
  30    "$ xns" : "Roo.bootstrap.panel",
  31    "String title" : "Companies",
  32    "items" : [
  33     {
  34      "xtype" : "Border",
  35      "$ xns" : "Roo.bootstrap.layout",
  36      "* prop" : "layout",
  37      "items" : [
  38       {
  39        "Number width" : 200,
  40        "xtype" : "Region",
  41        "$ xns" : "Roo.bootstrap.layout",
  42        "String title" : "Groups",
  43        "* prop" : "west",
  44        "Boolean split" : true
  45       },
  46       {
  47        "String tabPosition" : "top",
  48        "xtype" : "Region",
  49        "$ xns" : "Roo.bootstrap.layout",
  50        "* prop" : "center"
  51       },
  52       {
  53        "listeners" : {
  54         "activate" : "function (_self)\n{\n \n    if (_this.table) {\n      _this.table.store.load({});\n      _this.dialog = Pman.Dialog.CompanyModify;\n      }\n}",
  55         "render" : "function (_self)\n{\n    _this.grid = _self;\n}"
  56        },
  57        "xtype" : "Grid",
  58        "Boolean fitToFrame" : true,
  59        "$ xns" : "Roo.bootstrap.panel",
  60        "String region" : "center",
  61        "String title" : "Company List",
  62        "Boolean closable" : false,
  63        "items" : [
  64         {
  65          "xtype" : "NavSimplebar",
  66          "$ xns" : "Roo.bootstrap",
  67          "* prop" : "toolbar",
  68          "items" : [
  69           {
  70            "xtype" : "NavGroup",
  71            "$ xns" : "Roo.bootstrap",
  72            "items" : [
  73             {
  74              "xtype" : "NavItem",
  75              "$ xns" : "Roo.bootstrap",
  76              "String style" : "float: left",
  77              "items" : [
  78               {
  79                "listeners" : {
  80                 "click" : "function (_self, e)\n{\n    if (!_this.dialog) {\n        return;\n        }\n\n    _this.dialog.show({});\n    _this.dialog.modal.setTitle('Add Company');\n    _this.dialog.form.reset();\n\n}"
  81                },
  82                "String weight" : "primary",
  83                "xtype" : "Button",
  84                "$ xns" : "Roo.bootstrap",
  85                "String html" : "Add",
  86                "String style" : "margin: 10px;"
  87               },
  88               {
  89                "listeners" : {
  90                 "click" : "function (_self, e)\n{\n    var s = _this.grid.getSelectionModel().getSelections();\n    if (!s.length || (s.length > 1))  {\n        Roo.MessageBox.alert(\"Error\", s.length ? \"Select only one Row\" : \"Select a Row\");\n        return;\n    }\n    if (!_this.dialog) {\n        return;\n    }\n    _this.dialog.show(s[0].data, function() {\n        _this.grid.footer.onClick('first');\n    }); \n    \n}"
  91                },
  92                "String weight" : "primary",
  93                "xtype" : "Button",
  94                "$ xns" : "Roo.bootstrap",
  95                "String html" : "Edit",
  96                "String style" : "margin: 10px;"
  97               },
  98               {
  99                "String weight" : "primary",
 100                "xtype" : "Button",
 101                "$ xns" : "Roo.bootstrap",
 102                "String html" : "Delete",
 103                "String style" : "margin: 10px;"
 104               }
 105              ]
 106             }
 107            ]
 108           }
 109          ]
 110         },
 111         {
 112          "listeners" : {
 113           "rowdblclick" : "function (_self, el, rowIndex, e)\n{\n    rowElId = el.id;\n    rowElId = el.id;\n    //var row = document.getElementById(rowElId).innerHTML;\n    var rowType = document.getElementById(rowElId).childNodes[0].innerHTML;\n    var rowRef = document.getElementById(rowElId).childNodes[1].innerHTML;\n    var rowName = document.getElementById(rowElId).childNodes[2].innerHTML;\n    var rowTel = document.getElementById(rowElId).childNodes[3].innerHTML;\n    var rowFax = document.getElementById(rowElId).childNodes[4].innerHTML;\n    var rowEmail = document.getElementById(rowElId).childNodes[5].innerHTML;\n    var rowAddress = document.getElementById(rowElId).childNodes[6].innerHTML;\n    var rowRemarks = document.getElementById(rowElId).childNodes[7].innerHTML;\n    var rowID = document.getElementById(rowElId).childNodes[8].innerHTML;\n    //alert('row: ' + row);\n    rowType = rowType.charAt(0).toUpperCase() + rowType.slice(1);\n\n    //Pman.Dialog.CompanyModify.show({});\n    //Pman.Dialog.CompanyModify.type.setValue(rowType);\n    //Pman.Dialog.CompanyModify.companyName.setValue(rowName);\n\n\n    \n    if (!_this.dialog) {\n        return;\n        }\n\n    _this.dialog.show({});\n    _this.dialog.modal.setTitle('Modify Company : ' + rowName);\n    _this.dialog.form.reset();\n\n    _this.dialog.type.setValue(rowType);\n    _this.dialog.companyName.setValue(rowName);\n    _this.dialog.tel.setValue(rowTel);\n    _this.dialog.fax.setValue(rowFax);\n    _this.dialog.email.setValue(rowEmail);\n    _this.dialog.remarks.setValue(rowRemarks);\n    _this.dialog.address.setValue(rowAddress);\n    _this.dialog.companyID.setValue(rowID);\n}",
 114           "render" : "function (_self)\n{\n  _this.table = _self;\n  \n  \n  if(_this.table.active) {\n    this.footer.onClick('first');\n  }\n}"
 115          },
 116          "String cls" : "table-fixed",
 117          "boolean striped" : true,
 118          "boolean hover" : true,
 119          "xtype" : "Table",
 120          "boolean responsive" : true,
 121          "Boolean rowSelection" : true,
 122          "$ xns" : "Roo.bootstrap",
 123          "Boolean loadMask" : true,
 124          "* prop" : "grid",
 125          "items" : [
 126           {
 127            "listeners" : {
 128             "rowclick" : "function (_self, el, rowIndex, e)\n{\n    alert('hit');\n    rowElId = el.id;\n    //var rowId = document.getElementById(rowElId).childNodes[0].innerHTML;\n    var rowType = document.getElementById(rowElId).childNodes[1].innerHTML;\n    var rowRef = document.getElementById(rowElId).childNodes[2].innerHTML;\n    var rowName = document.getElementById(rowElId).childNodes[3].innerHTML;\n    //var rowTel = document.getElementById(rowElId).childNodes[4].innerHTML;\n    //var rowFax = document.getElementById(rowElId).childNodes[5].innerHTML;\n    Pman.Dialog.CompanyModify.show({});\n    \n}"
 129            },
 130            "boolean hover" : true,
 131            "boolean striped" : true,
 132            "xtype" : "Store",
 133            "Boolean rowSelection" : true,
 134            "$ xns" : "Roo.data",
 135            "Boolean loadMask" : true,
 136            "* prop" : "store",
 137            "items" : [
 138             {
 139              "xtype" : "JsonReader",
 140              "String root" : "data",
 141              "$ xns" : "Roo.data",
 142              "String id" : "id",
 143              "* prop" : "reader",
 144              "String totalProperty" : "total"
 145             },
 146             {
 147              "listeners" : {
 148               "load" : "function (This, o, arg)\n{\n    _this.table.footer.onClick('first');\n}"
 149              },
 150              "xtype" : "HttpProxy",
 151              "$ xns" : "Roo.data",
 152              "String method" : "GET",
 153              "* prop" : "proxy",
 154              "$ String url" : "baseURL + '/Roo/core_company'"
 155             }
 156            ]
 157           },
 158           {
 159            "String header" : "Type",
 160            "String dataIndex" : "comptype",
 161            "Number width" : 90,
 162            "xtype" : "ColumnModel",
 163            "$ xns" : "Roo.grid",
 164            "$ renderer" : "function (v,x ,r) {\n    //return Pman.Dialog.Companies.comptypeListToString(r.data.isOwner ? 'OWNER' : v);\n    return v;\n}",
 165            "Boolean sortable" : true,
 166            "* prop" : "cm[]"
 167           },
 168           {
 169            "String header" : "Ref#",
 170            "String dataIndex" : "code",
 171            "Number width" : 50,
 172            "xtype" : "ColumnModel",
 173            "$ xns" : "Roo.grid",
 174            "$ renderer" : "function(v) { return String.format('{0}', v); }",
 175            "Boolean sortable" : true,
 176            "* prop" : "cm[]"
 177           },
 178           {
 179            "String header" : "Name",
 180            "String dataIndex" : "name",
 181            "Number width" : 200,
 182            "xtype" : "ColumnModel",
 183            "$ xns" : "Roo.grid",
 184            "$ renderer" : "function(v,x,r) {\n    return String.format(r.data.comptype == 'OWNER' ? '<B>{0}</B>' : '{0}',v);    \n}",
 185            "Boolean sortable" : true,
 186            "* prop" : "cm[]"
 187           },
 188           {
 189            "String header" : "Tel",
 190            "String dataIndex" : "tel",
 191            "Number width" : 100,
 192            "xtype" : "ColumnModel",
 193            "$ xns" : "Roo.grid",
 194            "$ renderer" : "function(v) { return String.format('{0}', v); }",
 195            "* prop" : "cm[]"
 196           },
 197           {
 198            "String header" : "Fax",
 199            "String dataIndex" : "fax",
 200            "Number width" : 100,
 201            "xtype" : "ColumnModel",
 202            "$ xns" : "Roo.grid",
 203            "Function renderer" : "function(v) { return String.format('{0}', v); }",
 204            "* prop" : "cm[]"
 205           },
 206           {
 207            "String header" : "Email",
 208            "String dataIndex" : "email",
 209            "Number width" : 200,
 210            "xtype" : "ColumnModel",
 211            "$ xns" : "Roo.grid",
 212            "$ renderer" : "function (v) {\n        console.log('render:' + v);\n        return (v.length && v.indexOf('@') > 0 ) ? \n            String.format('<a href=\"mailto:{0}\">{0}</a>',v) : v;\n            \n    }",
 213            "Boolean sortable" : true,
 214            "Function renderer" : " function (v) {\n        console.log('render:' + v);\n        return (v.length && v.indexOf('@') > 0 ) ? \n            String.format('<a href=\"mailto:{0}\">{0}</a>',v) : v;\n            \n    }",
 215            "* prop" : "cm[]"
 216           },
 217           {
 218            "String header" : "Address",
 219            "String dataIndex" : "address",
 220            "Number width" : 250,
 221            "xtype" : "ColumnModel",
 222            "$ xns" : "Roo.grid",
 223            "Boolean sortable" : true,
 224            "Function renderer" : "function(v) { return String.format('{0}', v); }",
 225            "* prop" : "cm[]"
 226           },
 227           {
 228            "String header" : "Remarks",
 229            "String dataIndex" : "remarks",
 230            "Number width" : 200,
 231            "xtype" : "ColumnModel",
 232            "$ xns" : "Roo.grid",
 233            "Function renderer" : "function(v) { return String.format('{0}', v); }",
 234            "* prop" : "cm[]",
 235            "Boolean hidden" : true
 236           },
 237           {
 238            "String header" : "id",
 239            "String dataIndex" : "id",
 240            "Number width" : 50,
 241            "xtype" : "ColumnModel",
 242            "$ xns" : "Roo.grid",
 243            "Boolean sortable" : true,
 244            "Function renderer" : "function(v) { return String.format('{0}', v); }",
 245            "* prop" : "cm[]",
 246            "Boolean hidden" : true
 247           },
 248           {
 249            "listeners" : {
 250             "render" : "function (_self)\n{\n    _this.footer = _self;\n}"
 251            },
 252            "Number pageSize" : 25,
 253            "String displayMsg" : "Displaying Companies{0} - {1} of {2}",
 254            "Boolean displayInfo" : true,
 255            "xtype" : "PagingToolbar",
 256            "String emptyMsg" : "No Companies found",
 257            "$ xns" : "Roo.bootstrap",
 258            "* prop" : "footer",
 259            "string name" : "footer"
 260           }
 261          ]
 262         }
 263        ]
 264       }
 265      ]
 266     }
 267    ]
 268   }
 269  ]
 270 }