erp_app 4.0.0 → 4.2.0

data/app/assets/javascripts/erp_app/shared/crm/UserForm.js

@@ -0,0 +1,302 @@
+Ext.define('Compass.ErpApp.Shared.Crm.UserForm', {
+    extend: 'Ext.form.Panel',
+    alias: 'widget.crmuserform',
+    border: false,
+    frame: false,
+
+    /**
+     * @cfg {String[]} securityRoles
+     * Array of SecurityRoles to add to users during creation.
+     */
+    securityRoles: [],
+
+    /**
+     * @cfg {String[]} partyRole
+     * Array of PartyRoles to add to users during creation.
+     */
+    partyRoles: [],
+
+    /**
+     * @cfg {boolean} allowFormToggle
+     * True to allow user to toggle user form.
+     */
+    allowFormToggle: true,
+
+    /**
+     * @cfg {boolean} createParty
+     * True to create party with user.
+     */
+    createParty: false,
+
+    /**
+     * @cfg {boolean} skipUserActivationEmail
+     * True to skip activation email.
+     */
+    skipUserActivationEmail: true,
+
+    /**
+     * @cfg {boolean} allowFormSubmission
+     * True to allow from to be submitted.
+     */
+    allowFormSubmission: false,
+
+    /**
+     * @cfg {string} createUrl
+     * Url to create a user.
+     */
+    createUrl: '/erp_app/organizer/crm/users/',
+
+    /**
+     * @cfg {string} updateUrl
+     * Url to update a user.
+     */
+    updateUrl: '/erp_app/organizer/crm/users/',
+
+    initComponent: function () {
+        var me = this;
+
+        me.addEvents(
+            /*
+             * @event usercreated
+             * Fires when a user is updated
+             * @param {Compass.ErpApp.Shared.Crm.UserForm} this
+             * @param {Int} createdUserId
+             */
+            'usercreated',
+            /*
+             * @event userupdated
+             * Fires when a party is updated
+             * @param {Compass.ErpApp.Shared.Crm.UserForm} this
+             * @param {Int} updatedUserId
+             */
+            'userupdated'
+        );
+
+        var fields = [];
+
+        if (me.createParty) {
+            fields.push({
+                    fieldLabel: 'First Name',
+                    name: 'first_name',
+                    itemId: 'first_name',
+                    allowBlank: false
+                },
+                {
+                    fieldLabel: 'Last Name',
+                    name: 'last_name',
+                    itemId: 'last_name',
+                    allowBlank: false
+                });
+        }
+
+        fields.push(
+            {
+                fieldLabel: 'Username',
+                name: 'username',
+                itemId: 'username',
+                allowBlank: false
+            },
+            {
+                fieldLabel: 'Email',
+                name: 'email',
+                vtype: 'email',
+                allowBlank: false
+            },
+            {
+                fieldLabel: 'Password',
+                inputType: 'password',
+                name: 'password'
+            },
+            {
+                fieldLabel: 'Confirm Password',
+                inputType: 'password',
+                name: 'password_confirmation'
+            },
+            {
+                xtype: 'displayfield',
+                itemId: 'lastLoginAt',
+                hidden: true,
+                fieldLabel: 'Last Login At',
+                name: 'last_login_at'
+            },
+            {
+                xtype: 'radiogroup',
+                hidden: true,
+                allowBlank: false,
+                itemId: 'statusContainer',
+                fieldLabel: 'Status',
+                defaultType: 'radiofield',
+                columns: [120, 120, 120],
+                items: [
+                    {
+                        boxLabel: 'Active',
+                        name: 'activation_state',
+                        inputValue: 'active',
+                        checked: true
+                    },
+                    {
+                        boxLabel: 'Pending',
+                        name: 'activation_state',
+                        inputValue: 'pending'
+                    },
+                    {
+                        boxLabel: 'Inactive',
+                        name: 'activation_state',
+                        inputValue: 'inactive'
+                    }
+                ]
+            },
+            {
+                xtype: 'hidden',
+                itemId: 'userId',
+                name: 'id'
+            },
+            {
+                xtype: 'hidden',
+                itemId: 'skipUserActivationEmail',
+                name: 'skip_activation_email',
+                value: false
+            },
+            {
+                xtype: 'hidden',
+                name: 'security_roles',
+                value: me.securityRoles.join()
+            },
+            {
+                xtype: 'hidden',
+                name: 'party_roles',
+                value: me.partyRoles.join()
+            }
+        );
+
+        if (me.allowFormSubmission) {
+            fields.push({
+                text: 'Save',
+                xtype: 'button',
+                handler: function (btn) {
+                    var form = btn.up('form');
+
+                    var myMask = new Ext.LoadMask(form, {msg: "Please wait..."});
+                    myMask.show();
+
+                    Ext.Ajax.request({
+                        method: 'POST',
+                        url: form.createUrl,
+                        params: form.getValues(),
+                        success: function (response) {
+                            myMask.hide();
+
+                            var responseObj = Ext.JSON.decode(response.responseText);
+
+                            if (responseObj.success) {
+                                form.fireEvent('usercreated', form, responseObj.users);
+                            }
+                            else {
+                                Ext.Msg.alert("Error", responseObj.message);
+                            }
+                        },
+                        failure: function () {
+                            myMask.hide();
+                            Ext.Msg.alert("Error", 'Could not create user');
+                        }
+                    });
+                }
+            });
+        }
+
+        me.items = [
+            {
+                xtype: 'fieldset',
+                checkboxToggle: me.allowFormToggle,
+                checkboxName: 'userEnabled',
+                title: 'User Information',
+                flex: 1,
+                style: 'padding: 10px',
+                defaults: {
+                    xtype: 'textfield',
+                    width: 350
+                },
+                items: fields
+            }
+        ];
+
+        this.callParent(arguments);
+
+        if (me.skipUserActivationEmail) {
+            me.down('#statusContainer').show();
+            me.down('#skipUserActivationEmail').setValue(true);
+        }
+    },
+
+    loadUser: function (userId) {
+        var me = this;
+
+        me.userId = userId;
+
+        // Load user details
+        Ext.Ajax.request({
+            url: '/erp_app/organizer/crm/users/' + userId,
+            method: 'GET',
+            success: function (response) {
+                var responseObj = Ext.JSON.decode(response.responseText);
+
+                if (responseObj.success) {
+                    if (!Ext.isEmpty(responseObj.user)) {
+                        var statusRadio = me.down('#statusContainer');
+
+                        me.getForm().setValues(responseObj.user);
+                        me.down('#lastLoginAt').show();
+                        statusRadio.show();
+                        if (Ext.isEmpty(responseObj.user.activation_state)) {
+                            statusRadio.setValue({'activation_state': 'pending'});
+                        }
+                        else {
+                            statusRadio.setValue({'activation_state': responseObj.user.activation_state});
+                        }
+
+                        if (me.allowFormSubmission) {
+                            var saveButton = me.down('button');
+                            saveButton.setHandler(function (btn) {
+                                var form = btn.up('form');
+
+                                var myMask = new Ext.LoadMask(form, {msg: "Please wait..."});
+                                myMask.show();
+
+                                Ext.Ajax.request({
+                                    method: 'PUT',
+                                    url: me.updateUrl + me.userId,
+                                    params: form.getValues(),
+                                    success: function (response) {
+                                        myMask.hide();
+
+                                        var responseObj = Ext.JSON.decode(response.responseText);
+
+                                        if (responseObj.success) {
+                                            form.fireEvent('userupdated', form, responseObj.users);
+                                        }
+                                        else {
+                                            Ext.Msg.alert("Error", responseObj.message);
+                                        }
+                                    },
+                                    failure: function () {
+                                        myMask.hide();
+                                        Ext.Msg.alert("Error", 'Could not create user');
+                                    }
+                                });
+                            });
+                        }
+                    }
+                    else {
+                        me.getForm().findField('userEnabled').setValue(false);
+                    }
+                }
+                else {
+                    Ext.Msg.alert('Error', 'Could not load user details');
+                }
+            },
+            failure: function (response) {
+                Ext.Msg.alert('Error', 'Could not load user details');
+            }
+        });
+    }
+});

data/app/assets/javascripts/erp_app/shared/crm/UsersGrid.js

@@ -0,0 +1,535 @@
+Ext.define("Compass.ErpApp.Shared.Crm.UsersGrid", {
+    extend: "Ext.grid.Panel",
+    alias: 'widget.crmusersgrid',
+    frame: false,
+    autoScroll: true,
+    loadMask: true,
+
+    /**
+     * @cfg {String} addBtnIconCls
+     * Icon css class for add button.
+     */
+    addBtnIconCls: 'icon-add',
+
+    /**
+     * @cfg {String} addBtnDescription
+     * Description for add party button.
+     */
+    addBtnDescription: 'Add User',
+
+    /**
+     * @cfg {String} title
+     * title of panel.
+     */
+    title: 'Users',
+
+    /**
+     * @cfg {Array | Object} includedToPartyRelationships
+     * Party Relationships to include as a column in this grid. It has to be a one to one relationships
+     *
+     * @param {String} title
+     * title of column
+     *
+     * @param {String} relationshipType
+     * relationship type internal_identifier
+     *
+     * @param {String} toRoleType
+     * RoleType internal_identifier for to side
+     *
+     * @example
+     * {
+            title: 'Business',
+            relationshipType: 'employee_business',
+            toRoleType: 'business'
+        }
+     */
+    includedToPartyRelationships: [],
+
+    /**
+     * @cfg {String[]} partyRole
+     * Array of PartyRoles to add to users during creation.
+     */
+    partyRoles: [],
+
+    /**
+     * @cfg {String} toRole
+     * To RoleType these parties should be related to.
+     */
+    toRole: null,
+
+    /**
+     * @cfg {Integer} toPartyId
+     * To parties id to get related parties from.
+     */
+    toPartyId: null,
+
+    /**
+     * @cfg {String} searchDescription
+     * Placeholder description for user search box.
+     */
+    searchDescription: 'Find User',
+
+    /**
+     * @cfg {Boolean} canAddUser
+     * True to allow users to add users.
+     */
+    canAddUser: true,
+
+    /**
+     * @cfg {Boolean} canEditUser
+     * True to allow users to be edited.
+     */
+    canEditUser: true,
+
+    /**
+     * @cfg {Boolean} canDeleteUser
+     * True to allow user deletion.
+     */
+    canDeleteUser: true,
+
+    /**
+     * @cfg {String} deleteUrl
+     * Url to call to delete user
+     */
+    url: '/erp_app/organizer/crm/users',
+
+    /**
+     * @cfg {String} deleteUrl
+     * Url to call to delete user
+     */
+    deleteUrl: '/erp_app/organizer/crm/users/',
+
+    /**
+     * @cfg {String} updateUrl
+     * Url to call to update user
+     */
+    updateUrl: '/erp_app/organizer/crm/users/',
+
+    /**
+     * @cfg {String} createUrl
+     * Url to call to update user
+     */
+    createUrl: '/erp_app/organizer/crm/users/',
+
+    /**
+     * @cfg {String[]} securityRoles
+     * Array of SecurityRoles to add to users during creation.
+     */
+    securityRoles: [],
+
+    /**
+     * @cfg {boolean} allowFormToggle
+     * True to allow user to toggle user form.
+     */
+    allowFormToggle: true,
+
+    /**
+     * @cfg {boolean} allowFormSubmission
+     * True to allow from to be submitted.
+     */
+    allowFormSubmission: false,
+
+    /**
+     * @cfg {boolean} createParty
+     * True to create party with user.
+     */
+    createParty: false,
+
+    /**
+     * @cfg {boolean} skipUserActivationEmail
+     * True to skip activation email.
+     */
+    skipUserActivationEmail: true,
+
+    /**
+     * @cfg {Array} additionalActionColumns
+     * Additional action columns to add.
+     */
+    additionalActionColumns: [],
+
+    constructor: function (config) {
+        var listeners = {
+            activate: function () {
+                this.store.load();
+            }
+        };
+
+        config['listeners'] = Ext.apply(listeners, config['listeners']);
+
+        this.callParent([config]);
+    },
+
+    initComponent: function () {
+        var me = this;
+
+        me.addEvents(
+            /*
+             * @event adduserclick
+             * Fires when add user is clicked.  Return false to cancel.
+             * @param {Compass.ErpApp.Shared.Crm.UsersGrid} this
+             */
+            'adduserclick',
+            /*
+             * @event edituserclick
+             * Fires before edit user is clicked. Return false to cancel
+             * @param {Compass.ErpApp.Shared.Crm.UsersGrid} this
+             * @param {Compass.ErpApp.Shared.Crm.User} user about to be edited
+             */
+            'edituserclick',
+            /*
+             * @event usercreated
+             * Fires when a user is updated
+             * @param {Compass.ErpApp.Shared.Crm.UsersGrid} this
+             * @param {Object} user
+             */
+            'usercreated',
+            /*
+             * @event userupdated
+             * Fires when a party is updated
+             * @param {Compass.ErpApp.Shared.Crm.UsersGrid} this
+             * @param {Object} user
+             */
+            'userupdated'
+        );
+
+        var userFields = [
+            'id',
+            'username',
+            {name: 'firstName', mapping: 'first_name'},
+            {name: 'lastName', mapping: 'last_name'},
+            {name: 'partyDescription', mapping: 'party_description'},
+            'email',
+            {name: 'status', mapping: 'activation_state'},
+            {name: 'lastLoginAt', mapping: 'last_login_at', type: 'date'},
+            {name: 'lastLogoutAt', mapping: 'last_logout_at', type: 'date'},
+            {name: 'lastActivityAt', mapping: 'last_activity_at', type: 'date'},
+            {name: 'createdAt', mapping: 'created_at', type: 'date'},
+            {name: 'updatedAt', mapping: 'updated_at', type: 'date'}
+        ];
+
+        if (!Ext.isEmpty(me.includedToPartyRelationships)) {
+            Ext.each(me.includedToPartyRelationships, function (relationship) {
+                userFields.push({
+                    name: relationship.toRoleType
+                })
+            });
+        }
+
+        this.store = Ext.create('Ext.data.Store', {
+            autoLoad: false,
+            autoSync: true,
+            remoteSort: true,
+            proxy: {
+                type: 'ajax',
+                url: me.url,
+                extraParams: {
+                    party_roles: me.partyRoles,
+                    to_role: me.toRole,
+                    to_party_id: me.toPartyId,
+                    included_party_to_relationships: Ext.encode(me.includedToPartyRelationships)
+                },
+                reader: {
+                    type: 'json',
+                    successProperty: 'success',
+                    idProperty: 'id',
+                    root: 'users',
+                    totalProperty: 'total',
+                    messageProperty: 'message'
+                }
+            },
+            fields: userFields
+        });
+
+        // setup toolbar
+        var toolBarItems = [];
+
+        // attempt to add Add user button
+        if (me.canAddUser) {
+            toolBarItems.push({
+                text: me.addBtnDescription,
+                xtype: 'button',
+                iconCls: me.addBtnIconCls,
+                handler: function (button) {
+                    if (me.fireEvent('adduserclick', me) !== false) {
+                        // open tab with create user form.
+                        var tabPanel = button.up('crmusersgrid').up('applicationcontainer');
+
+                        var crmUserFormPanel = Ext.create("widget.crmuserform", {
+                            title: 'Add User',
+                            width: 500,
+                            bodyPadding: '5px',
+                            partyRoles: me.partyRoles,
+                            allowFormToggle: me.allowFormToggle,
+                            createParty: me.createParty,
+                            skipUserActivationEmail: me.skipUserActivationEmail,
+                            allowFormSubmission: me.allowFormSubmission,
+                            createUrl: me.createUrl,
+                            updateUrl: me.updateUrl,
+                            closable: true,
+                            listeners: {
+                                usercreated: function (comp, user) {
+                                    me.store.load();
+                                    me.fireEvent('usercreated', me, user);
+                                    comp.close();
+                                }
+                            }
+                        });
+
+                        tabPanel.add(crmUserFormPanel);
+                        tabPanel.setActiveTab(crmUserFormPanel);
+                    }
+                }
+            }, '|');
+        }
+
+        toolBarItems.push('Search',
+            {
+                xtype: 'textfield',
+                emptyText: me.searchDescription,
+                width: 200,
+                listeners: {
+                    specialkey: function (field, e) {
+                        if (e.getKey() == e.ENTER) {
+                            var button = field.up('toolbar').down('button');
+                            button.fireEvent('click', button);
+                        }
+                    }
+                }
+            },
+            {
+                xtype: 'button',
+                itemId: 'searchbutton',
+                icon: '/assets/erp_app/organizer/applications/crm/toolbar_find.png',
+                listeners: {
+                    click: function (button, e, eOpts) {
+                        var grid = button.up('crmusersgrid'),
+                            value = grid.down('toolbar').down('textfield').getValue();
+
+                        grid.store.load({
+                            params: {
+                                query_filter: value,
+                                start: 0,
+                                limit: 25
+                            }
+                        });
+                    }
+                }
+            });
+
+        this.dockedItems = [
+            {
+                xtype: 'toolbar',
+                docked: 'top',
+                items: toolBarItems
+            },
+            {
+                xtype: 'pagingtoolbar',
+                store: this.store,
+                dock: 'bottom',
+                displayInfo: true
+            }
+        ];
+
+        // setup columns
+
+        var columns = [];
+
+        if (!Ext.isEmpty(me.includedToPartyRelationships)) {
+            Ext.each(me.includedToPartyRelationships, function (relationship) {
+                columns.push({
+                    header: relationship.title,
+                    dataIndex: relationship.toRoleType,
+                    width: 150,
+                    sortable: false
+                })
+            });
+        }
+
+        columns.push(
+            {
+                header: 'Username',
+                dataIndex: 'username',
+                width: 150
+            },
+            {
+                header: 'Full Name',
+                dataIndex: 'partyDescription',
+                width: 200,
+                sortable: false
+            },
+            {
+                header: 'Email',
+                dataIndex: 'email',
+                width: 200
+            },
+            {
+                header: 'Status',
+                dataIndex: 'status',
+                renderer: 'capitalize'
+            },
+            {
+                header: 'Last Login',
+                width: 150,
+                dataIndex: 'lastLoginAt',
+                renderer: function (value) {
+                    if(value){
+                        return Ext.util.Format.date(value, 'm/d/Y H:i:s');
+                    }
+                    else{
+                        return 'Has not logged in';
+                    }
+                }
+            },
+            {
+                header: 'Last Activity',
+                width: 150,
+                dataIndex: 'lastActivityAt',
+                renderer: function (value) {
+                    if(value){
+                        return Ext.util.Format.date(value, 'm/d/Y H:i:s');
+                    }
+                    else{
+                        return 'No Activity';
+                    }
+                }
+            },
+            {
+                header: 'Last Logout',
+                width: 150,
+                dataIndex: 'lastLogoutAt',
+                renderer: function (value) {
+                    if(value){
+                        return Ext.util.Format.date(value, 'm/d/Y H:i:s');
+                    }
+                    else{
+                        return 'Has not logged out';
+                    }
+                }
+            },
+            {
+                header: 'Created At',
+                width: 150,
+                dataIndex: 'createdAt',
+                renderer: Ext.util.Format.dateRenderer('m/d/Y H:i:s')
+            },
+            {
+                header: 'Updated At',
+                width: 150,
+                dataIndex: 'updatedAt',
+                renderer: Ext.util.Format.dateRenderer('m/d/Y H:i:s')
+            }
+        );
+
+        // attempt to add edit column
+        if (me.canEditUser) {
+            columns.push({
+                xtype: 'actioncolumn',
+                header: 'Edit',
+                align: 'center',
+                width: 75,
+                sortable: false,
+                items: [
+                    {
+                        icon: '/assets/icons/edit/edit_16x16.png',
+                        tooltip: 'Edit',
+                        handler: function (grid, rowIndex, colIndex) {
+                            var record = grid.getStore().getAt(rowIndex);
+
+                            if (me.fireEvent('edituserclick', me, record) !== false) {
+                                // open tab with create user form.
+                                var tabPanel = grid.up('applicationcontainer');
+
+                                var crmUserFormPanel = Ext.create("widget.crmuserform", {
+                                    title: 'Update User',
+                                    width: 500,
+                                    bodyPadding: '5px',
+                                    partyRoles: me.partyRoles,
+                                    allowFormToggle: me.allowFormToggle,
+                                    createParty: me.createParty,
+                                    skipUserActivationEmail: me.skipUserActivationEmail,
+                                    allowFormSubmission: me.allowFormSubmission,
+                                    createUrl: me.createUrl,
+                                    updateUrl: me.updateUrl,
+                                    closable: true,
+                                    listeners: {
+                                        userupdated: function (comp, user) {
+                                            me.store.load();
+                                            me.fireEvent('userupdated', me, user);
+                                            comp.close();
+                                        }
+                                    }
+                                });
+
+                                tabPanel.add(crmUserFormPanel);
+                                tabPanel.setActiveTab(crmUserFormPanel);
+
+                                crmUserFormPanel.loadUser(record.get('id'));
+                            }
+                        }
+                    }
+                ]
+            });
+
+        }
+
+        // attempt to add delete column
+        if (me.canDeleteUser) {
+            columns.push({
+                xtype: 'actioncolumn',
+                header: 'Delete',
+                align: 'center',
+                width: 75,
+                sortable: false,
+                items: [
+                    {
+                        icon: '/assets/icons/delete/delete_16x16.png',
+                        tooltip: 'Delete',
+                        handler: function (grid, rowIndex, colIndex) {
+                            var record = grid.getStore().getAt(rowIndex);
+
+                            var myMask = new Ext.LoadMask(grid, {msg: "Please wait..."});
+                            myMask.show();
+
+                            Ext.Msg.confirm('Please Confirm', 'Delete record?', function (btn) {
+                                if (btn == 'ok' || btn == 'yes') {
+                                    Ext.Ajax.request({
+                                        method: 'DELETE',
+                                        url: me.deleteUrl + record.get('id'),
+                                        success: function (response) {
+                                            myMask.hide();
+                                            responseObj = Ext.JSON.decode(response.responseText);
+
+                                            if (responseObj.success) {
+                                                grid.store.reload();
+                                            }
+                                            else {
+                                                Ext.Msg.alert("Error", responseObj.message);
+                                            }
+                                        },
+                                        failure: function (response) {
+                                            myMask.hide();
+                                            Ext.Msg.alert("Error", "Error with request.");
+                                        }
+                                    });
+                                }
+                                else {
+                                    myMask.hide();
+                                }
+                            });
+                        }
+                    }
+                ]
+            });
+        }
+
+        if (me.additionalActionColumns.length > 0) {
+            columns = columns.concat(me.additionalActionColumns);
+        }
+
+        this.columns = columns;
+
+        this.callParent();
+    }
+});
+
+