old/Pman.Tab.AdminPermMembers.bjs
authorMichael <michael@roojs.com>
Tue, 17 Feb 2015 05:18:28 +0000 (13:18 +0800)
committerMichael <michael@roojs.com>
Tue, 17 Feb 2015 05:18:28 +0000 (13:18 +0800)
old/Pman.Tab.AdminPermMembers.js

old/Pman.Tab.AdminPermMembers.bjs
old/Pman.Tab.AdminPermMembers.js

index 19e9c6d..aaf602a 100644 (file)
 {
-    "id": "roo-file-11",
-    "name": "Pman.Tab.AdminPermMembers",
-    "parent": "Pman.Tab.AdminPermManager",
-    "title": "Pman.Tab.AdminPermMembers",
-    "path": "/home/alan/gitlive/Pman.Admin/Pman.Tab.AdminPermMembers.bjs",
-    "items": [
+    "name" : "Pman.Tab.AdminPermMembers",
+    "parent" : "Pman.Tab.AdminPermManager",
+    "title" : "Pman.Tab.AdminPermMembers",
+    "path" : "/home/michael/gitlive/web.Texon/Pman/Admin/old/Pman.Tab.AdminPermMembers.bjs",
+    "permname" : "",
+    "modOrder" : "001",
+    "items" : [
         {
-            "listeners": {
-                "|activate": "function() {\n    _this.panel = this;\n    if (_this.grid) {\n        _this.grid.footer.onClick('first');\n    }\n}"
+            "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": [
+            "autoScroll" : true,
+            "background" : true,
+            "fitToframe" : true,
+            "region" : "center",
+            "title" : "Person",
+            "xtype" : "GridPanel",
+            "fitContainer" : true,
+            "$ xns" : "Roo",
+            "tableName" : "Person",
+            "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}"
+                    "listeners" : {
+                        "|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}",
+                        "|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}"
                     },
-                    "*prop": "grid",
-                    "autoExpandColumn": "name",
-                    "ddGroup": "groupDD",
-                    "enableDrag": true,
-                    "loadMask": true,
-                    "xtype": "Grid",
-                    "|xns": "Roo.grid",
-                    "items": [
+                    "autoExpandColumn" : "name",
+                    "xtype" : "Grid",
+                    "ddGroup" : "groupDD",
+                    "enableDrag" : true,
+                    "loadMask" : true,
+                    "$ xns" : "Roo.grid",
+                    "* prop" : "grid",
+                    "items" : [
                         {
-                            "listeners": {
-                                "beforeload": "function (_self, o)\n{\n  \n   // technically we may allow non-owner's to be in the group..\n   // need to work out how that will work...\n   // \n   \n    //o.params['company_id_comptype'] = 'OWNER';\n    o.params['query[search]'] = _this.searchBox.getValue();\n    \n    if (!_this.activeButton) {return; false;}\n    \n    \n    o.params.active = _this.activeButton.pressed ? 0 : 1;\n    if (!Pman.Tab.AdminPermManager) { \n        return false;\n    }\n    \n    \n    if (Pman.Tab.AdminPermManager && Pman.Tab.AdminPermManager.grid) {\n        var tms = Pman.Tab.AdminPermManager.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]'] = 0; // group type..\n        \n    }\n    //o.params['query[name]'] = _this.searchBox.getValue();\n  \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}"
+                            "listeners" : {
+                                "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}",
+                                "beforeload" : "function (_self, o)\n{\n  \n   // technically we may allow non-owner's to be in the group..\n   // need to work out how that will work...\n   // \n   \n    //o.params['company_id_comptype'] = 'OWNER';\n    o.params['query[search]'] = _this.searchBox.getValue();\n    \n    if (!_this.activeButton) {return; false;}\n    \n    \n    o.params.active = _this.activeButton.pressed ? 0 : 1;\n    if (!Pman.Tab.AdminPermManager) { \n        return false;\n    }\n    \n    \n    if (Pman.Tab.AdminPermManager && Pman.Tab.AdminPermManager.grid) {\n        var tms = Pman.Tab.AdminPermManager.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]'] = 0; // group type..\n        \n    }\n    //o.params['query[name]'] = _this.searchBox.getValue();\n  \n    \n}"
                             },
-                            "*prop": "dataSource",
-                            "remoteSort": true,
-                            "xtype": "Store",
-                            "|sortInfo": "{ field : 'name', direction: 'ASC' }",
-                            "|xns": "Roo.data",
-                            "items": [
+                            "xtype" : "Store",
+                            "remoteSort" : true,
+                            "$ sortInfo" : "{ field : 'name', direction: 'ASC' }",
+                            "$ xns" : "Roo.data",
+                            "* prop" : "dataSource",
+                            "items" : [
                                 {
-                                    "*prop": "proxy",
-                                    "xtype": "HttpProxy",
-                                    "method": "GET",
-                                    "|url": "baseURL + '/Roo/Person.php'",
-                                    "|xns": "Roo.data"
+                                    "$ url" : "baseURL + '/Roo/Person.php'",
+                                    "method" : "GET",
+                                    "xtype" : "HttpProxy",
+                                    "$ xns" : "Roo.data",
+                                    "* prop" : "proxy"
                                 },
                                 {
-                                    "|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]"
+                                    "id" : "id",
+                                    "root" : "data",
+                                    "xtype" : "JsonReader",
+                                    "$ xns" : "Roo.data",
+                                    "$ 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" : "reader",
+                                    "totalProperty" : "total"
                                 }
                             ]
                         },
                         {
-                            "*prop": "footer",
-                            "xtype": "PagingToolbar",
-                            "pageSize": 25,
-                            "displayInfo": true,
-                            "displayMsg": "Displaying Person{0} - {1} of {2}",
-                            "emptyMsg": "No Person found",
-                            "|xns": "Roo",
-                            "items": [
+                            "pageSize" : 25,
+                            "xtype" : "PagingToolbar",
+                            "emptyMsg" : "No Person found",
+                            "$ xns" : "Roo",
+                            "displayInfo" : true,
+                            "displayMsg" : "Displaying Person{0} - {1} of {2}",
+                            "* prop" : "footer",
+                            "items" : [
                                 {
-                                    "text": "Drag person to add or remove from group",
-                                    "xtype": "TextItem",
-                                    "|xns": "Roo.Toolbar"
+                                    "text" : "Drag person to add or remove from group",
+                                    "xtype" : "TextItem",
+                                    "$ xns" : "Roo.Toolbar"
                                 }
                             ]
                         },
                         {
-                            "*prop": "toolbar",
-                            "xtype": "Toolbar",
-                            "|xns": "Roo",
-                            "items": [
+                            "xtype" : "Toolbar",
+                            "$ xns" : "Roo",
+                            "* prop" : "toolbar",
+                            "items" : [
                                 {
-                                    "listeners": {
-                                        "|click": "function()\n{\n    \n    _this.dialog.show( { id : 0 } , function() {\n        _this.grid.footer.onClick('first');\n   }); \n}\n"
+                                    "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"
+                                    "text" : "Add",
+                                    "xtype" : "Button",
+                                    "cls" : "x-btn-text-icon",
+                                    "$ 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"
+                                    "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"
+                                    "text" : "Bulk Add",
+                                    "xtype" : "Button",
+                                    "cls" : "x-btn-text-icon",
+                                    "$ 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"
+                                    "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"
+                                    "text" : "Edit",
+                                    "xtype" : "Button",
+                                    "cls" : "x-btn-text-icon",
+                                    "$ icon" : "Roo.rootURL + 'images/default/tree/leaf.gif'",
+                                    "$ xns" : "Roo.Toolbar"
                                 },
                                 {
-                                    "|xns": "Roo.Toolbar",
-                                    "xtype": "Separator"
+                                    "xtype" : "Separator",
+                                    "$ xns" : "Roo.Toolbar"
                                 },
                                 {
-                                    "text": "Search",
-                                    "xtype": "TextItem",
-                                    "|xns": "Roo.Toolbar"
+                                    "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}"
+                                    "listeners" : {
+                                        "specialkey" : "function (_self, e)\n{\n  if (e.getKey() == 13) {\n    _this.grid.footer.onClick('first');\n  }\n}",
+                                        "show" : "function (_self,e)\n{\n    if (e.getCharCode() != 13) {\n        return;\n    }\n    _this.grid.footer.onClick('first');\n}",
+                                        "render" : "function (_self)\n{\n    _this.searchBox = _self;\n}"
                                     },
-                                    "xtype": "TextField",
-                                    "|xns": "Roo.form"
+                                    "xtype" : "TextField",
+                                    "$ xns" : "Roo.form"
                                 },
                                 {
-                                    "listeners": {
-                                        "|click": "function (_self, e)\n{\n_this.grid.footer.onClick('first');\n}"
+                                    "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"
+                                    "xtype" : "Button",
+                                    "cls" : "x-btn-icon",
+                                    "$ 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}"
+                                    "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"
+                                    "xtype" : "Button",
+                                    "cls" : "x-btn-icon",
+                                    "$ icon" : "rootURL + '/Pman/templates/images/edit-clear.gif'",
+                                    "$ xns" : "Roo.Toolbar"
                                 },
                                 {
-                                    "|xns": "Roo.Toolbar",
-                                    "xtype": "Fill"
+                                    "xtype" : "Fill",
+                                    "$ 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}"
+                                    "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"
+                                    "text" : "Show Removed",
+                                    "enableToggle" : true,
+                                    "xtype" : "Button",
+                                    "$ 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"
+                            "hidden" : true,
+                            "xtype" : "ColumnModel",
+                            "sortable" : true,
+                            "header" : "Project",
+                            "width" : 75,
+                            "$ 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" : "project_id_code"
                         },
                         {
-                            "*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"
+                            "xtype" : "ColumnModel",
+                            "sortable" : true,
+                            "header" : "Type",
+                            "width" : 50,
+                            "$ 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_comptype"
                         },
                         {
-                            "*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"
+                            "xtype" : "ColumnModel",
+                            "sortable" : true,
+                            "header" : "Company",
+                            "width" : 150,
+                            "$ 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"
                         },
                         {
-                            "*prop": "colModel[]",
-                            "dataIndex": "name",
-                            "header": "Name",
-                            "sortable": true,
-                            "width": 200,
-                            "xtype": "ColumnModel",
-                            "|renderer": "function(v) { return String.format('{0}', v); }",
-                            "|xns": "Roo.grid"
+                            "xtype" : "ColumnModel",
+                            "sortable" : true,
+                            "header" : "Name",
+                            "width" : 200,
+                            "$ renderer" : "function(v) { return String.format('{0}', v); }",
+                            "$ xns" : "Roo.grid",
+                            "* prop" : "colModel[]",
+                            "dataIndex" : "name"
                         },
                         {
-                            "*prop": "colModel[]",
-                            "dataIndex": "role",
-                            "header": "Role",
-                            "width": 100,
-                            "xtype": "ColumnModel",
-                            "|renderer": "function(v) { return String.format('{0}', v); }",
-                            "|xns": "Roo.grid"
+                            "xtype" : "ColumnModel",
+                            "header" : "Role",
+                            "width" : 100,
+                            "$ renderer" : "function(v) { return String.format('{0}', v); }",
+                            "$ xns" : "Roo.grid",
+                            "* prop" : "colModel[]",
+                            "dataIndex" : "role"
                         },
                         {
-                            "*prop": "colModel[]",
-                            "dataIndex": "phone",
-                            "header": "Phone",
-                            "width": 100,
-                            "xtype": "ColumnModel",
-                            "|renderer": "function(v) { return String.format('{0}', v); }",
-                            "|xns": "Roo.grid"
+                            "xtype" : "ColumnModel",
+                            "header" : "Phone",
+                            "width" : 100,
+                            "$ renderer" : "function(v) { return String.format('{0}', v); }",
+                            "$ xns" : "Roo.grid",
+                            "* prop" : "colModel[]",
+                            "dataIndex" : "phone"
                         },
                         {
-                            "*prop": "colModel[]",
-                            "dataIndex": "fax",
-                            "header": "Fax",
-                            "width": 100,
-                            "xtype": "ColumnModel",
-                            "|renderer": "function(v) { return String.format('{0}', v); }",
-                            "|xns": "Roo.grid"
+                            "xtype" : "ColumnModel",
+                            "header" : "Fax",
+                            "width" : 100,
+                            "$ renderer" : "function(v) { return String.format('{0}', v); }",
+                            "$ xns" : "Roo.grid",
+                            "* prop" : "colModel[]",
+                            "dataIndex" : "fax"
                         },
                         {
-                            "*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"
+                            "xtype" : "ColumnModel",
+                            "sortable" : true,
+                            "header" : "Email",
+                            "width" : 200,
+                            "$ 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" : "email"
                         },
                         {
-                            "*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"
+                            "xtype" : "ColumnModel",
+                            "header" : "Active",
+                            "width" : 75,
+                            "$ 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",
+                            "* prop" : "colModel[]",
+                            "dataIndex" : "active"
                         }
                     ]
                 }
             ]
         }
-    ],
-    "permname": "",
-    "modOrder": "001"
+    ]
 }
\ No newline at end of file
index 51ba411..89378fd 100644 (file)
 
 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
 
+Roo.namespace('Pman.Tab');
 
-
-// register the module first
-Pman.on('beforeload', function()
-{
-    Pman.register({
-        modKey : '001-Pman.Tab.AdminPermMembers',
-        module : Pman.Tab.AdminPermMembers,
-        region : 'center',
-        parent : Pman.Tab.AdminPermManager,
-        name : "Pman.Tab.AdminPermMembers",
-        disabled : false, 
-        permname: '' 
-    });
-});
-
-Pman.Tab.AdminPermMembers = new Roo.util.Observable({
-
-    panel : false,
-    disabled : false,
-    parentLayout:  false,
-
-    add : function(parentLayout, region)
+Pman.Tab.AdminPermMembers = new Roo.XComponent({
+    part     :  ["old", "AdminPermMembers" ],
+    order    : '001-Pman.Tab.AdminPermMembers',
+    region   : 'center',
+    parent   : 'Pman.Tab.AdminPermManager',
+    name     : "Pman.Tab.AdminPermMembers",
+    disabled : false, 
+    permname : '', 
+    _tree : function()
     {
-
         var _this = this;
-        this.parentLayout = parentLayout;
-
-        this.panel = parentLayout.addxtype({
-            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",
+        var MODULE = this;
+        return {
             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)
-                        {
-                          
-                           // technically we may allow non-owner's to be in the group..
-                           // need to work out how that will work...
-                           // 
-                           
-                            //o.params['company_id_comptype'] = 'OWNER';
-                            o.params['query[search]'] = _this.searchBox.getValue();
-                            
-                            if (!_this.activeButton) {return; false;}
-                            
-                            
-                            o.params.active = _this.activeButton.pressed ? 0 : 1;
-                            if (!Pman.Tab.AdminPermManager) { 
-                                return false;
-                            }
-                            
-                            
-                            if (Pman.Tab.AdminPermManager && Pman.Tab.AdminPermManager.grid) {
-                                var tms = Pman.Tab.AdminPermManager.grid.getSelectionModel().getSelected();
-                                
-                                if (!tms) {
-                                    return false;
-                                }
-                                o.params['query[in_group]'] = tms.data.id;
-                                o.params['query[type]'] = 0; // 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,
+                        '|xns' : 'Roo.data',
+                        url : baseURL + '/Roo/Person.php',
                         method : 'GET',
-                        url : baseURL + '/Roo/Person.php'
+                        xtype : 'HttpProxy',
+                        xns : Roo.data
                     },
                     reader : {
-                        xtype: 'JsonReader',
-                        xns: Roo.data,
-                        totalProperty : 'total',
-                        root : 'data',
+                        '|xns' : 'Roo.data',
                         id : 'id',
+                        root : 'data',
+                        xtype : 'JsonReader',
+                        xns : Roo.data,
                         fields : [
                             {
                                 'name': 'id',
@@ -477,269 +337,433 @@ Pman.Tab.AdminPermMembers = new Roo.util.Observable({
                                 'name': 'owner_id_project_id',
                                 'type': 'int'
                             }
-                        ]
-                    }
+                        ],
+                        totalProperty : 'total'
+                    },
+                    '|xns' : 'Roo.data',
+                    xtype : 'Store',
+                    remoteSort : true,
+                    sortInfo : { field : 'name', direction: 'ASC' },
+                    xns : Roo.data,
+                    listeners : {
+                       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');
+                                      });
+                                  }
+                              });
+                          },
+                       beforeload : function (_self, o)
+                          {
+                            
+                             // technically we may allow non-owner's to be in the group..
+                             // need to work out how that will work...
+                             // 
+                             
+                              //o.params['company_id_comptype'] = 'OWNER';
+                              o.params['query[search]'] = _this.searchBox.getValue();
+                              
+                              if (!_this.activeButton) {return; false;}
+                              
+                              
+                              o.params.active = _this.activeButton.pressed ? 0 : 1;
+                              if (!Pman.Tab.AdminPermManager) { 
+                                  return false;
+                              }
+                              
+                              
+                              if (Pman.Tab.AdminPermManager && Pman.Tab.AdminPermManager.grid) {
+                                  var tms = Pman.Tab.AdminPermManager.grid.getSelectionModel().getSelected();
+                                  
+                                  if (!tms) {
+                                      return false;
+                                  }
+                                  o.params['query[in_group]'] = tms.data.id;
+                                  o.params['query[type]'] = 0; // group type..
+                                  
+                              }
+                              //o.params['query[name]'] = _this.searchBox.getValue();
+                            
+                              
+                          }
+                    },
+                    items : [
+
+                    ]
+
                 },
                 footer : {
-                    xtype: 'PagingToolbar',
-                    xns: Roo,
+                    '|xns' : 'Roo',
                     pageSize : 25,
+                    xtype : 'PagingToolbar',
+                    emptyMsg : "No Person found",
+                    xns : Roo,
                     displayInfo : true,
-                    displayMsg : 'Displaying Person{0} - {1} of {2}',
-                    emptyMsg : 'No Person found',
+                    displayMsg : "Displaying Person{0} - {1} of {2}",
                     items : [
-                        {
-                            xtype: 'TextItem',
-                            xns: Roo.Toolbar,
-                            text : "Drag person to add or remove from group"
+                       {
+                            '|xns' : 'Roo.Toolbar',
+                            text : "Drag person to add or remove from group",
+                            xtype : 'TextItem',
+                            xns : Roo.Toolbar
                         }
                     ]
+
                 },
                 toolbar : {
-                    xtype: 'Toolbar',
-                    xns: Roo,
+                    '|xns' : 'Roo',
+                    xtype : 'Toolbar',
+                    xns : Roo,
                     items : [
-                        {
-                            xtype: 'Button',
-                            xns: Roo.Toolbar,
-                            listeners : {
-                                click : function()
-                                {
-                                    
-                                    _this.dialog.show( { id : 0 } , function() {
-                                        _this.grid.footer.onClick('first');
-                                   }); 
-                                }
-                            },
-                            cls : 'x-btn-text-icon',
+                       {
+                            '|xns' : 'Roo.Toolbar',
                             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');
-                                   }); 
-                                }
-                            },
+                            xtype : 'Button',
                             cls : 'x-btn-text-icon',
-                            text : "Bulk Add",
-                            icon : Roo.rootURL + 'images/default/dd/drop-add.gif'
-                        },
-                        {
-                            xtype: 'Button',
-                            xns: Roo.Toolbar,
+                            icon : Roo.rootURL + 'images/default/dd/drop-add.gif',
+                            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');
-                                    }); 
-                                    
-                                }
-                            },
+                               click : function()
+                                  {
+                                      
+                                      _this.dialog.show( { id : 0 } , function() {
+                                          _this.grid.footer.onClick('first');
+                                     }); 
+                                  }
+                            }
+                        },
+                       {
+                            '|xns' : 'Roo.Toolbar',
+                            text : "Bulk Add",
+                            xtype : 'Button',
                             cls : 'x-btn-text-icon',
+                            icon : Roo.rootURL + 'images/default/dd/drop-add.gif',
+                            xns : Roo.Toolbar,
+                            listeners : {
+                               click : function()
+                                  {
+                                      
+                                      Pman.Dialog.PersonBulkAdd.show( { id : 0 } , function() {
+                                          _this.grid.footer.onClick('first');
+                                     }); 
+                                  }
+                            }
+                        },
+                       {
+                            '|xns' : 'Roo.Toolbar',
                             text : "Edit",
-                            icon : Roo.rootURL + 'images/default/tree/leaf.gif'
+                            xtype : 'Button',
+                            cls : 'x-btn-text-icon',
+                            icon : Roo.rootURL + 'images/default/tree/leaf.gif',
+                            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');
+                                      }); 
+                                      
+                                  }
+                            }
                         },
-                        {
-                            xtype: 'Separator',
-                            xns: Roo.Toolbar
+                       {
+                            '|xns' : 'Roo.Toolbar',
+                            xtype : 'Separator',
+                            xns : Roo.Toolbar
                         },
-                        {
-                            xtype: 'TextItem',
-                            xns: Roo.Toolbar,
-                            text : "Search"
+                       {
+                            '|xns' : 'Roo.Toolbar',
+                            text : "Search",
+                            xtype : 'TextItem',
+                            xns : Roo.Toolbar
                         },
-                        {
-                            xtype: 'TextField',
-                            xns: Roo.form,
+                       {
+                            '|xns' : 'Roo.form',
+                            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');
-                                  }
-                                }
+                               specialkey : function (_self, e)
+                                  {
+                                    if (e.getKey() == 13) {
+                                      _this.grid.footer.onClick('first');
+                                    }
+                                  },
+                               show : function (_self,e)
+                                  {
+                                      if (e.getCharCode() != 13) {
+                                          return;
+                                      }
+                                      _this.grid.footer.onClick('first');
+                                  },
+                               render : function (_self)
+                                  {
+                                      _this.searchBox = _self;
+                                  }
                             }
                         },
-                        {
-                            xtype: 'Button',
-                            xns: Roo.Toolbar,
-                            listeners : {
-                                click : function (_self, e)
-                                {
-                                _this.grid.footer.onClick('first');
-                                }
-                            },
+                       {
+                            '|xns' : 'Roo.Toolbar',
+                            xtype : 'Button',
                             cls : 'x-btn-icon',
-                            icon : rootURL + '/Pman/templates/images/search.gif'
-                        },
-                        {
-                            xtype: 'Button',
-                            xns: Roo.Toolbar,
+                            icon : rootURL + '/Pman/templates/images/search.gif',
+                            xns : Roo.Toolbar,
                             listeners : {
-                                click : function (_self, e)
-                                {
-                                _this.searchBox.setValue('');
-                                    _this.grid.footer.onClick('first');
-                                }
-                            },
+                               click : function (_self, e)
+                                  {
+                                  _this.grid.footer.onClick('first');
+                                  }
+                            }
+                        },
+                       {
+                            '|xns' : 'Roo.Toolbar',
+                            xtype : 'Button',
                             cls : 'x-btn-icon',
-                            icon : rootURL + '/Pman/templates/images/edit-clear.gif'
+                            icon : rootURL + '/Pman/templates/images/edit-clear.gif',
+                            xns : Roo.Toolbar,
+                            listeners : {
+                               click : function (_self, e)
+                                  {
+                                  _this.searchBox.setValue('');
+                                      _this.grid.footer.onClick('first');
+                                  }
+                            }
                         },
-                        {
-                            xtype: 'Fill',
-                            xns: Roo.Toolbar
+                       {
+                            '|xns' : 'Roo.Toolbar',
+                            xtype : 'Fill',
+                            xns : Roo.Toolbar
                         },
-                        {
-                            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;
-                                }
-                            },
+                       {
+                            '|xns' : 'Roo.Toolbar',
+                            text : "Show Removed",
                             enableToggle : true,
-                            text : "Show Removed"
+                            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;
+                                  }
+                            }
                         }
                     ]
+
                 },
+                '|xns' : 'Roo.grid',
+                autoExpandColumn : 'name',
+                xtype : 'Grid',
+                ddGroup : 'groupDD',
+                enableDrag : true,
+                loadMask : true,
+                xns : Roo.grid,
                 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 + '"/>';
-                                        
-                         }
-                    }
+                        {
+                               '|xns' : 'Roo.grid',
+                               hidden : true,
+                               xtype : 'ColumnModel',
+                               sortable : true,
+                               header : 'Project',
+                               width : 75,
+                               renderer : function(v,x,r) { 
+                                     return String.format('<span qtip="{0}">{1}</span>', 
+                                                   r.data.project_id_name,
+                                                   v);
+                                },
+                               xns : Roo.grid,
+                               dataIndex : 'project_id_code'
+                           },
+{
+                               '|xns' : 'Roo.grid',
+                               xtype : 'ColumnModel',
+                               sortable : true,
+                               header : 'Type',
+                               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); 
+                               },
+                               xns : Roo.grid,
+                               dataIndex : 'company_id_comptype'
+                           },
+{
+                               '|xns' : 'Roo.grid',
+                               xtype : 'ColumnModel',
+                               sortable : true,
+                               header : 'Company',
+                               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); 
+                               },
+                               xns : Roo.grid,
+                               dataIndex : 'company_id_name'
+                           },
+{
+                               '|xns' : 'Roo.grid',
+                               xtype : 'ColumnModel',
+                               sortable : true,
+                               header : 'Name',
+                               width : 200,
+                               renderer : function(v) { return String.format('{0}', v); },
+                               xns : Roo.grid,
+                               dataIndex : 'name'
+                           },
+{
+                               '|xns' : 'Roo.grid',
+                               xtype : 'ColumnModel',
+                               header : 'Role',
+                               width : 100,
+                               renderer : function(v) { return String.format('{0}', v); },
+                               xns : Roo.grid,
+                               dataIndex : 'role'
+                           },
+{
+                               '|xns' : 'Roo.grid',
+                               xtype : 'ColumnModel',
+                               header : 'Phone',
+                               width : 100,
+                               renderer : function(v) { return String.format('{0}', v); },
+                               xns : Roo.grid,
+                               dataIndex : 'phone'
+                           },
+{
+                               '|xns' : 'Roo.grid',
+                               xtype : 'ColumnModel',
+                               header : 'Fax',
+                               width : 100,
+                               renderer : function(v) { return String.format('{0}', v); },
+                               xns : Roo.grid,
+                               dataIndex : 'fax'
+                           },
+{
+                               '|xns' : 'Roo.grid',
+                               xtype : 'ColumnModel',
+                               sortable : true,
+                               header : 'Email',
+                               width : 200,
+                               renderer : function(v) {
+                                  return (v.length && v.indexOf('@') > 0 ) ? 
+                                                   String.format('<a href="mailto:{0}">{0}</a>',v) : v;
+                                },
+                               xns : Roo.grid,
+                               dataIndex : 'email'
+                           },
+{
+                               '|xns' : 'Roo.grid',
+                               xtype : 'ColumnModel',
+                               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 + '"/>';
+                                               
+                                },
+                               xns : Roo.grid,
+                               dataIndex : 'active'
+                           }
+                ],
+                listeners : {
+                       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();
+                                   
+                                  
+                          },
+                       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');
+                              }
+                          }
+                },
+                items : [
+
                 ]
-            }
-        });
-        this.layout = this.panel.layout;
 
-    }
+            },
+            '|xns' : 'Roo',
+            autoScroll : true,
+            background : true,
+            fitToframe : true,
+            region : 'center',
+            title : "Person",
+            xtype : 'GridPanel',
+            fitContainer : true,
+            xns : Roo,
+            tableName : 'Person',
+            listeners : {
+               activate : function() {
+                      _this.panel = this;
+                      if (_this.grid) {
+                          _this.grid.footer.onClick('first');
+                      }
+                  }
+            },
+            items : [
+
+            ]
+
+        };    }
 });