erp_app 3.1.16 → 4.0.0

data/public/javascripts/erp_app/desktop/applications/security_management/groups_panel.js

@@ -1,313 +1,298 @@
-Ext.define("Compass.ErpApp.Desktop.Applications.SecurityManagement.GroupsPanel",{
-  extend:"Ext.panel.Panel",
-  alias:'widget.security_management_groupspanel',
+Ext.define("Compass.ErpApp.Desktop.Applications.SecurityManagement.GroupsPanel", {
+    extend: "Ext.panel.Panel",
+    alias: 'widget.security_management_groupspanel',
 
-  setGroup : function(record){
-    var assign_to_id = record.get('id');
-    var assign_to_description = record.get('description');
+    setGroup: function (record) {
+        var assign_to_id = record.get('id');
+        var assign_to_description = record.get('description');
 
-    var security_management_groupspanel = this;
+        var security_management_groupspanel = this;
+        var southPanel = Ext.ComponentQuery.query('security_management_southpanel').first();
 
-    var security_management_userswidget = security_management_groupspanel.down('security_management_userswidget');
-    security_management_userswidget.assign_to_id = assign_to_id;
-    security_management_userswidget.assign_to_description = assign_to_description;
+        var security_management_userswidget = southPanel.down('security_management_userswidget');
+        security_management_userswidget.assign_to_id = assign_to_id;
+        security_management_userswidget.assign_to_description = assign_to_description;
 
-    var security_management_roleswidget = security_management_groupspanel.down('security_management_roleswidget');
-    security_management_roleswidget.assign_to_id = assign_to_id;
-    security_management_roleswidget.assign_to_description = assign_to_description;
+        var security_management_roleswidget = southPanel.down('security_management_roleswidget');
+        security_management_roleswidget.assign_to_id = assign_to_id;
+        security_management_roleswidget.assign_to_description = assign_to_description;
 
-    var security_management_capabilitieswidget = security_management_groupspanel.down('security_management_capabilitieswidget');
-    security_management_capabilitieswidget.assign_to_id = assign_to_id;
-    security_management_capabilitieswidget.assign_to_description = assign_to_description;
+        var security_management_capabilitieswidget = southPanel.down('security_management_capabilitieswidget');
+        security_management_capabilitieswidget.assign_to_id = assign_to_id;
+        security_management_capabilitieswidget.assign_to_description = assign_to_description;
 
-    var security_management_groupseffectivesecurity = security_management_groupspanel.down('security_management_groupseffectivesecurity');
-    security_management_groupseffectivesecurity.assign_to_id = assign_to_id;
-    security_management_groupseffectivesecurity.assign_to_description = assign_to_description;    
-  },
+        var security_management_groupseffectivesecurity = southPanel.down('security_management_groupseffectivesecurity');
+        security_management_groupseffectivesecurity.assign_to_id = assign_to_id;
+        security_management_groupseffectivesecurity.assign_to_description = assign_to_description;
+    },
 
-  unsetGroup : function(){
-    var security_management_rolespanel = this;
+    unsetGroup: function () {
+        var security_management_rolespanel = this;
+        var southPanel = Ext.ComponentQuery.query('security_management_southpanel').first();
 
-    var security_management_userswidget = security_management_rolespanel.down('security_management_userswidget');
-    delete security_management_userswidget.assign_to_id;
-    delete security_management_userswidget.assign_to_description;
+        var security_management_userswidget = southPanel.down('security_management_userswidget');
+        delete security_management_userswidget.assign_to_id;
+        delete security_management_userswidget.assign_to_description;
 
-    var security_management_roleswidget = security_management_rolespanel.down('security_management_roleswidget');
-    delete security_management_roleswidget.assign_to_id;
-    delete security_management_roleswidget.assign_to_description;
+        var security_management_roleswidget = southPanel.down('security_management_roleswidget');
+        delete security_management_roleswidget.assign_to_id;
+        delete security_management_roleswidget.assign_to_description;
 
-    var security_management_capabilitieswidget = security_management_rolespanel.down('security_management_capabilitieswidget');
-    delete security_management_capabilitieswidget.assign_to_id;
-    delete security_management_capabilitieswidget.assign_to_description;
+        var security_management_capabilitieswidget = southPanel.down('security_management_capabilitieswidget');
+        delete security_management_capabilitieswidget.assign_to_id;
+        delete security_management_capabilitieswidget.assign_to_description;
 
-    var security_management_groupseffectivesecurity = security_management_rolespanel.down('security_management_groupseffectivesecurity');
-    delete security_management_groupseffectivesecurity.assign_to_id;
-    delete security_management_groupseffectivesecurity.assign_to_description;    
-  },
+        var security_management_groupseffectivesecurity = southPanel.down('security_management_groupseffectivesecurity');
+        delete security_management_groupseffectivesecurity.assign_to_id;
+        delete security_management_groupseffectivesecurity.assign_to_description;
+    },
 
-  constructor : function(config) {
-    var self = this;
+    constructor: function (config) {
+        var self = this;
 
-    config = Ext.apply({
-      width:460,
-      title:'Groups',
-      autoScroll: true,
-      tbar:[{
-          text:'New Group',
-          iconCls:'icon-add',
-          handler:function(btn){
-            var newWindow = Ext.create("Ext.window.Window",{
-              layout:'fit',
-              width:375,
-              title:'New Group',
-              height:100,
-              plain: true,
-              buttonAlign:'center',
-              items: Ext.create('Ext.form.Panel',{
-                labelWidth: 110,
-                frame:false,
-                bodyStyle:'padding:5px 5px 0',
-                url:'/erp_app/desktop/security_management/groups/create',
-                defaults: {
-                  width: 225
+        config = Ext.apply({
+            width: 460,
+            title: 'Groups',
+            autoScroll: true,
+            tbar: [
+                {
+                    text: 'New Group',
+                    iconCls: 'icon-add',
+                    handler: function (btn) {
+                        var newWindow = Ext.create("Ext.window.Window", {
+                            title: 'New Group',
+                            plain: true,
+                            buttonAlign: 'center',
+                            items: Ext.create('Ext.form.Panel', {
+                                labelWidth: 110,
+                                frame: false,
+                                bodyStyle: 'padding:5px 5px 0',
+                                url: '/erp_app/desktop/security_management/groups/create',
+                                defaults: {
+                                    width: 225
+                                },
+                                items: [
+                                    {
+                                        xtype: 'textfield',
+                                        fieldLabel: 'Group Name',
+                                        allowBlank: false,
+                                        name: 'description',
+                                        listeners: {
+                                            afterrender: function (field) {
+                                                field.focus(false, 200);
+                                            },
+                                            specialkey: function (field, e) {
+                                                if (e.getKey() == e.ENTER) {
+                                                    var button = field.findParentByType('window').down('#submitButton');
+                                                    button.fireEvent('click', button);
+                                                }
+                                            }
+                                        }
+                                    }
+                                ]
+                            }),
+                            buttons: [
+                                {
+                                    text: 'Submit',
+                                    itemId: 'submitButton',
+                                    listeners: {
+                                        'click': function (button) {
+                                            var formPanel = button.findParentByType('window').down('form');
+                                            formPanel.getForm().submit({
+                                                success: function (form, action) {
+                                                    var obj = Ext.decode(action.response.responseText);
+                                                    if (obj.success) {
+                                                        var all_groups = self.down('#all_groups').down('shared_dynamiceditablegrid');
+                                                        all_groups.getStore().load();
+                                                        newWindow.close();
+                                                    }
+                                                    else {
+                                                        Ext.Msg.alert("Error", obj.message);
+                                                    }
+                                                },
+                                                failure: function (form, action) {
+                                                    var obj = Ext.decode(action.response.responseText);
+                                                    if (obj !== null) {
+                                                        Ext.Msg.alert("Error", obj.message);
+                                                    }
+                                                    else {
+                                                        Ext.Msg.alert("Error", "Error importing website");
+                                                    }
+                                                }
+                                            });
+                                        }
+                                    }
+                                },
+                                {
+                                    text: 'Close',
+                                    handler: function () {
+                                        newWindow.close();
+                                    }
+                                }
+                            ]
+                        });
+                        newWindow.show();
+                    }
                 },
-                items: [
                 {
-                  xtype:'textfield',
-                  fieldLabel:'Group Name',
-                  allowBlank:false,
-                  name:'description',
-                  listeners:{
-                    afterrender:function(field){
-                        field.focus(false, 200);
-                    },
-                    specialkey: function(field, e){
-                      if (e.getKey() == e.ENTER) {
-                        var button = field.findParentByType('window').down('#submitButton');
-                        button.fireEvent('click', button);
-                      }
-                    } 
-                  }
-                }
-                ]
-              }),
-              buttons: [{
-                text:'Submit',
-                itemId: 'submitButton',
-                listeners:{
-                  'click':function(button){
-                    var formPanel = button.findParentByType('window').down('form');
-                    formPanel.getForm().submit({
-                      success:function(form, action){
-                        var obj =  Ext.decode(action.response.responseText);
-                        if(obj.success){
-                          var all_groups = self.down('#all_groups').down('shared_dynamiceditablegrid');
-                          all_groups.getStore().load();
-                          newWindow.close();
-                        }
-                        else{
-                          Ext.Msg.alert("Error", obj.message);
+                    text: 'Edit Group',
+                    iconCls: 'icon-edit',
+                    handler: function (btn) {
+                        var all_groups = self.down('#all_groups').down('shared_dynamiceditablegrid');
+                        var selection = all_groups.getSelectionModel().getSelection().first();
+                        if (Ext.isEmpty(selection)) {
+                            Ext.Msg.alert('Error', 'Please make a selection.');
+                            return false;
                         }
-                      },
-                      failure:function(form, action){
-                        var obj =  Ext.decode(action.response.responseText);
-                        if(obj !== null){
-                          Ext.Msg.alert("Error", obj.message);
-                        }
-                        else{
-                          Ext.Msg.alert("Error", "Error importing website");
-                        }
-                      }
-                    });
-                  }
-                }
-              },{
-                text: 'Close',
-                handler: function(){
-                  newWindow.close();
-                }
-              }]
-            });
-            newWindow.show();
-          }
-        },
-        {
-          text:'Edit Group',
-          iconCls:'icon-edit',
-          handler:function(btn){
-            var all_groups = self.down('#all_groups').down('shared_dynamiceditablegrid');
-            var selection = all_groups.getSelectionModel().getSelection().first();
-            if (Ext.isEmpty(selection)){
-              Ext.Msg.alert('Error','Please make a selection.');
-              return false;
-            }
-            var newWindow = Ext.create("Ext.window.Window",{
-              layout:'fit',
-              width:375,
-              title:'Edit Group',
-              height:100,
-              plain: true,
-              buttonAlign:'center',
-              items: Ext.create('Ext.form.Panel',{
-                labelWidth: 110,
-                frame:false,
-                bodyStyle:'padding:5px 5px 0',
-                url:'/erp_app/desktop/security_management/groups/update',
-                defaults: {
-                  width: 225
+                        var newWindow = Ext.create("Ext.window.Window", {
+                            title: 'Edit Group',
+                            plain: true,
+                            buttonAlign: 'center',
+                            items: Ext.create('Ext.form.Panel', {
+                                labelWidth: 110,
+                                frame: false,
+                                bodyStyle: 'padding:5px 5px 0',
+                                url: '/erp_app/desktop/security_management/groups/update',
+                                defaults: {
+                                    width: 225
+                                },
+                                items: [
+                                    {
+                                        xtype: 'textfield',
+                                        fieldLabel: 'Group Name',
+                                        allowBlank: false,
+                                        name: 'description',
+                                        value: selection.get('description'),
+                                        listeners: {
+                                            afterrender: function (field) {
+                                                field.focus(true, 200);
+                                            },
+                                            specialkey: function (field, e) {
+                                                if (e.getKey() == e.ENTER) {
+                                                    var button = field.findParentByType('window').down('#submitButton');
+                                                    button.fireEvent('click', button);
+                                                }
+                                            }
+                                        }
+                                    }
+                                ]
+                            }),
+                            buttons: [
+                                {
+                                    text: 'Submit',
+                                    itemId: 'submitButton',
+                                    listeners: {
+                                        'click': function (button) {
+                                            var formPanel = button.findParentByType('window').down('form');
+                                            formPanel.getForm().submit({
+                                                params: {
+                                                    id: selection.get('id'),
+                                                    description: selection.get('description')
+                                                },
+                                                success: function (form, action) {
+                                                    var obj = Ext.decode(action.response.responseText);
+                                                    if (obj.success) {
+                                                        var all_groups = self.down('#all_groups').down('shared_dynamiceditablegrid');
+                                                        all_groups.getStore().load();
+                                                        newWindow.close();
+                                                    }
+                                                    else {
+                                                        Ext.Msg.alert("Error", obj.message);
+                                                    }
+                                                },
+                                                failure: function (form, action) {
+                                                    var obj = Ext.decode(action.response.responseText);
+                                                    if (obj !== null) {
+                                                        Ext.Msg.alert("Error", obj.message);
+                                                    }
+                                                    else {
+                                                        Ext.Msg.alert("Error", "Error importing website");
+                                                    }
+                                                }
+                                            });
+                                        }
+                                    }
+                                },
+                                {
+                                    text: 'Close',
+                                    handler: function () {
+                                        newWindow.close();
+                                    }
+                                }
+                            ]
+                        });
+                        newWindow.show();
+                    }
                 },
-                items: [
                 {
-                  xtype:'textfield',
-                  fieldLabel:'Group Name',
-                  allowBlank:false,
-                  name:'description',
-                  value: selection.get('description'),
-                  listeners:{
-                    afterrender:function(field){
-                        field.focus(true, 200);
-                    },
-                    specialkey: function(field, e){
-                      if (e.getKey() == e.ENTER) {
-                        var button = field.findParentByType('window').down('#submitButton');
-                        button.fireEvent('click', button);
-                      }
-                    } 
-                  }
-                }
-                ]
-              }),
-              buttons: [{
-                text:'Submit',
-                itemId: 'submitButton',
-                listeners:{
-                  'click':function(button){
-                    var formPanel = button.findParentByType('window').down('form');
-                    formPanel.getForm().submit({
-                      params:{
-                        id: selection.get('id'),
-                        description: selection.get('description')
-                      },
-                      success:function(form, action){
-                        var obj =  Ext.decode(action.response.responseText);
-                        if(obj.success){
-                          var all_groups = self.down('#all_groups').down('shared_dynamiceditablegrid');
-                          all_groups.getStore().load();
-                          newWindow.close();
-                        }
-                        else{
-                          Ext.Msg.alert("Error", obj.message);
+                    text: 'Delete Group',
+                    iconCls: 'icon-delete',
+                    handler: function (btn) {
+                        var all_groups = self.down('#all_groups').down('shared_dynamiceditablegrid');
+                        var selection = all_groups.getSelectionModel().getSelection().first();
+                        if (Ext.isEmpty(selection)) {
+                            Ext.Msg.alert('Error', 'Please make a selection.');
+                            return false;
                         }
-                      },
-                      failure:function(form, action){
-                        var obj =  Ext.decode(action.response.responseText);
-                        if(obj !== null){
-                          Ext.Msg.alert("Error", obj.message);
-                        }
-                        else{
-                          Ext.Msg.alert("Error", "Error importing website");
-                        }
-                      }
-                    });
-                  }
-                }
-              },{
-                text: 'Close',
-                handler: function(){
-                  newWindow.close();
+                        Ext.MessageBox.confirm('Confirm', 'Are you sure?', function (btn) {
+                            if (btn == 'no') {
+                                return false;
+                            }
+                            else if (btn == 'yes') {
+                                Ext.Ajax.request({
+                                    url: '/erp_app/desktop/security_management/groups/delete',
+                                    method: 'POST',
+                                    params: {
+                                        id: selection.get('id')
+                                    },
+                                    success: function (response) {
+                                        var json_response = Ext.decode(response.responseText);
+                                        if (json_response.success) {
+                                            self.unsetGroup();
+                                            self.down('tabpanel').getActiveTab().refreshWidget();
+                                            all_groups.getStore().load();
+                                        } else {
+                                            Ext.Msg.alert('Error', Ext.decode(response.responseText).message);
+                                        }
+                                    },
+                                    failure: function (response) {
+                                        Ext.Msg.alert('Error', 'Error Retrieving Effective Security');
+                                    }
+                                });
+                            }
+                        });
+                    }
                 }
-              }]
-            });
-            newWindow.show();
-          }
-        },        
-        {
-          text:'Delete Group',
-          iconCls:'icon-delete',
-          handler:function(btn){
-            var all_groups = self.down('#all_groups').down('shared_dynamiceditablegrid');
-            var selection = all_groups.getSelectionModel().getSelection().first();
-            if (Ext.isEmpty(selection)){
-              Ext.Msg.alert('Error','Please make a selection.');
-              return false;
-            }
-            Ext.MessageBox.confirm('Confirm', 'Are you sure?', function(btn){
-                  if(btn == 'no'){
-                    return false;
-                  }
-                  else if(btn == 'yes'){
-                    Ext.Ajax.request({
-                      url: '/erp_app/desktop/security_management/groups/delete',
-                      method: 'POST',
-                      params:{
-                        id: selection.get('id')
-                      },
-                      success: function(response) {
-                        var json_response = Ext.decode(response.responseText);
-                        if (json_response.success){
-                          self.unsetGroup();
-                          self.down('tabpanel').getActiveTab().refreshWidget();
-                          all_groups.getStore().load();
-                        }else{
-                          Ext.Msg.alert('Error', Ext.decode(response.responseText).message);
-                        }
-                      },
-                      failure: function(response) {
-                        Ext.Msg.alert('Error', 'Error Retrieving Effective Security');
-                      }
-                    });
-                  }
-            });
-          }
-        }       
-        ],
-        items:[{
-          xtype: 'security_management_group_grid',
-          itemId: 'all_groups',
-          width: 400,
-          setupUrl: '/erp_app/desktop/security_management/groups/available_setup',
-          dataUrl: '/erp_app/desktop/security_management/groups/available',
-          multiSelect: false,
-          grid_listeners:{
-            afterrender:function(grid){
-              // autoLoad was causing erroneous calls to /erp_app/desktop/true so we manually load here
-              grid.getStore().load();
-            },
-            itemclick: function(grid, record, index, eOpts){
-                self.setGroup(record);
-
-                // get active tabpanel
-                var activeTabPanel = grid.findParentByType('security_management_groupspanel').down('tabpanel').getActiveTab();
-                activeTabPanel.refreshWidget();
-                activeTabPanel.updateTitle();
-            }
-          }        
-        },
-        {
-            xtype: 'tabpanel',
-            items:[
-                {
-                    xtype:'security_management_userswidget',
-                    assign_to: 'Group'
-                },
-                {
-                    xtype:'security_management_roleswidget',
-                    assign_to: 'Group'
-                },
+            ],
+            items: [
                 {
-                    xtype:'security_management_capabilitieswidget',
-                    assign_to: 'Group'
-                },
-                {
-                    xtype:'security_management_groupseffectivesecurity'
-                }
+                    xtype: 'security_management_group_grid',
+                    itemId: 'all_groups',
+                    height: 275,
+                    setupUrl: '/erp_app/desktop/security_management/groups/available_setup',
+                    dataUrl: '/erp_app/desktop/security_management/groups/available',
+                    multiSelect: false,
+                    grid_listeners: {
+                        afterrender: function (grid) {
+                            // autoLoad was causing erroneous calls to /erp_app/desktop/true so we manually load here
+                            grid.getStore().load();
+                        },
+                        itemclick: function (grid, record, index, eOpts) {
+                            self.setGroup(record);
 
+                            // get active tabpanel
+                            var southPanel = Ext.ComponentQuery.query('security_management_southpanel').first();
+                            var activeTabPanel = southPanel.down('tabpanel').getActiveTab();
+                            activeTabPanel.refreshWidget();
+                            activeTabPanel.updateTitle();
+                        }
+                    }
+                }
             ]
-        }]        
 
-    }, config);
+        }, config);
 
-    this.callParent([config]);
-  }
+        this.callParent([config]);
+    }
 
-});
+});