git.roojs.org Git - Pman.Admin/blob - Pman.Tab.AdminContacts.bjs

   1 {
   2  "name" : "Pman.Tab.AdminContacts",
   3  "parent" : "Pman.Tab.AdminContactsManager",
   4  "title" : "Pman.Tab.AdminContacts",
   5  "path" : "/home/edward/gitlive/Pman.Admin/Pman.Tab.AdminContacts.bjs",
   6  "permname" : "Core.Person",
   7  "modOrder" : "001",
   8  "strings" : {
   9   "99b344c8ae43e3e7213862b8f35c4e51" : "Select Company",
  10   "1c76cbfe21c6f44c1d1e59d54f3e4420" : "Company",
  11   "ce8ae9da5b7cd6c3df2929543a9af92d" : "Email",
  12   "8444e81d652b084d70c71cd7d19ac0cf" : "Displaying Person{0} - {1} of {2}",
  13   "13348442cc6a27032d2b4aa28b75a5d3" : "Search",
  14   "ec211f7c20af43e742bf2570c3cb84f9" : "Add",
  15   "9e727fdd3aec8274f46685441900280d" : "Project",
  16   "7dce122004969d56ae2e0245cb754d35" : "Edit",
  17   "4110db87ce3ac86d603d03d691616b1e" : "Drag person to add or remove from group",
  18   "b47a519aebda8fdb4b59bdae6eb2bff0" : "Show No Company",
  19   "1243daf593fa297e07ab03bf06d925af" : "Searching...",
  20   "bcc254b55c4a1babdf1dcb82c207506b" : "Phone",
  21   "9675747b5ab12d05f18518761e68a533" : "Select Companies",
  22   "40bed7cf9b3d4bb3a3d7a7e3eb18c5eb" : "Person",
  23   "f1174ecbbc232f948717979daf04cf08" : "No Person found",
  24   "ec3249f16ee5880d4c1acb752e5c925f" : "Switch to Selected User",
  25   "a93806efd0cc7a149f0f03e2b9a0f862" : "Bulk Add",
  26   "f2a6c498fb90ee345d997f888fce3b18" : "Delete",
  27   "a1fa27779242b4902f7ae3bdd5c6d508" : "Type",
  28   "49ee3087348e8d44e1feda1917443987" : "Name",
  29   "bbbabdbe1b262f75d99d62880b953be1" : "Role",
  30   "4d3d769b812b6faa6b76e1a8abaece2d" : "Active",
  31   "d4d25ad0a12e8d30e9d8d35230f6d1d3" : "Show Removed",
  32   "9810aa2b9f44401be4bf73188ef2b67d" : "Fax"
  33  },
  34  "items" : [
  35   {
  36    "listeners" : {
  37     "|activate" : "function() {\n    _this.panel = this;\n    if (_this.grid) {\n        _this.grid.footer.onClick('first');\n    }\n}"
  38    },
  39    "autoScroll" : true,
  40    "fitToframe" : true,
  41    "background" : true,
  42    "region" : "center",
  43    "title" : "Person",
  44    "xtype" : "GridPanel",
  45    "fitContainer" : true,
  46    "$ xns" : "Roo",
  47    "tableName" : "Person",
  48    "items" : [
  49     {
  50      "listeners" : {
  51       "|rowdblclick" : "function (_self, rowIndex, e)\n{\n    if (!_this.dialog) return;\n    _this.dialog.show( this.getDataSource().getAt(rowIndex), function() {\n        _this.grid.footer.onClick('first');\n    }); \n}\n",
  52       "|render" : "function() \n{\n    _this.grid = this; \n    if (!_this.dialog) {\n        _this.dialog = Pman.Dialog.PersonEdit;\n        \n    }\n    //_this.dialog = Pman.Dialog.FILL_IN\n    if (_this.panel.active) {\n       this.footer.onClick('first');\n    }\n}",
  53       "cellclick" : "function (_self, rowIndex, columnIndex, e)\n{\n\n        var di = this.colModel.getDataIndex(columnIndex);\n        if (di != 'active') {\n            return;\n        }\n         \n        var rec = _this.grid.ds.getAt(rowIndex);\n        \n        rec.set('active', rec.data.active ? 0 : 1);\n        rec.commit();\n         \n        \n}"
  54      },
  55      "autoExpandColumn" : "name",
  56      "xtype" : "Grid",
  57      "ddGroup" : "groupDD",
  58      "enableDrag" : true,
  59      "loadMask" : true,
  60      "$ xns" : "Roo.grid",
  61      "* prop" : "grid",
  62      "items" : [
  63       {
  64        "listeners" : {
  65         "update" : "function (_self, record, operation)\n{\n    if (operation != 'commit') {\n        return;\n    }\n    // only used to change active status.\n    \n    new Pman.Request({\n        url : baseURL + '/Roo/Person.php',\n        method :'POST',\n        params : {\n            id : record.data.id,\n            active: record.data.active\n            \n        },\n        success : function() {\n            // do nothing\n            \n            _this.grid.ds.remove(record);\n            \n        },\n        failure : function() \n        {\n            Roo.MessageBox.alert(\"Error\", \"saving failed\", function() {\n                _this.grid.footer.onClick('first');\n            });\n        }\n    });\n}",
  66         "beforeload" : "function (_self, o)\n{\n    if(!_this.active_company_button.pressed){\n        o.params['!company_id_comptype'] = 'OWNER';\n    }\n    \n    o.params['query[search]'] = _this.searchBox.getValue();\n    \n    if (!_this.activeButton) {return; false;}\n    \n    if (_this.companyCombo &&   _this.companyCombo.getValue()) {\n        o.params.company_id =   _this.companyCombo.getValue();\n    }\n    \n    \n    o.params.active = _this.activeButton.pressed ? 0 : 1;\n    \n    if(_this.active_company_button.pressed){\n        o.params.company_id = 0;\n    }\n    \n    var c = Pman.Tab.AdminContactsManager.layout.getRegion('west').getActivePanel();\n    \n    if (!c) { \n        return false;\n    }\n    \n    var tms = c.grid.getSelectionModel().getSelected();\n    \n    if (!tms) {\n        return false;\n    }\n    \n    if(c.tableName == 'Groups'){\n        o.params['query[in_group]'] = tms.data.id;\n        o.params['query[type]'] = 2; // group type..\n    }else{\n        o.params['query[in_country]'] = (tms.data.country*1 == -1) ? '' : tms.data.country;\n        o.params['query[in_group]'] = 0;\n        o.params['query[type]'] = 2;\n    }\n    /*\n    if (Pman.Tab.AdminContactsGroup && Pman.Tab.AdminContactsGroup.grid) {\n        \n        \n        \n    }\n    \n    if(Pman.Tab.AdminCountries && Pman.Tab.AdminCountries.grid){\n        var tms = Pman.Tab.AdminCountries.grid.getSelectionModel().getSelected();\n        \n        if (!tms) {\n            return false;\n        }\n        \n    }\n    */\n    //o.params['query[name]'] = _this.searchBox.getValue();\n  \n}"
  67        },
  68        "xtype" : "Store",
  69        "remoteSort" : true,
  70        "$ sortInfo" : "{ field : 'name', direction: 'ASC' }",
  71        "$ xns" : "Roo.data",
  72        "* prop" : "dataSource",
  73        "items" : [
  74         {
  75          "$ url" : "baseURL + '/Roo/Person.php'",
  76          "xtype" : "HttpProxy",
  77          "method" : "GET",
  78          "$ xns" : "Roo.data",
  79          "* prop" : "proxy"
  80         },
  81         {
  82          "id" : "id",
  83          "root" : "data",
  84          "xtype" : "JsonReader",
  85          "$ xns" : "Roo.data",
  86          "$ fields" : "[\n    {\n        'name': 'id',\n        'type': 'int'\n    },\n    {\n        'name': 'office_id',\n        'type': 'int'\n    },\n    {\n        'name': 'name',\n        'type': 'string'\n    },\n    {\n        'name': 'phone',\n        'type': 'string'\n    },\n    {\n        'name': 'fax',\n        'type': 'string'\n    },\n    {\n        'name': 'email',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id',\n        'type': 'int'\n    },\n    {\n        'name': 'role',\n        'type': 'string'\n    },\n    {\n        'name': 'active',\n        'type': 'int'\n    },\n    {\n        'name': 'remarks',\n        'type': 'string'\n    },\n    {\n        'name': 'passwd',\n        'type': 'string'\n    },\n    {\n        'name': 'owner_id',\n        'type': 'int'\n    },\n    {\n        'name': 'lang',\n        'type': 'string'\n    },\n    {\n        'name': 'no_reset_sent',\n        'type': 'int'\n    },\n    {\n        'name': 'action_type',\n        'type': 'string'\n    },\n    {\n        'name': 'project_id',\n        'type': 'int'\n    },\n    {\n        'name': 'office_id_id',\n        'type': 'int'\n    },\n    {\n        'name': 'office_id_company_id',\n        'type': 'int'\n    },\n    {\n        'name': 'office_id_name',\n        'type': 'string'\n    },\n    {\n        'name': 'office_id_address',\n        'type': 'string'\n    },\n    {\n        'name': 'office_id_phone',\n        'type': 'string'\n    },\n    {\n        'name': 'office_id_fax',\n        'type': 'string'\n    },\n    {\n        'name': 'office_id_email',\n        'type': 'string'\n    },\n    {\n        'name': 'office_id_role',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_code',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_name',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_remarks',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_owner_id',\n        'type': 'int'\n    },\n    {\n        'name': 'company_id_address',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_tel',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_fax',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_email',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_id',\n        'type': 'int'\n    },\n    {\n        'name': 'company_id_isOwner',\n        'type': 'int'\n    },\n    {\n        'name': 'company_id_logo_id',\n        'type': 'int'\n    },\n    {\n        'name': 'company_id_background_color',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_comptype',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_url',\n        'type': 'string'\n    },\n    {\n        'name': 'company_id_main_office_id',\n        'type': 'int'\n    },\n    {\n        'name': 'company_id_created_by',\n        'type': 'int'\n    },\n    {\n        'name': 'company_id_created_dt',\n        'type': 'date'\n    },\n    {\n        'name': 'company_id_updated_by',\n        'type': 'int'\n    },\n    {\n        'name': 'company_id_updated_dt',\n        'type': 'date'\n    },\n    {\n        'name': 'company_id_passwd',\n        'type': 'string'\n    },\n    {\n        'name': 'project_id_id',\n        'type': 'int'\n    },\n    {\n        'name': 'project_id_name',\n        'type': 'string'\n    },\n    {\n        'name': 'project_id_remarks',\n        'type': 'string'\n    },\n    {\n        'name': 'project_id_owner_id',\n        'type': 'int'\n    },\n    {\n        'name': 'project_id_code',\n        'type': 'string'\n    },\n    {\n        'name': 'project_id_active',\n        'type': 'int'\n    },\n    {\n        'name': 'project_id_type',\n        'type': 'string'\n    },\n    {\n        'name': 'project_id_client_id',\n        'type': 'int'\n    },\n    {\n        'name': 'project_id_team_id',\n        'type': 'int'\n    },\n    {\n        'name': 'project_id_file_location',\n        'type': 'string'\n    },\n    {\n        'name': 'project_id_open_date',\n        'type': 'date'\n    },\n    {\n        'name': 'project_id_open_by',\n        'type': 'int'\n    },\n    {\n        'name': 'project_id_close_date',\n        'type': 'date'\n    },\n    {\n        'name': 'project_id_countries',\n        'type': 'string'\n    },\n    {\n        'name': 'project_id_languages',\n        'type': 'string'\n    },\n    {\n        'name': 'project_id_agency_id',\n        'type': 'int'\n    },\n    {\n        'name': 'owner_id_id',\n        'type': 'int'\n    },\n    {\n        'name': 'owner_id_office_id',\n        'type': 'int'\n    },\n    {\n        'name': 'owner_id_name',\n        'type': 'string'\n    },\n    {\n        'name': 'owner_id_phone',\n        'type': 'string'\n    },\n    {\n        'name': 'owner_id_fax',\n        'type': 'string'\n    },\n    {\n        'name': 'owner_id_email',\n        'type': 'string'\n    },\n    {\n        'name': 'owner_id_company_id',\n        'type': 'int'\n    },\n    {\n        'name': 'owner_id_role',\n        'type': 'string'\n    },\n    {\n        'name': 'owner_id_active',\n        'type': 'int'\n    },\n    {\n        'name': 'owner_id_remarks',\n        'type': 'string'\n    },\n    {\n        'name': 'owner_id_passwd',\n        'type': 'string'\n    },\n    {\n        'name': 'owner_id_owner_id',\n        'type': 'int'\n    },\n    {\n        'name': 'owner_id_lang',\n        'type': 'string'\n    },\n    {\n        'name': 'owner_id_no_reset_sent',\n        'type': 'int'\n    },\n    {\n        'name': 'owner_id_action_type',\n        'type': 'string'\n    },\n    {\n        'name': 'owner_id_project_id',\n        'type': 'int'\n    }\n]",
  87          "* prop" : "reader",
  88          "totalProperty" : "total"
  89         }
  90        ]
  91       },
  92       {
  93        "pageSize" : 25,
  94        "xtype" : "PagingToolbar",
  95        "emptyMsg" : "No Person found",
  96        "$ xns" : "Roo",
  97        "displayInfo" : true,
  98        "displayMsg" : "Displaying Person{0} - {1} of {2}",
  99        "* prop" : "footer",
 100        "items" : [
 101         {
 102          "text" : "Drag person to add or remove from group",
 103          "xtype" : "TextItem",
 104          "$ xns" : "Roo.Toolbar"
 105         }
 106        ]
 107       },
 108       {
 109        "xtype" : "Toolbar",
 110        "$ xns" : "Roo",
 111        "* prop" : "toolbar",
 112        "items" : [
 113         {
 114          "text" : "Search",
 115          "xtype" : "TextItem",
 116          "$ xns" : "Roo.Toolbar"
 117         },
 118         {
 119          "listeners" : {
 120           "specialkey" : "function (_self, e)\n{\n  if (e.getKey() == 13) {\n    _this.grid.footer.onClick('first');\n  }\n}",
 121           "show" : "function (_self,e)\n{\n    if (e.getCharCode() != 13) {\n        return;\n    }\n    _this.grid.footer.onClick('first');\n}",
 122           "render" : "function (_self)\n{\n    _this.searchBox = _self;\n}"
 123          },
 124          "xtype" : "TextField",
 125          "$ xns" : "Roo.form"
 126         },
 127         {
 128          "listeners" : {
 129           "render" : "function (_self)\n{\n  _this.companyCombo = _self;\n}",
 130           "select" : "function (combo, record, index)\n{\n   _this.grid.footer.onClick.defer(300,_this.grid.footer,[ 'first'] );\n}"
 131          },
 132          "listWidth" : 400,
 133          "triggerAction" : "all",
 134          "forceSelection" : true,
 135          "selectOnFocus" : true,
 136          "pageSize" : 20,
 137          "emptyText" : "Select Company",
 138          "displayField" : "name",
 139          "hiddenName" : "company_id",
 140          "minChars" : 2,
 141          "valueField" : "id",
 142          "xtype" : "ComboBox",
 143          "typeAhead" : true,
 144          "editable" : true,
 145          "width" : 150,
 146          "$ xns" : "Roo.form",
 147          "name" : "company_name",
 148          "qtip" : "Select Companies",
 149          "queryParam" : "query[name]",
 150          "tpl" : "<div class=\"x-grid-cell-text x-btn button\"><b>{name}</b> </div>",
 151          "loadingText" : "Searching...",
 152          "items" : [
 153           {
 154            "listeners" : {
 155             "|beforeload" : "function (_self, o){\n    o.params = o.params || {};\n    // set more here\n}\n"
 156            },
 157            "xtype" : "Store",
 158            "remoteSort" : true,
 159            "$ sortInfo" : "{ direction : 'ASC', field: 'name' }",
 160            "$ xns" : "Roo.data",
 161            "* prop" : "store",
 162            "items" : [
 163             {
 164              "$ url" : "baseURL + '/Roo/Companies.php'",
 165              "xtype" : "HttpProxy",
 166              "method" : "GET",
 167              "$ xns" : "Roo.data",
 168              "* prop" : "proxy"
 169             },
 170             {
 171              "id" : "id",
 172              "root" : "data",
 173              "xtype" : "JsonReader",
 174              "$ xns" : "Roo.data",
 175              "$ fields" : "[{\"name\":\"id\",\"type\":\"int\"},{\"name\":\"code\",\"type\":\"string\"}]",
 176              "* prop" : "reader",
 177              "totalProperty" : "total"
 178             }
 179            ]
 180           }
 181          ]
 182         },
 183         {
 184          "listeners" : {
 185           "|click" : "function (_self, e)\n{\n_this.grid.footer.onClick('first');\n}"
 186          },
 187          "xtype" : "Button",
 188          "cls" : "x-btn-icon",
 189          "$ icon" : "rootURL + '/Pman/templates/images/search.gif'",
 190          "$ xns" : "Roo.Toolbar"
 191         },
 192         {
 193          "listeners" : {
 194           "|click" : "function (_self, e)\n{\n_this.searchBox.setValue('');\n    _this.grid.footer.onClick('first');\n}"
 195          },
 196          "xtype" : "Button",
 197          "cls" : "x-btn-icon",
 198          "$ icon" : "rootURL + '/Pman/templates/images/edit-clear.gif'",
 199          "$ xns" : "Roo.Toolbar"
 200         },
 201         {
 202          "listeners" : {
 203           "toggle" : "function (_self, pressed)\n{\n   _this.grid.footer.onClick('first');\n   this.setText(pressed ? \"Show Active\" : \"Show Removed\");\n   \n   \n}",
 204           "render" : "function (_self)\n{\n  _this.activeButton = _self;\n}"
 205          },
 206          "text" : "Show Removed",
 207          "enableToggle" : true,
 208          "xtype" : "Button",
 209          "$ xns" : "Roo.Toolbar"
 210         },
 211         {
 212          "listeners" : {
 213           "toggle" : "function (_self, pressed)\n{\n   _this.grid.footer.onClick('first');\n   this.setText(pressed ? \"Show Company\" : \"Show No Company\");\n   \n   \n}",
 214           "render" : "function (_self)\n{\n  _this.active_company_button = _self;\n}"
 215          },
 216          "text" : "Show No Company",
 217          "enableToggle" : true,
 218          "xtype" : "Button",
 219          "$ xns" : "Roo.Toolbar"
 220         },
 221         {
 222          "listeners" : {
 223           "click" : "function (_self, e)\n{\n    var s = _this.grid.getSelectionModel().getSelections();\n    if(s.length != 1){\n        Roo.MessageBox.alert(\"Error\", \"Select a Person\");\n        return;\n    }\n    \n    new Pman.Request({\n        url : baseURL + '/Login.php',\n        method : 'GET',\n        params : {\n            'switch' : s[0].data.id\n        },\n        success : function (){\n            document.location = baseURL + '?ts=' + Math.random();\n        },\n        failure : function (d){\n            Roo.log(d);\n            Roo.MessageBox.alert(\"Error\", d);\n        }\n    });\n}"
 224          },
 225          "text" : "Switch to Selected User",
 226          "xtype" : "Button",
 227          "$ xns" : "Roo.Toolbar"
 228         },
 229         {
 230          "xtype" : "Fill",
 231          "$ xns" : "Roo.Toolbar"
 232         },
 233         {
 234          "listeners" : {
 235           "|click" : "function()\n{\n    \n    _this.dialog.show( { id : 0 } , function() {\n        _this.grid.footer.onClick('first');\n   }); \n}\n"
 236          },
 237          "text" : "Add",
 238          "xtype" : "Button",
 239          "cls" : "x-btn-text-icon",
 240          "$ icon" : "Roo.rootURL + 'images/default/dd/drop-add.gif'",
 241          "$ xns" : "Roo.Toolbar"
 242         },
 243         {
 244          "listeners" : {
 245           "|click" : "function()\n{\n    \n    Pman.Dialog.PersonBulkAdd.show( { id : 0 } , function() {\n        _this.grid.footer.onClick('first');\n   }); \n}\n"
 246          },
 247          "text" : "Bulk Add",
 248          "xtype" : "Button",
 249          "cls" : "x-btn-text-icon",
 250          "$ icon" : "Roo.rootURL + 'images/default/dd/drop-add.gif'",
 251          "$ xns" : "Roo.Toolbar"
 252         },
 253         {
 254          "listeners" : {
 255           "|click" : "function()\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  \n    _this.dialog.show(s[0].data, function() {\n        _this.grid.footer.onClick('first');\n    }); \n    \n}\n"
 256          },
 257          "text" : "Edit",
 258          "xtype" : "Button",
 259          "cls" : "x-btn-text-icon",
 260          "$ icon" : "Roo.rootURL + 'images/default/tree/leaf.gif'",
 261          "$ xns" : "Roo.Toolbar"
 262         },
 263         {
 264          "listeners" : {
 265           "|click" : "function()\n{\n     Pman.genericDelete(_this, 'Person'); \n}\n        "
 266          },
 267          "text" : "Delete",
 268          "xtype" : "Button",
 269          "cls" : "x-btn-text-icon",
 270          "$ icon" : "rootURL + '/Pman/templates/images/trash.gif'",
 271          "$ xns" : "Roo.Toolbar"
 272         }
 273        ]
 274       },
 275       {
 276        "hidden" : true,
 277        "xtype" : "ColumnModel",
 278        "sortable" : true,
 279        "header" : "Project",
 280        "width" : 75,
 281        "$ renderer" : "function(v,x,r) { \n      return String.format('<span qtip=\"{0}\">{1}</span>', \n                    r.data.project_id_name,\n                    v);\n }",
 282        "$ xns" : "Roo.grid",
 283        "* prop" : "colModel[]",
 284        "dataIndex" : "project_id_code"
 285       },
 286       {
 287        "xtype" : "ColumnModel",
 288        "sortable" : true,
 289        "header" : "Type",
 290        "width" : 50,
 291        "$ renderer" : "function(v,x,r) {\n    if (r.data.office_id) {\n        return String.format('{0} - {1}', v, r.data.office_id_name); \n    } \n    return String.format('{0}', v); \n}",
 292        "$ xns" : "Roo.grid",
 293        "* prop" : "colModel[]",
 294        "dataIndex" : "company_id_comptype"
 295       },
 296       {
 297        "xtype" : "ColumnModel",
 298        "sortable" : true,
 299        "header" : "Company",
 300        "width" : 150,
 301        "$ renderer" : "function(v,x,r) {\n    if (r.data.office_id) {\n        return String.format('{0} - {1}', v, r.data.office_id_name); \n    } \n    return String.format('{0}', v); \n}",
 302        "$ xns" : "Roo.grid",
 303        "* prop" : "colModel[]",
 304        "dataIndex" : "company_id_name"
 305       },
 306       {
 307        "xtype" : "ColumnModel",
 308        "sortable" : true,
 309        "header" : "Name",
 310        "width" : 200,
 311        "$ renderer" : "function(v) { return String.format('{0}', v); }",
 312        "$ xns" : "Roo.grid",
 313        "* prop" : "colModel[]",
 314        "dataIndex" : "name"
 315       },
 316       {
 317        "xtype" : "ColumnModel",
 318        "width" : 100,
 319        "header" : "Role",
 320        "$ renderer" : "function(v) { return String.format('{0}', v); }",
 321        "$ xns" : "Roo.grid",
 322        "* prop" : "colModel[]",
 323        "dataIndex" : "role"
 324       },
 325       {
 326        "xtype" : "ColumnModel",
 327        "width" : 100,
 328        "header" : "Phone",
 329        "$ renderer" : "function(v) { return String.format('{0}', v); }",
 330        "$ xns" : "Roo.grid",
 331        "* prop" : "colModel[]",
 332        "dataIndex" : "phone"
 333       },
 334       {
 335        "xtype" : "ColumnModel",
 336        "width" : 100,
 337        "header" : "Fax",
 338        "$ renderer" : "function(v) { return String.format('{0}', v); }",
 339        "$ xns" : "Roo.grid",
 340        "* prop" : "colModel[]",
 341        "dataIndex" : "fax"
 342       },
 343       {
 344        "xtype" : "ColumnModel",
 345        "sortable" : true,
 346        "header" : "Email",
 347        "width" : 200,
 348        "$ renderer" : "function(v) {\n   return (v.length && v.indexOf('@') > 0 ) ? \n                    String.format('<a href=\"mailto:{0}\">{0}</a>',v) : v;\n }",
 349        "$ xns" : "Roo.grid",
 350        "* prop" : "colModel[]",
 351        "dataIndex" : "email"
 352       },
 353       {
 354        "xtype" : "ColumnModel",
 355        "width" : 75,
 356        "header" : "Active",
 357        "$ renderer" : "function(v) {  \n    var state = v> 0 ?  '-checked' : '';\n\n    return '<img class=\"x-grid-check-icon' + state + '\" src=\"' + Roo.BLANK_IMAGE_URL + '\"/>';\n                \n }",
 358        "$ xns" : "Roo.grid",
 359        "* prop" : "colModel[]",
 360        "dataIndex" : "active"
 361       }
 362      ]
 363     }
 364    ]
 365   }
 366  ]
 367 }