erp_app 3.1.16 → 4.0.0

data/public/javascripts/erp_app/shared/crm/UsersGrid.js

@@ -0,0 +1,492 @@
+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
+     */
+    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: '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: '/erp_app/organizer/crm/users',
+                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: '/images/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: Ext.util.Format.dateRenderer('m/d/Y H:i:s')
+            },
+            {
+                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,
+                items: [
+                    {
+                        icon: '/images/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,
+                items: [
+                    {
+                        icon: '/images/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();
+    }
+});
+
+

data/public/javascripts/erp_app/shared/dynamic_editable_grid.js

@@ -1,15 +1,14 @@
-Ext.define("Compass.ErpApp.Shared.DynamicEditableGrid",{
-    extend:"Ext.grid.Panel",
-    alias:'widget.shared_dynamiceditablegrid',
-    initComponent: function() {
+Ext.define("Compass.ErpApp.Shared.DynamicEditableGrid", {
+    extend: "Ext.grid.Panel",
+    alias: 'widget.shared_dynamiceditablegrid',
+    initComponent: function () {
         var config = this.initialConfig;
         //set a default proxy if none provided
         if (config.proxy === undefined ||
-            config.proxy === null)
-            {
-            config.proxy =  {
+            config.proxy === null) {
+            config.proxy = {
                 type: 'rest',
-                url:config.url,
+                url: config.url,
                 reader: {
                     type: 'json',
                     successProperty: 'success',
@@ -19,11 +18,11 @@ Ext.define("Compass.ErpApp.Shared.DynamicEditableGrid",{
                 timeout: (config.timeout || 30000),
                 writer: {
                     type: 'json',
-                    writeAllFields:true,
+                    writeAllFields: true,
                     root: 'data'
                 },
                 listeners: {
-                    exception: function(proxy, response, operation){
+                    exception: function (proxy, response, operation) {
                         Ext.MessageBox.show({
                             title: 'REMOTE EXCEPTION',
                             msg: operation.getError(),
@@ -37,8 +36,8 @@ Ext.define("Compass.ErpApp.Shared.DynamicEditableGrid",{
         var store = Ext.create('Ext.data.Store', {
             model: ((config.editable) ? config.model : undefined),
             listeners: config.store_listeners,
-            fields:config['fields'],
-			remoteSort:config['remoteSort'],
+            fields: config['fields'],
+            remoteSort: config['remoteSort'],
             autoSync: true,
             pageSize: config['pageSize'],
             proxy: config.proxy,
@@ -48,7 +47,7 @@ Ext.define("Compass.ErpApp.Shared.DynamicEditableGrid",{
 
         this.store = store;
 
-        if(config.page === true){
+        if (config.page === true) {
             this.bbar = new Ext.PagingToolbar({
                 store: store,
                 displayInfo: true,
@@ -60,78 +59,82 @@ Ext.define("Compass.ErpApp.Shared.DynamicEditableGrid",{
         this.callParent(arguments);
     },
 
-    constructor : function(config) {
-        var plugins = [];
-        if(config['editable']){
+    constructor: function (config) {
+        var me = this,
+            plugins = [];
+
+        if (config['editable']) {
             var tbar = {};
             this.editing = Ext.create('Ext.grid.plugin.RowEditing', {
                 clicksToMoveEditor: 1
             });
 
-            var Model = Ext.define(config.model,{
-                extend:'Ext.data.Model',
-                fields:config.fields,
-                validations:config.validations,
+            var Model = Ext.define(config.model, {
+                extend: 'Ext.data.Model',
+                fields: config.fields,
+                validations: config.validations,
                 idProperty: ((config.id_property !== undefined) ? config.id_property : "id")
             });
             plugins.push(this.editing);
-            
+
             config = Ext.apply({
-                plugins:plugins
+                plugins: plugins
             }, config);
 
-            if (config.showEditorToolbar){
+            if (config.showEditorToolbar) {
                 tbar = {
-                    items:[{
-                        text: 'Add',
-                        iconCls: 'icon-add',
-                        handler: function(button) {
-                            var grid = button.findParentByType('shared_dynamiceditablegrid');
-                            var edit = grid.editing;
-                            grid.store.insert(0, new Model());
-                            edit.startEdit(0,0);
-                        }
-                    },
-                    '-',
-                    {
-                        text: 'Delete',
-                        iconCls: 'icon-delete',
-                        handler: function(button) {
-                            var grid = button.findParentByType('shared_dynamiceditablegrid');
-                            var selection = grid.getView().getSelectionModel().getSelection()[0];
-                            if (selection) {
-                                grid.store.remove(selection);
+                    items: [
+                        {
+                            text: 'Add',
+                            iconCls: 'icon-add',
+                            handler: function (button) {
+                                var grid = button.findParentByType('shared_dynamiceditablegrid');
+                                var edit = grid.editing;
+                                grid.store.insert(0, new Model());
+                                edit.startEdit(0, 0);
+                            }
+                        },
+                        '-',
+                        {
+                            text: 'Delete',
+                            iconCls: 'icon-delete',
+                            handler: function (button) {
+                                var grid = button.findParentByType('shared_dynamiceditablegrid');
+                                var selection = grid.getView().getSelectionModel().getSelection()[0];
+                                if (selection) {
+                                    grid.store.remove(selection);
+                                }
                             }
                         }
-                    }]
-                };                
+                    ]
+                };
 
                 config = Ext.apply({
-                    tbar:tbar
+                    tbar: tbar
                 }, config);
             }
         }
 
-        if(config['cell_editable']){
+        if (config['cell_editable']) {
             this.cell_editing = Ext.create('Ext.grid.plugin.CellEditing', {
                 clicksToEdit: 2
             });
 
             plugins.push(this.cell_editing);
-            
+
             config = Ext.apply({
-                plugins:plugins,
+                plugins: plugins,
                 selType: 'cellmodel'
             }, config);
         }
 
         config = Ext.apply({
-            layout:'fit',
+            layout: 'fit',
             frame: false,
-            autoScroll:true,
-            loadMask:true
+            autoScroll: true,
+            loadMask: true
         }, config);
 
         this.callParent([config]);
     }
-});
+});