erp_app 4.0.0 → 4.2.0

data/app/assets/javascripts/erp_app/shared/MultiOptions.js

@@ -0,0 +1,182 @@
+Ext.define("Compass.ErpApp.Shared.MultiOptions", {
+	alias: 'widget.sharedmultioptions',
+	extend: 'Ext.grid.Panel',
+
+	mixins: {
+		field: 'Ext.form.field.Field'
+	},
+
+	fieldLabel: false,
+
+	name: 'options',
+
+	multiSelect: false,
+
+	/**
+	 * @cfg {Object} field
+	 * Field Object
+	 */
+	field: null,
+
+	fieldSelectOptions: null,
+
+	title: 'Options',
+
+	columns: [{
+		header: 'Name',
+		dataIndex: 'name',
+		flex: 1,
+		sortable: false,
+		menuDisabled: true,
+		editor: {
+			xtype: 'textfield',
+			allowBlank: false
+		}
+	}, {
+		xtype: 'actioncolumn',
+		width: 30,
+		sortable: false,
+		menuDisabled: true,
+		items: [{
+			icon: '/assets/icons/delete/delete_16x16.png',
+			tooltip: 'Remove Option',
+			scope: this,
+			handler: function(grid, rowIndex) {
+				grid.getStore().removeAt(rowIndex);
+			}
+		}]
+	}],
+
+	dockedItems: [{
+		xtype: 'toolbar',
+		items: [{
+			text: 'Add',
+			iconCls: 'icon-add',
+			handler: function(btn) {
+				var grid = btn.up('grid');
+				grid.getStore().insert(0, {
+					name: ''
+				});
+				grid.getPlugin().startEditByPosition({
+					row: 0,
+					column: 0
+				});
+			}
+		}]
+	}],
+
+	plugins: {
+		ptype: 'cellediting',
+		clicksToEdit: 1,
+		listeners: {
+			edit: function(editor, context) {
+				context.record.commit();
+			}
+		}
+	},
+
+	viewConfig: {
+		plugins: {
+			ptype: 'gridviewdragdrop',
+			dragGroup: 'optionsGrid',
+			dropGroup: 'optionsGrid'
+		}
+	},
+
+	initComponent: function() {
+		var me = this;
+
+		me.store = Ext.create('Ext.data.ArrayStore', {
+			fields: ['name'],
+			data: {
+				options: me.getOptions(me.field)
+			},
+			proxy: {
+				type: 'memory',
+				reader: {
+					type: 'json',
+					root: 'options'
+				}
+			}
+		});
+
+		me.callParent(arguments);
+	},
+
+	setOptions: function(field) {
+		var me = this;
+
+		me.getStore().loadData(me.getOptions(field));
+	},
+
+	getOptions: function(field) {
+		var me = this;
+		var options = [];
+
+		if (field) {
+			switch (field.internalIdentifier) {
+				case 'radio':
+				case 'check':
+					if (field.items) {
+						Ext.each(field.items.items, function(item, index) {
+							options.push({
+								name: item.boxLabel
+							});
+						});
+					}
+					break;
+				case 'select':
+					if (field.store) {
+						Ext.each(field.store.data.items, function(item, index) {
+							options.push({
+								name: item.data.display
+							});
+						});
+					}
+					break;
+				case 'question':
+					if (field.answers) {
+						Ext.each(field.answers, function(answer, index) {
+							options.push({
+								name: answer
+							});
+						});
+					}
+					break;
+			}
+		}
+
+		return options;
+	},
+
+	getValue: function() {
+		return Ext.encode(this.getStore().collect('name'));
+	},
+
+	getSubmitData: function() {
+		var me = this,
+			data = null;
+		if (!me.disabled && me.submitValue) {
+			data = {};
+			data[me.getName()] = me.getValue();
+		}
+		return data;
+	},
+
+	validate: function() {
+		var valid = true;
+
+		if (!this.allowBlank) {
+			if (this.getStore().count() === 0) {
+				valid = false;
+				if (this.getView().getEl())
+					this.getView().getEl().setStyle('border', 'solid 1px red');
+			} else {
+				if (this.getView().getEl())
+					this.getView().getEl().setStyle('border', '');
+			}
+		}
+
+		return valid;
+	}
+});

data/app/assets/javascripts/erp_app/shared/Party/AppsInstalledPanel.js

@@ -0,0 +1,302 @@
+Ext.define('Compass.ErpApp.Shared.Party.ApplicationModel', {
+    extend: 'Ext.data.Model',
+    fields: [
+	// ExtJs node fields
+	{
+	    name: 'text',
+	    type: 'string',
+	    mapping: 'description'
+	}, {
+	    name: 'leaf',
+	    type: 'boolean'
+	}, {
+	    name: 'checked',
+	    type: 'boolean'
+	}, {
+	    name: 'iconCls',
+	    type: 'string',
+	    mapping: 'icon'
+	},
+	// Custom fields
+	{
+	    name: 'internalIdentifier',
+	    type: 'string',
+	    mapping: 'internal_identifier'
+	}
+    ]
+});
+
+Ext.define("CompassAE.ErpApp.Shared.Party.AppsInstalledPanel", {
+    extend: 'Ext.form.Panel',
+    alias: 'widget.partyappsinstalledpanel',
+
+    title: 'Apps Installed',
+    autoScroll: true,
+
+    userId: null,
+    availableTools: [],
+    availableApps: [],
+    fieldSetHeights: 250,
+
+    layout: 'hbox',
+
+    dockedItems: {
+	xtype: 'toolbar',
+	docked: 'top',
+	items: [{
+	    text: 'Save',
+	    iconCls: 'icon-save',
+	    handler: function(btn) {
+		btn.up('form').save(btn);
+	    }
+	}]
+    },
+
+    initComponent: function() {
+	var me = this;
+
+	me.addEvents(
+	    /*
+	     * @event saved
+	     * Fires when view is saved
+	     * @param {CompassAE.ErpApp.Shared.Party.AppsInstalledPanel} this panel
+	     * @param {Array} Selected Application IIds
+	     */
+	    'saved'
+	);
+
+	me.callParent(arguments);
+
+	me.add({
+	    xtype: 'fieldset',
+	    width: 450,
+	    title: 'Admin & Dev Tools',
+	    itemId: 'tools',
+	    style: {
+		marginLeft: '10px',
+		marginRight: '10px',
+		padding: '5px'
+	    },
+	    items: [{
+		xtype: 'treepanel',
+		height: me.fieldSetHeights,
+		itemId: 'toolsTree',
+		store: {
+		    autoLoad: false,
+		    model: 'Compass.ErpApp.Shared.Party.ApplicationModel',
+		    proxy: {
+			type: 'ajax',
+			url: '/api/v1/applications.tree',
+			root: 'applications',
+			extraParams: {
+			    types: 'tool'
+			},
+			reader: {
+			    root: 'applications'
+			}
+		    },
+		    root: {
+			expanded: false
+		    }
+		},
+		rootVisible: false,
+		animate: false,
+		autoScroll: true,
+		containerScroll: true,
+		border: false,
+		frame: false
+	    }]
+	}, {
+	    xtype: 'fieldset',
+	    width: 450,
+	    title: 'End User Apps',
+	    itemId: 'apps',
+	    style: {
+		marginLeft: '10px',
+		marginRight: '10px',
+		padding: '5px'
+	    },
+	    items: [{
+		xtype: 'treepanel',
+		height: me.fieldSetHeights,
+		itemId: 'userAppsTree',
+		store: {
+		    autoLoad: false,
+		    model: 'Compass.ErpApp.Shared.Party.ApplicationModel',
+		    proxy: {
+			type: 'ajax',
+			url: '/api/v1/applications.tree',
+			root: 'applications',
+			extraParams: {
+			    types: 'app'
+			},
+			reader: {
+			    root: 'applications'
+			}
+		    },
+		    root: {
+			text: 'Applications',
+			expanded: false
+		    }
+		},
+		rootVisible: false,
+		animate: false,
+		autoScroll: true,
+		containerScroll: true,
+		border: false,
+		frame: false
+	    }]
+	});
+
+	me.setDbaOrganizationOnApplications();
+
+	me.down('#toolsTree').getRootNode().expand(false);
+	me.down('#userAppsTree').getRootNode().expand(false);
+
+	me.on('activate', function() {
+	    if (me.userId) {
+		var mask = new Ext.LoadMask({
+		    msg: 'Please wait...',
+		    target: me
+		});
+		mask.show();
+
+		var loadCurrentTools = function() {
+		    var dfd = Ext.create('Ext.ux.Deferred');
+
+		    Compass.ErpApp.Utility.ajaxRequest({
+			url: '/api/v1/users/' + me.userId + '/applications',
+			method: 'GET',
+			params: {
+			    types: 'tool'
+			},
+			errorMessage: 'Could not load installed Applications',
+			success: function(response) {
+			    var applicationIids = Ext.Array.pluck(response.applications, 'internal_identifier');
+
+			    if (me.down('#toolsTree')) {
+				me.down('#toolsTree').getRootNode().cascadeBy(function(node) {
+				    if (Ext.Array.contains(applicationIids, node.get('internalIdentifier'))) {
+					node.set('checked', true);
+				    }
+				});
+			    }
+
+			    dfd.resolve();
+			},
+			failure: function() {
+			    dfd.reject();
+			}
+		    });
+
+		    return dfd.promise();
+		};
+
+		var loadCurrentApps = function() {
+		    var dfd = Ext.create('Ext.ux.Deferred');
+
+		    Compass.ErpApp.Utility.ajaxRequest({
+			url: '/api/v1/users/' + me.userId + '/applications',
+			method: 'GET',
+			params: {
+			    types: 'app'
+			},
+			errorMessage: 'Could not load installed Applications',
+			success: function(response) {
+			    var applicationIids = Ext.Array.pluck(response.applications, 'internal_identifier');
+
+			    if (me.down('#userAppsTree')) {
+				me.down('#userAppsTree').getRootNode().cascadeBy(function(node) {
+				    if (Ext.Array.contains(applicationIids, node.get('internalIdentifier'))) {
+					node.set('checked', true);
+				    }
+				});
+			    }
+
+			    dfd.resolve();
+			},
+			failure: function() {
+			    dfd.reject();
+			}
+		    });
+
+		    return dfd.promise();
+		};
+
+		Ext.ux.Deferred.when(
+		    loadCurrentTools)
+		    .then(loadCurrentApps,
+			  function() {
+			      mask.hide();
+			  })
+		    .then(function(results) {
+			mask.hide();
+		    }, function(errors) {
+			mask.hide();
+		    });
+	    }
+	});
+    },
+
+    save: function(btn) {
+	var me = this;
+	var toolsTree = me.down('#toolsTree');
+	var userAppsTree = me.down('#userAppsTree');
+	var selectedApplicationIids = [];
+
+	btn.disable();
+
+	toolsTree.getRootNode().cascadeBy(function(node) {
+	    if (node.get('checked')) {
+		selectedApplicationIids.push(node.get('internalIdentifier'));
+	    }
+	});
+
+	userAppsTree.getRootNode().cascadeBy(function(node) {
+	    if (node.get('checked')) {
+		selectedApplicationIids.push(node.get('internalIdentifier'));
+	    }
+	});
+
+	var mask = new Ext.LoadMask({
+	    msg: 'Please wait...',
+	    target: me
+	});
+	mask.show();
+
+	Compass.ErpApp.Utility.ajaxRequest({
+	    url: '/api/v1/users/' + me.userId + '/applications/install',
+	    method: 'PUT',
+	    params: {
+		application_iids: selectedApplicationIids.join(',')
+	    },
+	    errorMessage: 'Could not save installed Applications',
+	    success: function(response) {
+		me.fireEvent('saved', me, selectedApplicationIids);
+
+		btn.enable();
+		mask.hide();
+	    },
+	    failure: function() {
+		btn.enable();
+		mask.hide();
+	    }
+	});
+    },
+
+    setDbaOrganizationOnApplications: function() {
+	var me = this;
+
+	// set dba organization id for applications
+	var dbaOrganizationId = currentUser.dbaOrganizationId;
+
+	// if the parent module is a Party and it is an Organization that is the DbaOrganization
+	if (me.up('businessmoduledetailview') && me.up('businessmoduledetailview').parentDetailView && me.up('businessmoduledetailview').parentDetailView.recordData.sub_module_record_type == 'Organization') {
+
+	    dbaOrganizationId = me.up('businessmoduledetailview').parentDetailView.recordData.id;
+	}
+
+	me.down('#userAppsTree').store.getProxy().setExtraParam('dba_organization_id', dbaOrganizationId);
+	me.down('#toolsTree').store.getProxy().setExtraParam('dba_organization_id', dbaOrganizationId);
+    }
+});