erp_app 4.0.0 → 4.2.0

data/app/assets/javascripts/erp_app/desktop/applications/security_management/roles_panel.js

@@ -0,0 +1,334 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.SecurityManagement.RolesPanel", {
+    extend: "Ext.panel.Panel",
+    alias: 'widget.security_management_rolespanel',
+    
+    title: 'Security Roles',
+    autoScroll: true,
+    layout: 'fit',
+
+    setRole: function(record) {
+	var assign_to_id = record.get('id');
+	var assign_to_description = record.get('description');
+
+	var security_management_rolespanel = this;
+	var southPanel = Ext.ComponentQuery.query('security_management_southpanel').first();
+
+	var security_management_groupswidget = southPanel.down('security_management_groupswidget');
+	security_management_groupswidget.assign_to_id = assign_to_id;
+	security_management_groupswidget.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;
+    },
+
+    unsetRole: function() {
+	var security_management_rolespanel = this;
+	var southPanel = Ext.ComponentQuery.query('security_management_southpanel').first();
+
+	var security_management_groupswidget = southPanel.down('security_management_groupswidget');
+	delete security_management_groupswidget.assign_to_id;
+	delete security_management_groupswidget.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;
+    },
+
+    constructor: function(config) {
+	var self = this;
+
+	config = Ext.apply({
+	    tbar: [{
+		text: 'New Security Role',
+		iconCls: 'icon-add',
+		handler: function(btn) {
+		    var newWindow = Ext.create("Ext.window.Window", {
+			modal: true,
+			title: 'New Security Role',
+			buttonAlign: 'center',
+			items: Ext.create('Ext.form.Panel', {
+			    frame: false,
+			    bodyStyle: 'padding:5px 5px 0',
+			    url: '/api/v1/security_roles',
+			    defaults: {
+				width: 400
+			    },
+			    items: [{
+				xtype: 'combobox',
+				store: {
+				    fields: [{
+					name: "description",
+					type: "string"
+				    }, {
+					name: "internal_identifier",
+					type: "string"
+				    }],
+				    autoLoad: true,
+				    proxy: {
+					url: '/api/v1/security_roles',
+					method: 'get',
+					type: "ajax",
+					reader: {
+					    type: 'json',
+					    root: 'security_roles'
+					}
+				    }
+				},
+				name: 'parent',
+				queryMode: 'local',
+				displayField: 'description',
+				valueField: 'internal_identifier',
+				forceSelection: true,
+				typeAhead: true,
+				minChars: 2,
+				fieldLabel: 'Parent',
+				allowBlank: false,
+				clearIcon: false,
+				afterLabelTextTpl: requiredStar,
+				listeners: {
+				    render: function(field) {
+					field.getStore().load();
+				    }
+				}
+			    }, {
+				xtype: 'textfield',
+				fieldLabel: '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);
+					}
+				    }
+				}
+			    }, {
+				xtype: 'textfield',
+				fieldLabel: 'Internal ID',
+				allowBlank: false,
+				name: 'internal_identifier',
+				vtype: 'alphanum',
+				listeners: {
+				    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({
+					waitMsg: 'Please Wait',
+					success: function(form, action) {
+					    var obj = Ext.decode(action.response.responseText);
+
+					    if (obj.success) {
+						var all = self.down('#all_roles').down('gridview');
+						Ext.Msg.alert('Status', obj.message);
+						all.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 creating role");
+					    }
+					}
+				    });
+				}
+			    }
+			}, {
+			    text: 'Close',
+			    handler: function() {
+				newWindow.close();
+			    }
+			}]
+		    });
+		    newWindow.show();
+		}
+	    }, {
+		text: 'Edit Security Role',
+		iconCls: 'icon-edit',
+		handler: function(btn) {
+		    var all_roles = self.down('#all_roles').down('gridview');
+		    var selection = all_roles.getSelectionModel().getSelection().first();
+		    if (Ext.isEmpty(selection)) {
+			Ext.Msg.alert('Error', 'Please make a selection.');
+			return false;
+		    }
+		    var newWindow = Ext.create("Ext.window.Window", {
+			modal: true,
+			title: 'Edit Security Role',
+			plain: true,
+			buttonAlign: 'center',
+			defaultFocus: 'role_name',
+			items: Ext.create('Ext.form.Panel', {
+			    frame: false,
+			    bodyStyle: 'padding:5px 5px 0',
+			    defaults: {
+				width: 400
+			    },
+			    items: [
+                                {
+				    xtype: 'textfield',
+				    fieldLabel: 'Name',
+				    allowBlank: false,
+				    name: 'description',
+				    itemId: 'role_name',
+				    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);
+					    }
+				        }
+				    }
+			        },
+                                {
+                                    xtype: 'hidden',
+                                    name: 'internal_identifier',
+                                    value: selection.get('internalIdentifier')
+                                }
+                            ]
+			}),
+			buttons: [{
+			    text: 'Submit',
+			    itemId: 'submitButton',
+			    listeners: {
+				'click': function(button) {
+				    var formPanel = button.findParentByType('window').down('form');
+				    formPanel.getForm().submit({
+					method: 'put',
+					waitMsg: 'Please wait..',
+					url: '/api/v1/security_roles/' + selection.get('id'),
+					success: function(form, action) {
+					    var obj = Ext.decode(action.response.responseText);
+					    if (obj.success) {
+						var all = self.down('#all_roles').down('gridview');
+						all.getStore().load({
+                                                    callback: function(){
+                                                        // There is a bug in ExtJS 4 which doesn't update the selection model
+                                                        // for a grid when the store is reloaded, this is a work around which
+                                                        // deselect all selects the row which selected before the store load 
+                                                        var index = all.getStore().find(
+                                                            'internalIdentifier',
+                                                            selection.get('internalIdentifier')
+                                                        );
+                                                        all_roles.getSelectionModel().deselectAll();
+                                                        all_roles.getSelectionModel().select(index);
+                                                    }
+                                                });
+						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();
+		}
+	    }, {
+		text: 'Delete Security Role',
+		iconCls: 'icon-delete',
+		handler: function(btn) {
+		    var all_roles = self.down('#all_roles').down('gridview');
+		    var selection = all_roles.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: '/api/v1/security_roles/' + selection.get('id'),
+				method: 'DELETE',
+				success: function(response) {
+				    var json_response = Ext.decode(response.responseText);
+				    if (json_response.success) {
+                                        var southPanel = Ext.ComponentQuery.query('security_management_southpanel').first(),
+                                            activeTabPanel = southPanel.down('tabpanel').getActiveTab();
+
+					self.unsetRole();
+                                        activeTabPanel.clearWidget();
+					var all_roles = self.down('#all_roles').down('gridview');
+					all_roles.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_role_grid',
+		itemId: 'all_roles',
+		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.setRole(record);
+
+			// get active tabpanel
+			var southPanel = Ext.ComponentQuery.query('security_management_southpanel').first();
+			var activeTabPanel = southPanel.down('tabpanel').getActiveTab();
+			activeTabPanel.refreshWidget();
+			activeTabPanel.updateTitle();
+		    }
+		}
+	    }]
+
+	}, config);
+
+	this.callParent([config]);
+    }
+
+});

data/app/assets/javascripts/erp_app/desktop/applications/security_management/roles_widget.js

@@ -0,0 +1,258 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.SecurityManagement.RolesWidget", {
+    extend: "Ext.panel.Panel",
+    alias: 'widget.security_management_roleswidget',
+    mixins: [
+        'Compass.ErpApp.Desktop.Applications.SecurityManagement.Mixins.Widget'
+    ],
+    
+    updateTitle: function() {
+	if (this.assign_to_description) {
+	    this.down('#assignment').setTitle('Assign Roles to ' + this.assign_to + ' ' + this.assign_to_description);
+	}
+    },
+
+    constructor: function(config) {
+	var self = this,
+	    commonWidgetProperties = Compass.ErpApp.Desktop.Applications.SecurityManagement.CommonWidget.properties;
+
+	var available_grid = Ext.apply(commonWidgetProperties.available_grid, {
+	    itemId: 'available',
+	    xtype: 'security_management_role_grid',
+	    title: 'Available Security Roles',
+	    url: '/api/v1/security_roles/available'
+	});
+
+	var selected_grid = Ext.apply(commonWidgetProperties.selected_grid, {
+	    itemId: 'selected',
+	    xtype: 'security_management_role_grid',
+	    title: 'Selected Security Roles',
+	    url: '/api/v1/security_roles/selected'
+	});
+
+	var assignment = Ext.apply(commonWidgetProperties.assignment, {
+	    xtype: 'panel',
+	    title: 'Manage Security Roles',
+	    layout: 'hbox',
+	    items: [
+		available_grid, {
+		    xtype: 'container',
+		    width: 22,
+		    bodyPadding: 5,
+		    items: [{
+			xtype: 'SecurityManagement-AddRoleButton'
+		    }, {
+			xtype: 'SecurityManagement-RemoveRoleButton'
+		    }]
+		},
+		selected_grid
+	    ]
+	});
+
+	config = Ext.apply({
+	    title: 'Security Roles',
+	    assign_to: (config.assign_to || 'User'),
+	    items: [
+		assignment
+	    ],
+	    listeners: {
+		activate: function(tab) {
+		    self.refreshWidget(tab);
+		    self.updateTitle();
+		}
+	    }
+
+	}, config);
+
+	this.callParent([config]);
+    }
+});
+
+Ext.define("Compass.ErpApp.Desktop.Applications.SecurityManagement.RoleGrid", {
+    extend: "Ext.grid.Panel",
+    alias: 'widget.security_management_role_grid',
+
+    columns: [{
+	header: 'Security Role Name',
+	dataIndex: 'description',
+	flex: 1
+    }, {
+	header: 'Internal ID',
+	dataIndex: 'internalIdentifier',
+	flex: 1
+    }, {
+	header: 'Parent',
+	dataIndex: 'parentDescription',
+	flex: 1
+    }],
+
+    initComponent: function() {
+	var me = this;
+
+	me.store = Ext.create('Ext.data.Store', {
+	    pageSize: 10,
+	    fields: [
+		'id', 'description', {
+		    name: 'internalIdentifier',
+		    mapping: 'internal_identifier',
+		}, {
+		    name: 'parentDescription',
+		    mapping: 'parent.description',
+		}
+	    ],
+	    proxy: {
+		type: 'ajax',
+		url: (me.initialConfig.url || '/api/v1/security_roles'),
+		reader: {
+		    type: 'json',
+		    root: 'security_roles',
+		    totalProperty: 'total_count'
+		}
+	    }
+	});
+
+	me.dockedItems = [{
+	    xtype: 'toolbar',
+	    dock: 'top',
+	    items: [{
+		fieldLabel: '<span data-qtitle="Search" data-qwidth="200" data-qtip="">Search</span>',
+		itemId: 'searchValue',
+		xtype: 'textfield',
+		width: 400,
+		value: '',
+		listeners: {
+		    specialkey: function(field, e) {
+			if (e.getKey() == e.ENTER) {
+			    var grid = field.findParentByType('security_management_role_grid');
+			    var button = grid.query('#searchButton').first();
+			    button.fireEvent('click', button);
+			}
+		    }
+		}
+	    }, {
+		xtype: 'tbspacer',
+		width: 1
+	    }, {
+		xtype: 'button',
+		itemId: 'searchButton',
+		iconCls: 'x-btn-icon icon-search',
+		listeners: {
+		    click: function(button) {
+			if (button.findParentByType('security_management_roleswidget') && !button.findParentByType('security_management_roleswidget').assign_to_id) return;
+			var grid = button.findParentByType('security_management_role_grid');
+			var value = grid.query('#searchValue').first().getValue();
+			grid.getStore().load({
+			    params: {
+				query_filter: value
+			    }
+			});
+		    }
+		}
+	    }]
+	}, {
+	    xtype: 'pagingtoolbar',
+	    dock: 'bottom',
+	    store: me.store,
+	    displayMsg: 'Displaying {0} - {1} of {2}',
+	    emptyMsg: 'Empty',
+	}];
+
+	me.callParent(arguments);
+    }
+});
+
+Ext.define('Compass.ErpApp.Desktop.Applications.SecurityManagement.AddRoleButton', {
+    extend: 'Ext.button.Button',
+    alias: 'widget.SecurityManagement-AddRoleButton',
+    itemId: 'AddRoleButton',
+    style: 'margin-top: 100px !important;',
+    cls: 'clean-image-icon',
+    iconCls: 'icon-arrow-right-blue',
+    formBind: false,
+    tooltip: 'Add to Selected',
+    listeners: {
+	click: function(button) {
+	    var security_management_roleswidget = button.findParentByType('security_management_roleswidget');
+	    var available_grid = security_management_roleswidget.query('#available').first().down('gridview');
+	    var selected_grid = security_management_roleswidget.query('#selected').first().down('gridview');
+	    var selection = available_grid.getSelectionModel().getSelection();
+	    if (security_management_roleswidget.assign_to_id && selection.length > 0) {
+		var selected = [];
+		Ext.each(selection, function(s) {
+		    selected.push(s.data.id);
+		});
+
+		Ext.Ajax.request({
+		    url: '/api/v1/security_roles/add',
+		    method: 'PUT',
+		    params: {
+			type: security_management_roleswidget.assign_to,
+			id: security_management_roleswidget.assign_to_id,
+			security_role_ids: Ext.encode(selected)
+		    },
+		    success: function(response) {
+			var json_response = Ext.decode(response.responseText);
+			if (json_response.success) {
+			    available_grid.getStore().load();
+			    selected_grid.getStore().load();
+			} else {
+			    Ext.Msg.alert('Error', Ext.decode(response.responseText).message);
+			}
+		    },
+		    failure: function(response) {
+			Ext.Msg.alert('Error', 'Error Adding Security Role');
+		    }
+		});
+	    } else {
+		Ext.Msg.alert('Error', 'Please make a selection.');
+	    }
+	}
+    }
+});
+
+Ext.define('Compass.ErpApp.Desktop.Applications.SecurityManagement.RemoveRoleButton', {
+    extend: 'Ext.button.Button',
+    alias: 'widget.SecurityManagement-RemoveRoleButton',
+    itemId: 'RemoveRoleButton',
+    cls: 'clean-image-icon',
+    iconCls: 'icon-arrow-left-blue',
+    formBind: false,
+    tooltip: 'Remove from Selected',
+    listeners: {
+	click: function(button) {
+	    var security_management_roleswidget = button.findParentByType('security_management_roleswidget');
+	    var available_grid = security_management_roleswidget.query('#available').first().down('gridview');
+	    var selected_grid = security_management_roleswidget.query('#selected').first().down('gridview');
+	    var selection = selected_grid.getSelectionModel().getSelection();
+	    if (security_management_roleswidget.assign_to_id && selection.length > 0) {
+		var selected = [];
+		Ext.each(selection, function(s) {
+		    selected.push(s.data.id);
+		});
+
+		Ext.Ajax.request({
+		    url: '/api/v1/security_roles/remove',
+		    method: 'PUT',
+		    params: {
+			type: security_management_roleswidget.assign_to,
+			id: security_management_roleswidget.assign_to_id,
+			security_role_ids: Ext.encode(selected)
+		    },
+		    success: function(response) {
+			var json_response = Ext.decode(response.responseText);
+			if (json_response.success) {
+			    available_grid.getStore().load();
+			    selected_grid.getStore().load();
+			} else {
+			    Ext.Msg.alert('Error', Ext.decode(response.responseText).message);
+			}
+		    },
+		    failure: function(response) {
+			Ext.Msg.alert('Error', 'Error Removing Security Role');
+		    }
+		});
+	    } else {
+		Ext.Msg.alert('Error', 'Please make a selection.');
+	    }
+	}
+    }
+});