Pman.Tab.AdminContactsGroupRight.bjs
authorChris <chris@roojs.com>
Wed, 12 Sep 2012 09:05:58 +0000 (17:05 +0800)
committerChris <chris@roojs.com>
Wed, 12 Sep 2012 09:05:58 +0000 (17:05 +0800)
Pman.Tab.AdminContactsGroupRight.js

Pman.Tab.AdminContactsGroupRight.bjs
Pman.Tab.AdminContactsGroupRight.js

index e3cf051..d9c6382 100644 (file)
@@ -4,7 +4,331 @@
     "parent": "Pman.Tab.AdminContactsManager",
     "title": "",
     "path": "/home/chris/gitlive/Pman.Admin/Pman.Tab.AdminContactsGroupRight.bjs",
-    "items": [],
+    "items": [
+        {
+            "listeners": {
+                "|activate": "function() {\n    _this.panel = this;\n    if (_this.grid) {\n        _this.grid.footer.onClick('first');\n    }\n}"
+            },
+            "autoScroll": true,
+            "background": true,
+            "fitContainer": true,
+            "fitToframe": true,
+            "region": "center",
+            "tableName": "Person",
+            "title": "Person",
+            "xtype": "GridPanel",
+            "|xns": "Roo",
+            "items": [
+                {
+                    "listeners": {
+                        "|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}",
+                        "|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",
+                        "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}"
+                    },
+                    "*prop": "grid",
+                    "autoExpandColumn": "name",
+                    "ddGroup": "groupDD",
+                    "enableDrag": true,
+                    "loadMask": true,
+                    "xtype": "Grid",
+                    "|xns": "Roo.grid",
+                    "items": [
+                        {
+                            "listeners": {
+                                "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    if (!Pman.Tab.AdminContactsGroup) { \n        return false;\n    }\n    \n    \n    if (Pman.Tab.AdminContactsGroup && Pman.Tab.AdminContactsGroup.grid) {\n        var tms = Pman.Tab.AdminContactsGroup.grid.getSelectionModel().getSelected();\n        \n        if (!tms) {\n            return false;\n        }\n        o.params['query[in_group]'] = tms.data.id;\n        o.params['query[type]'] = 2; // group type..\n        \n    }\n    //o.params['query[name]'] = _this.searchBox.getValue();\n  \n}",
+                                "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}"
+                            },
+                            "*prop": "dataSource",
+                            "remoteSort": true,
+                            "xtype": "Store",
+                            "|sortInfo": "{ field : 'name', direction: 'ASC' }",
+                            "|xns": "Roo.data",
+                            "items": [
+                                {
+                                    "*prop": "proxy",
+                                    "xtype": "HttpProxy",
+                                    "method": "GET",
+                                    "|url": "baseURL + '/Roo/Person.php'",
+                                    "|xns": "Roo.data"
+                                },
+                                {
+                                    "|xns": "Roo.data",
+                                    "xtype": "JsonReader",
+                                    "totalProperty": "total",
+                                    "root": "data",
+                                    "*prop": "reader",
+                                    "id": "id",
+                                    "|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]"
+                                }
+                            ]
+                        },
+                        {
+                            "*prop": "footer",
+                            "xtype": "PagingToolbar",
+                            "pageSize": 25,
+                            "displayInfo": true,
+                            "displayMsg": "Displaying Person{0} - {1} of {2}",
+                            "emptyMsg": "No Person found",
+                            "|xns": "Roo",
+                            "items": [
+                                {
+                                    "text": "Drag person to add or remove from group",
+                                    "xtype": "TextItem",
+                                    "|xns": "Roo.Toolbar"
+                                }
+                            ]
+                        },
+                        {
+                            "*prop": "toolbar",
+                            "xtype": "Toolbar",
+                            "|xns": "Roo",
+                            "items": [
+                                {
+                                    "text": "Search",
+                                    "xtype": "TextItem",
+                                    "|xns": "Roo.Toolbar"
+                                },
+                                {
+                                    "listeners": {
+                                        "render": "function (_self)\n{\n    _this.searchBox = _self;\n}",
+                                        "show": "function (_self,e)\n{\n    if (e.getCharCode() != 13) {\n        return;\n    }\n    _this.grid.footer.onClick('first');\n}",
+                                        "specialkey": "function (_self, e)\n{\n  if (e.getKey() == 13) {\n    _this.grid.footer.onClick('first');\n  }\n}"
+                                    },
+                                    "xtype": "TextField",
+                                    "|xns": "Roo.form"
+                                },
+                                {
+                                    "listeners": {
+                                        "render": "function (_self)\n{\n  _this.companyCombo = _self;\n}",
+                                        "select": "function (combo, record, index)\n{\n   _this.grid.footer.onClick.defer(300,_this.grid.footer,[ 'first'] );\n}"
+                                    },
+                                    "displayField": "name",
+                                    "editable": true,
+                                    "emptyText": "Select Company",
+                                    "forceSelection": true,
+                                    "hiddenName": "company_id",
+                                    "listWidth": 400,
+                                    "loadingText": "Searching...",
+                                    "minChars": 2,
+                                    "name": "company_name",
+                                    "pageSize": 20,
+                                    "qtip": "Select Companies",
+                                    "queryParam": "query[name]",
+                                    "selectOnFocus": true,
+                                    "tpl": "<div class=\"x-grid-cell-text x-btn button\"><b>{name}</b> </div>",
+                                    "triggerAction": "all",
+                                    "typeAhead": true,
+                                    "valueField": "id",
+                                    "width": 150,
+                                    "xtype": "ComboBox",
+                                    "|xns": "Roo.form",
+                                    "items": [
+                                        {
+                                            "listeners": {
+                                                "|beforeload": "function (_self, o){\n    o.params = o.params || {};\n    // set more here\n}\n"
+                                            },
+                                            "*prop": "store",
+                                            "remoteSort": true,
+                                            "xtype": "Store",
+                                            "|sortInfo": "{ direction : 'ASC', field: 'name' }",
+                                            "|xns": "Roo.data",
+                                            "items": [
+                                                {
+                                                    "*prop": "proxy",
+                                                    "xtype": "HttpProxy",
+                                                    "method": "GET",
+                                                    "|xns": "Roo.data",
+                                                    "|url": "baseURL + '/Roo/Companies.php'"
+                                                },
+                                                {
+                                                    "*prop": "reader",
+                                                    "xtype": "JsonReader",
+                                                    "|xns": "Roo.data",
+                                                    "id": "id",
+                                                    "root": "data",
+                                                    "totalProperty": "total",
+                                                    "|fields": "[{\"name\":\"id\",\"type\":\"int\"},{\"name\":\"code\",\"type\":\"string\"}]"
+                                                }
+                                            ]
+                                        }
+                                    ]
+                                },
+                                {
+                                    "listeners": {
+                                        "|click": "function (_self, e)\n{\n_this.grid.footer.onClick('first');\n}"
+                                    },
+                                    "cls": "x-btn-icon",
+                                    "xtype": "Button",
+                                    "|icon": "rootURL + '/Pman/templates/images/search.gif'",
+                                    "|xns": "Roo.Toolbar"
+                                },
+                                {
+                                    "listeners": {
+                                        "|click": "function (_self, e)\n{\n_this.searchBox.setValue('');\n    _this.grid.footer.onClick('first');\n}"
+                                    },
+                                    "cls": "x-btn-icon",
+                                    "xtype": "Button",
+                                    "|icon": "rootURL + '/Pman/templates/images/edit-clear.gif'",
+                                    "|xns": "Roo.Toolbar"
+                                },
+                                {
+                                    "listeners": {
+                                        "toggle": "function (_self, pressed)\n{\n   _this.grid.footer.onClick('first');\n   this.setText(pressed ? \"Show Active\" : \"Show Removed\");\n   \n   \n}",
+                                        "render": "function (_self)\n{\n  _this.activeButton = _self;\n}"
+                                    },
+                                    "enableToggle": true,
+                                    "text": "Show Removed",
+                                    "xtype": "Button",
+                                    "|xns": "Roo.Toolbar"
+                                },
+                                {
+                                    "listeners": {
+                                        "toggle": "function (_self, pressed)\n{\n   _this.grid.footer.onClick('first');\n   this.setText(pressed ? \"Show Company\" : \"Show No Company\");\n   \n   \n}",
+                                        "render": "function (_self)\n{\n  _this.active_company_button = _self;\n}"
+                                    },
+                                    "enableToggle": true,
+                                    "text": "Show No Company",
+                                    "xtype": "Button",
+                                    "|xns": "Roo.Toolbar"
+                                },
+                                {
+                                    "|xns": "Roo.Toolbar",
+                                    "xtype": "Fill"
+                                },
+                                {
+                                    "listeners": {
+                                        "|click": "function()\n{\n    \n    _this.dialog.show( { id : 0 } , function() {\n        _this.grid.footer.onClick('first');\n   }); \n}\n"
+                                    },
+                                    "cls": "x-btn-text-icon",
+                                    "text": "Add",
+                                    "xtype": "Button",
+                                    "|icon": "Roo.rootURL + 'images/default/dd/drop-add.gif'",
+                                    "|xns": "Roo.Toolbar"
+                                },
+                                {
+                                    "listeners": {
+                                        "|click": "function()\n{\n    \n    Pman.Dialog.PersonBulkAdd.show( { id : 0 } , function() {\n        _this.grid.footer.onClick('first');\n   }); \n}\n"
+                                    },
+                                    "cls": "x-btn-text-icon",
+                                    "text": "Bulk Add",
+                                    "xtype": "Button",
+                                    "|icon": "Roo.rootURL + 'images/default/dd/drop-add.gif'",
+                                    "|xns": "Roo.Toolbar"
+                                },
+                                {
+                                    "listeners": {
+                                        "|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"
+                                    },
+                                    "cls": "x-btn-text-icon",
+                                    "text": "Edit",
+                                    "xtype": "Button",
+                                    "|icon": "Roo.rootURL + 'images/default/tree/leaf.gif'",
+                                    "|xns": "Roo.Toolbar"
+                                },
+                                {
+                                    "listeners": {
+                                        "|click": "function()\n{\n     Pman.genericDelete(_this, 'Person'); \n}\n        "
+                                    },
+                                    "cls": "x-btn-text-icon",
+                                    "text": "Delete",
+                                    "xtype": "Button",
+                                    "|icon": "rootURL + '/Pman/templates/images/trash.gif'",
+                                    "|xns": "Roo.Toolbar"
+                                }
+                            ]
+                        },
+                        {
+                            "*prop": "colModel[]",
+                            "dataIndex": "project_id_code",
+                            "header": "Project",
+                            "hidden": true,
+                            "sortable": true,
+                            "width": 75,
+                            "xtype": "ColumnModel",
+                            "|renderer": "function(v,x,r) { \n      return String.format('<span qtip=\"{0}\">{1}</span>', \n                    r.data.project_id_name,\n                    v);\n }",
+                            "|xns": "Roo.grid"
+                        },
+                        {
+                            "*prop": "colModel[]",
+                            "dataIndex": "company_id_comptype",
+                            "header": "Type",
+                            "sortable": true,
+                            "width": 50,
+                            "xtype": "ColumnModel",
+                            "|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}",
+                            "|xns": "Roo.grid"
+                        },
+                        {
+                            "*prop": "colModel[]",
+                            "dataIndex": "company_id_name",
+                            "header": "Company",
+                            "sortable": true,
+                            "width": 150,
+                            "xtype": "ColumnModel",
+                            "|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}",
+                            "|xns": "Roo.grid"
+                        },
+                        {
+                            "*prop": "colModel[]",
+                            "dataIndex": "name",
+                            "header": "Name",
+                            "sortable": true,
+                            "width": 200,
+                            "xtype": "ColumnModel",
+                            "|renderer": "function(v) { return String.format('{0}', v); }",
+                            "|xns": "Roo.grid"
+                        },
+                        {
+                            "*prop": "colModel[]",
+                            "dataIndex": "role",
+                            "header": "Role",
+                            "width": 100,
+                            "xtype": "ColumnModel",
+                            "|renderer": "function(v) { return String.format('{0}', v); }",
+                            "|xns": "Roo.grid"
+                        },
+                        {
+                            "*prop": "colModel[]",
+                            "dataIndex": "phone",
+                            "header": "Phone",
+                            "width": 100,
+                            "xtype": "ColumnModel",
+                            "|renderer": "function(v) { return String.format('{0}', v); }",
+                            "|xns": "Roo.grid"
+                        },
+                        {
+                            "*prop": "colModel[]",
+                            "dataIndex": "fax",
+                            "header": "Fax",
+                            "width": 100,
+                            "xtype": "ColumnModel",
+                            "|renderer": "function(v) { return String.format('{0}', v); }",
+                            "|xns": "Roo.grid"
+                        },
+                        {
+                            "*prop": "colModel[]",
+                            "dataIndex": "email",
+                            "header": "Email",
+                            "sortable": true,
+                            "width": 200,
+                            "xtype": "ColumnModel",
+                            "|renderer": "function(v) {\n   return (v.length && v.indexOf('@') > 0 ) ? \n                    String.format('<a href=\"mailto:{0}\">{0}</a>',v) : v;\n }",
+                            "|xns": "Roo.grid"
+                        },
+                        {
+                            "*prop": "colModel[]",
+                            "dataIndex": "active",
+                            "header": "Active",
+                            "width": 75,
+                            "xtype": "ColumnModel",
+                            "|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 }",
+                            "|xns": "Roo.grid"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
     "permname": "",
     "modOrder": "001"
 }
\ No newline at end of file
index c227083..4c87db7 100644 (file)
@@ -1 +1,818 @@
-0
\ No newline at end of file
+//<script type="text/javascript">
+
+// Auto generated file - created by app.Builder.js- do not edit directly (at present!)
+
+Pman.Tab.AdminContactsGroupRight = new Roo.XComponent({
+    part     :  ["Admin","ContactsGroupRight"],
+    order    : '001-Pman.Tab.AdminContactsGroupRight',
+    region   : 'center',
+    parent   : 'Pman.Tab.AdminContactsManager',
+    name     : "unnamed module",
+    disabled : false, 
+    permname : '', 
+    _tree : function()
+    {
+        var _this = this;
+        var MODULE = this;
+        return {
+            xtype: 'GridPanel',
+            xns: Roo,
+            listeners : {
+                activate : function() {
+                    _this.panel = this;
+                    if (_this.grid) {
+                        _this.grid.footer.onClick('first');
+                    }
+                }
+            },
+            autoScroll : true,
+            background : true,
+            fitContainer : true,
+            fitToframe : true,
+            region : 'center',
+            tableName : 'Person',
+            title : "Person",
+            grid : {
+                xtype: 'Grid',
+                xns: Roo.grid,
+                listeners : {
+                    render : function() 
+                    {
+                        _this.grid = this; 
+                        if (!_this.dialog) {
+                            _this.dialog = Pman.Dialog.PersonEdit;
+                            
+                        }
+                        //_this.dialog = Pman.Dialog.FILL_IN
+                        if (_this.panel.active) {
+                           this.footer.onClick('first');
+                        }
+                    },
+                    rowdblclick : function (_self, rowIndex, e)
+                    {
+                        if (!_this.dialog) return;
+                        _this.dialog.show( this.getDataSource().getAt(rowIndex), function() {
+                            _this.grid.footer.onClick('first');
+                        }); 
+                    },
+                    cellclick : function (_self, rowIndex, columnIndex, e)
+                    {
+                    
+                            var di = this.colModel.getDataIndex(columnIndex);
+                            if (di != 'active') {
+                                return;
+                            }
+                             
+                            var rec = _this.grid.ds.getAt(rowIndex);
+                            
+                            rec.set('active', rec.data.active ? 0 : 1);
+                            rec.commit();
+                             
+                            
+                    }
+                },
+                autoExpandColumn : 'name',
+                ddGroup : 'groupDD',
+                enableDrag : true,
+                loadMask : true,
+                dataSource : {
+                    xtype: 'Store',
+                    xns: Roo.data,
+                    listeners : {
+                        beforeload : function (_self, o)
+                        {
+                            if(!_this.active_company_button.pressed){
+                                o.params['!company_id_comptype'] = 'OWNER';
+                            }
+                            
+                            o.params['query[search]'] = _this.searchBox.getValue();
+                            
+                            if (!_this.activeButton) {return; false;}
+                            
+                            if (_this.companyCombo &&   _this.companyCombo.getValue()) {
+                                o.params.company_id =   _this.companyCombo.getValue();
+                            }
+                            
+                            
+                            o.params.active = _this.activeButton.pressed ? 0 : 1;
+                            
+                            if(_this.active_company_button.pressed){
+                                o.params.company_id = 0;
+                            }
+                            if (!Pman.Tab.AdminContactsGroup) { 
+                                return false;
+                            }
+                            
+                            
+                            if (Pman.Tab.AdminContactsGroup && Pman.Tab.AdminContactsGroup.grid) {
+                                var tms = Pman.Tab.AdminContactsGroup.grid.getSelectionModel().getSelected();
+                                
+                                if (!tms) {
+                                    return false;
+                                }
+                                o.params['query[in_group]'] = tms.data.id;
+                                o.params['query[type]'] = 2; // group type..
+                                
+                            }
+                            //o.params['query[name]'] = _this.searchBox.getValue();
+                          
+                        },
+                        update : function (_self, record, operation)
+                        {
+                            if (operation != 'commit') {
+                                return;
+                            }
+                            // only used to change active status.
+                            
+                            new Pman.Request({
+                                url : baseURL + '/Roo/Person.php',
+                                method :'POST',
+                                params : {
+                                    id : record.data.id,
+                                    active: record.data.active
+                                    
+                                },
+                                success : function() {
+                                    // do nothing
+                                    
+                                    _this.grid.ds.remove(record);
+                                    
+                                },
+                                failure : function() 
+                                {
+                                    Roo.MessageBox.alert("Error", "saving failed", function() {
+                                        _this.grid.footer.onClick('first');
+                                    });
+                                }
+                            });
+                        }
+                    },
+                    remoteSort : true,
+                    sortInfo : { field : 'name', direction: 'ASC' },
+                    proxy : {
+                        xtype: 'HttpProxy',
+                        xns: Roo.data,
+                        method : 'GET',
+                        url : baseURL + '/Roo/Person.php'
+                    },
+                    reader : {
+                        xtype: 'JsonReader',
+                        xns: Roo.data,
+                        totalProperty : 'total',
+                        root : 'data',
+                        id : 'id',
+                        fields : [
+                            {
+                                'name': 'id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'office_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'name',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'phone',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'fax',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'email',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'role',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'active',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'remarks',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'passwd',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'owner_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'lang',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'no_reset_sent',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'action_type',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'project_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'office_id_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'office_id_company_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'office_id_name',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'office_id_address',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'office_id_phone',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'office_id_fax',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'office_id_email',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'office_id_role',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_code',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_name',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_remarks',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_owner_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'company_id_address',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_tel',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_fax',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_email',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'company_id_isOwner',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'company_id_logo_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'company_id_background_color',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_comptype',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_url',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'company_id_main_office_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'company_id_created_by',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'company_id_created_dt',
+                                'type': 'date'
+                            },
+                            {
+                                'name': 'company_id_updated_by',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'company_id_updated_dt',
+                                'type': 'date'
+                            },
+                            {
+                                'name': 'company_id_passwd',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'project_id_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'project_id_name',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'project_id_remarks',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'project_id_owner_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'project_id_code',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'project_id_active',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'project_id_type',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'project_id_client_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'project_id_team_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'project_id_file_location',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'project_id_open_date',
+                                'type': 'date'
+                            },
+                            {
+                                'name': 'project_id_open_by',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'project_id_close_date',
+                                'type': 'date'
+                            },
+                            {
+                                'name': 'project_id_countries',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'project_id_languages',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'project_id_agency_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'owner_id_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'owner_id_office_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'owner_id_name',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'owner_id_phone',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'owner_id_fax',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'owner_id_email',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'owner_id_company_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'owner_id_role',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'owner_id_active',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'owner_id_remarks',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'owner_id_passwd',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'owner_id_owner_id',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'owner_id_lang',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'owner_id_no_reset_sent',
+                                'type': 'int'
+                            },
+                            {
+                                'name': 'owner_id_action_type',
+                                'type': 'string'
+                            },
+                            {
+                                'name': 'owner_id_project_id',
+                                'type': 'int'
+                            }
+                        ]
+                    }
+                },
+                footer : {
+                    xtype: 'PagingToolbar',
+                    xns: Roo,
+                    pageSize : 25,
+                    displayInfo : true,
+                    displayMsg : "Displaying Person{0} - {1} of {2}",
+                    emptyMsg : "No Person found",
+                    items : [
+                        {
+                            xtype: 'TextItem',
+                            xns: Roo.Toolbar,
+                            text : "Drag person to add or remove from group"
+                        }
+                    ]
+                },
+                toolbar : {
+                    xtype: 'Toolbar',
+                    xns: Roo,
+                    items : [
+                        {
+                            xtype: 'TextItem',
+                            xns: Roo.Toolbar,
+                            text : "Search"
+                        },
+                        {
+                            xtype: 'TextField',
+                            xns: Roo.form,
+                            listeners : {
+                                render : function (_self)
+                                {
+                                    _this.searchBox = _self;
+                                },
+                                show : function (_self,e)
+                                {
+                                    if (e.getCharCode() != 13) {
+                                        return;
+                                    }
+                                    _this.grid.footer.onClick('first');
+                                },
+                                specialkey : function (_self, e)
+                                {
+                                  if (e.getKey() == 13) {
+                                    _this.grid.footer.onClick('first');
+                                  }
+                                }
+                            }
+                        },
+                        {
+                            xtype: 'ComboBox',
+                            xns: Roo.form,
+                            listeners : {
+                                render : function (_self)
+                                {
+                                  _this.companyCombo = _self;
+                                },
+                                select : function (combo, record, index)
+                                {
+                                   _this.grid.footer.onClick.defer(300,_this.grid.footer,[ 'first'] );
+                                }
+                            },
+                            displayField : 'name',
+                            editable : true,
+                            emptyText : "Select Company",
+                            forceSelection : true,
+                            hiddenName : 'company_id',
+                            listWidth : 400,
+                            loadingText : "Searching...",
+                            minChars : 2,
+                            name : 'company_name',
+                            pageSize : 20,
+                            qtip : "Select Companies",
+                            queryParam : 'query[name]',
+                            selectOnFocus : true,
+                            tpl : '<div class="x-grid-cell-text x-btn button"><b>{name}</b> </div>',
+                            triggerAction : 'all',
+                            typeAhead : true,
+                            valueField : 'id',
+                            width : 150,
+                            store : {
+                                xtype: 'Store',
+                                xns: Roo.data,
+                                listeners : {
+                                    beforeload : function (_self, o){
+                                        o.params = o.params || {};
+                                        // set more here
+                                    }
+                                },
+                                remoteSort : true,
+                                sortInfo : { direction : 'ASC', field: 'name' },
+                                proxy : {
+                                    xtype: 'HttpProxy',
+                                    xns: Roo.data,
+                                    method : 'GET',
+                                    url : baseURL + '/Roo/Companies.php'
+                                },
+                                reader : {
+                                    xtype: 'JsonReader',
+                                    xns: Roo.data,
+                                    id : 'id',
+                                    root : 'data',
+                                    totalProperty : 'total',
+                                    fields : [{"name":"id","type":"int"},{"name":"code","type":"string"}]
+                                }
+                            }
+                        },
+                        {
+                            xtype: 'Button',
+                            xns: Roo.Toolbar,
+                            listeners : {
+                                click : function (_self, e)
+                                {
+                                _this.grid.footer.onClick('first');
+                                }
+                            },
+                            cls : 'x-btn-icon',
+                            icon : rootURL + '/Pman/templates/images/search.gif'
+                        },
+                        {
+                            xtype: 'Button',
+                            xns: Roo.Toolbar,
+                            listeners : {
+                                click : function (_self, e)
+                                {
+                                _this.searchBox.setValue('');
+                                    _this.grid.footer.onClick('first');
+                                }
+                            },
+                            cls : 'x-btn-icon',
+                            icon : rootURL + '/Pman/templates/images/edit-clear.gif'
+                        },
+                        {
+                            xtype: 'Button',
+                            xns: Roo.Toolbar,
+                            listeners : {
+                                toggle : function (_self, pressed)
+                                {
+                                   _this.grid.footer.onClick('first');
+                                   this.setText(pressed ? "Show Active" : "Show Removed");
+                                   
+                                   
+                                },
+                                render : function (_self)
+                                {
+                                  _this.activeButton = _self;
+                                }
+                            },
+                            enableToggle : true,
+                            text : "Show Removed"
+                        },
+                        {
+                            xtype: 'Button',
+                            xns: Roo.Toolbar,
+                            listeners : {
+                                toggle : function (_self, pressed)
+                                {
+                                   _this.grid.footer.onClick('first');
+                                   this.setText(pressed ? "Show Company" : "Show No Company");
+                                   
+                                   
+                                },
+                                render : function (_self)
+                                {
+                                  _this.active_company_button = _self;
+                                }
+                            },
+                            enableToggle : true,
+                            text : "Show No Company"
+                        },
+                        {
+                            xtype: 'Fill',
+                            xns: Roo.Toolbar
+                        },
+                        {
+                            xtype: 'Button',
+                            xns: Roo.Toolbar,
+                            listeners : {
+                                click : function()
+                                {
+                                    
+                                    _this.dialog.show( { id : 0 } , function() {
+                                        _this.grid.footer.onClick('first');
+                                   }); 
+                                }
+                            },
+                            cls : 'x-btn-text-icon',
+                            text : "Add",
+                            icon : Roo.rootURL + 'images/default/dd/drop-add.gif'
+                        },
+                        {
+                            xtype: 'Button',
+                            xns: Roo.Toolbar,
+                            listeners : {
+                                click : function()
+                                {
+                                    
+                                    Pman.Dialog.PersonBulkAdd.show( { id : 0 } , function() {
+                                        _this.grid.footer.onClick('first');
+                                   }); 
+                                }
+                            },
+                            cls : 'x-btn-text-icon',
+                            text : "Bulk Add",
+                            icon : Roo.rootURL + 'images/default/dd/drop-add.gif'
+                        },
+                        {
+                            xtype: 'Button',
+                            xns: Roo.Toolbar,
+                            listeners : {
+                                click : function()
+                                {
+                                    var s = _this.grid.getSelectionModel().getSelections();
+                                    if (!s.length || (s.length > 1))  {
+                                        Roo.MessageBox.alert("Error", s.length ? "Select only one Row" : "Select a Row");
+                                        return;
+                                    }
+                                  
+                                    _this.dialog.show(s[0].data, function() {
+                                        _this.grid.footer.onClick('first');
+                                    }); 
+                                    
+                                }
+                            },
+                            cls : 'x-btn-text-icon',
+                            text : "Edit",
+                            icon : Roo.rootURL + 'images/default/tree/leaf.gif'
+                        },
+                        {
+                            xtype: 'Button',
+                            xns: Roo.Toolbar,
+                            listeners : {
+                                click : function()
+                                {
+                                     Pman.genericDelete(_this, 'Person'); 
+                                }
+                            },
+                            cls : 'x-btn-text-icon',
+                            text : "Delete",
+                            icon : rootURL + '/Pman/templates/images/trash.gif'
+                        }
+                    ]
+                },
+                colModel : [
+                    {
+                        xtype: 'ColumnModel',
+                        xns: Roo.grid,
+                        dataIndex : 'project_id_code',
+                        header : 'Project',
+                        hidden : true,
+                        sortable : true,
+                        width : 75,
+                        renderer : function(v,x,r) { 
+                              return String.format('<span qtip="{0}">{1}</span>', 
+                                            r.data.project_id_name,
+                                            v);
+                         }
+                    },
+                    {
+                        xtype: 'ColumnModel',
+                        xns: Roo.grid,
+                        dataIndex : 'company_id_comptype',
+                        header : 'Type',
+                        sortable : true,
+                        width : 50,
+                        renderer : function(v,x,r) {
+                            if (r.data.office_id) {
+                                return String.format('{0} - {1}', v, r.data.office_id_name); 
+                            } 
+                            return String.format('{0}', v); 
+                        }
+                    },
+                    {
+                        xtype: 'ColumnModel',
+                        xns: Roo.grid,
+                        dataIndex : 'company_id_name',
+                        header : 'Company',
+                        sortable : true,
+                        width : 150,
+                        renderer : function(v,x,r) {
+                            if (r.data.office_id) {
+                                return String.format('{0} - {1}', v, r.data.office_id_name); 
+                            } 
+                            return String.format('{0}', v); 
+                        }
+                    },
+                    {
+                        xtype: 'ColumnModel',
+                        xns: Roo.grid,
+                        dataIndex : 'name',
+                        header : 'Name',
+                        sortable : true,
+                        width : 200,
+                        renderer : function(v) { return String.format('{0}', v); }
+                    },
+                    {
+                        xtype: 'ColumnModel',
+                        xns: Roo.grid,
+                        dataIndex : 'role',
+                        header : 'Role',
+                        width : 100,
+                        renderer : function(v) { return String.format('{0}', v); }
+                    },
+                    {
+                        xtype: 'ColumnModel',
+                        xns: Roo.grid,
+                        dataIndex : 'phone',
+                        header : 'Phone',
+                        width : 100,
+                        renderer : function(v) { return String.format('{0}', v); }
+                    },
+                    {
+                        xtype: 'ColumnModel',
+                        xns: Roo.grid,
+                        dataIndex : 'fax',
+                        header : 'Fax',
+                        width : 100,
+                        renderer : function(v) { return String.format('{0}', v); }
+                    },
+                    {
+                        xtype: 'ColumnModel',
+                        xns: Roo.grid,
+                        dataIndex : 'email',
+                        header : 'Email',
+                        sortable : true,
+                        width : 200,
+                        renderer : function(v) {
+                           return (v.length && v.indexOf('@') > 0 ) ? 
+                                            String.format('<a href="mailto:{0}">{0}</a>',v) : v;
+                         }
+                    },
+                    {
+                        xtype: 'ColumnModel',
+                        xns: Roo.grid,
+                        dataIndex : 'active',
+                        header : 'Active',
+                        width : 75,
+                        renderer : function(v) {  
+                            var state = v> 0 ?  '-checked' : '';
+                        
+                            return '<img class="x-grid-check-icon' + state + '" src="' + Roo.BLANK_IMAGE_URL + '"/>';
+                                        
+                         }
+                    }
+                ]
+            }
+        };
+    }
+});