erp_app 3.1.16 → 4.0.0

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

@@ -0,0 +1,73 @@
+Ext.define("Compass.ErpApp.Shared.PartySearchField", {
+    extend: "Ext.form.field.ComboBox",
+    alias: 'widget.partysearchfield',
+    typeAhead: false,
+    hideTrigger: true,
+    pageSize: 10,
+
+    constructor: function (config) {
+        var me = this,
+            extraParams = {role_type: config.partyRole, to_role: config.toRole},
+            listTemplate = config.list_template,
+            fields = config.fields;
+
+        // merge extraParams with extraParams passed in config
+        if (config.extraParams)
+            extraParams = Ext.apply(config.extraParams, extraParams);
+
+        if (!listTemplate) {
+            listTemplate = '<div>{description}</div>';
+            listTemplate += '<tpl if="!Ext.isEmpty(addressLine1)">';
+            listTemplate += '<div>{addressLine1}</div>';
+            listTemplate += '<div>{addressLine2}</div>';
+            listTemplate += '<div>{city}, {state}</div><div>{zip}</div>';
+            listTemplate += '</tpl>';
+        }
+
+        if (!fields) {
+            fields = [
+                'id',
+                'description',
+                {name: 'addressLine1', mapping: 'address_line_1'},
+                {name: 'addressLine2', mapping: 'address_line_2'},
+                'city',
+                'state',
+                'zip'
+            ]
+        }
+
+        config = Ext.apply({
+            emptyText: (config.emptyText || 'Search'),
+            valueField: (config.valueField || 'id'),
+            displayField: (config.valueField || 'description'),
+            triggerAction: 'all',
+            listConfig: {
+                loadingText: 'Searching...',
+                emptyText: 'No matching results found.',
+                // Custom rendering template for each item
+                getInnerTpl: function () {
+                    return listTemplate;
+                }
+            },
+            hideTrigger: true,
+            typeAhead: (config.typeAhead || true),
+            minChars: 3,
+            store: Ext.create('Ext.data.Store', {
+                fields: fields,
+                proxy: {
+                    type: 'ajax',
+                    reader: {
+                        type: 'json',
+                        root: 'parties',
+                        totalProperty: 'total'
+                    },
+                    extraParams: extraParams,
+                    url: (config.url || '/erp_app/organizer/crm/parties/search')
+                },
+                autoLoad: true
+            })
+        }, config);
+
+        this.callParent([config]);
+    }
+});

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

@@ -0,0 +1,156 @@
+Ext.define("Compass.ErpApp.Shared.TransitionCardLayout", {
+    extend: 'Ext.layout.CardLayout',
+
+    alias: 'layout.transitioncard',
+    type: 'transitioncard',
+
+    /*
+     *
+     * @prarams
+     * newCard (Component) new component to show
+     * options (Hash) options for transitions
+     *   - transitionType {slide | crossFade} default slide
+     *       type of transition to use
+     *
+     */
+
+    setActiveItem: function (newCard, options) {
+        var me = this,
+            options = options || {transitionType: 'slide'},
+            owner = me.owner,
+            oldCard = me.activeItem,
+            rendered = owner.rendered,
+            oldIndex,
+            newIndex;
+
+        newCard = me.parseActiveItem(newCard);
+        newIndex = owner.items.indexOf(newCard);
+        oldIndex = owner.items.indexOf(oldCard);
+
+        // If the card is not a child of the owner, then add it.
+        // Without doing a layout!
+        if (newIndex == -1) {
+            newIndex = owner.items.items.length;
+            Ext.suspendLayouts();
+            newCard = owner.add(newCard);
+            Ext.resumeLayouts();
+        }
+
+        if (newCard && oldCard != newCard) {
+            // Fire the beforeactivate and beforedeactivate events on the cards
+            if (newCard.fireEvent('beforeactivate', newCard, oldCard) === false) {
+                return false;
+            }
+            if (oldCard && oldCard.fireEvent('beforedeactivate', oldCard, newCard) === false) {
+                return false;
+            }
+
+            if (rendered) {
+                Ext.suspendLayouts();
+
+                // If the card has not been rendered yet, now is the time to do so.
+                if (!newCard.rendered) {
+                    me.renderItem(newCard, me.getRenderTarget(), owner.items.length);
+                }
+
+                if (options.transitionType == 'slide') {
+                    if (newIndex > oldIndex) {
+                        oldCardSlideDirection = 'l';
+                        newCardSlideDirection = 'r';
+                    }
+                    else {
+                        oldCardSlideDirection = 'r';
+                        newCardSlideDirection = 'l';
+                    }
+
+                    if (oldCard) {
+                        oldCard.el.slideOut(oldCardSlideDirection, {
+                            duration: 500,
+                            callback: function () {
+                                if (me.hideInactive) {
+                                    oldCard.hide();
+                                    oldCard.hiddenByLayout = true;
+                                }
+                                oldCard.fireEvent('deactivate', oldCard, newCard);
+
+                                // Make sure the new card is shown
+                                if (newCard.hidden) {
+                                    newCard.show();
+                                }
+
+                                // Layout needs activeItem to be correct, so set it if the show has not been vetoed
+                                if (!newCard.hidden) {
+                                    me.activeItem = newCard;
+                                }
+
+                                Ext.resumeLayouts(true);
+
+                                newCard.el.slideIn(newCardSlideDirection,{
+                                    duration: 500
+                                });
+
+                            },
+                            scope: this
+                        });
+                    }
+                }
+                else if(options.transitionType == 'crossFade') {
+                    if (oldCard) {
+                        if (me.hideInactive) {
+                            oldCard.getEl().stopAnimation();
+                            oldCard.getEl().animate({
+                                duration: 500,
+                                from: { opacity: 1 },
+                                to: { opacity: 0 },
+                                listeners: {
+                                    afteranimate: function () {
+                                        oldCard.hide();
+                                        oldCard.getEl().setDisplayed('none');
+                                    }
+                                }
+                            });
+
+                            oldCard.hiddenByLayout = true;
+                        }
+                        oldCard.fireEvent('deactivate', oldCard, newCard);
+                    }
+
+                    newCard.getEl().stopAnimation();
+                    if (newCard.hidden) {
+                        newCard.show();
+                        newCard.getEl().setStyle({
+                            position: 'absolute',
+                            opacity: 0,
+                            top: 0
+                        });
+
+                        newCard.getEl().animate({
+                            duration: 500,
+                            from: { opacity: 0 },
+                            to: { opacity: 1 },
+                            listeners: {
+                                afteranimate: function () {
+                                    newCard.getEl().setStyle({ position: '' });
+                                }
+                            }
+                        });
+                    }
+
+                    me.activeItem = newCard;
+
+                    Ext.resumeLayouts(true);
+                }
+
+
+            } else {
+                me.activeItem = newCard;
+            }
+
+            newCard.fireEvent('activate', newCard, oldCard);
+
+            return me.activeItem;
+        }
+
+        return false;
+    }
+});

data/public/javascripts/erp_app/shared/audit_log/GridPanel.js

@@ -0,0 +1,214 @@
+Ext.define('Compass.ErpApp.Shared.AuditLog.Type', {
+    extend: 'Ext.data.Model',
+    fields: [
+        {name: 'id', type: 'int'},
+        {name: 'description', type: 'string'},
+        {name: 'internal_identifier', type: 'string'}
+    ]
+});
+
+Ext.create('Ext.data.Store', {
+    storeId: 'audit-log-view-audit-log-type-store',
+    model: 'Compass.ErpApp.Shared.AuditLog.Type',
+    proxy: {
+        type: 'ajax',
+        url: '/erp_app/shared/audit_log/audit_log_types',
+        reader: {
+            type: 'json',
+            root: 'audit_log_types'
+        }
+    }
+});
+
+Ext.define('Compass.ErpApp.Shared.AuditLog.AuditLogEntry', {
+    extend: 'Ext.data.Model',
+    fields: [
+        {
+            name: 'id',
+            type: 'int'
+        },
+        {
+            name: 'party_description',
+            type: 'string'
+        },
+        {
+            name: 'description',
+            type: 'string'
+        },
+        {
+            name: 'created_at',
+            type: 'date'
+        },
+        {
+            name: 'audit_log_type',
+            type: 'string'
+        }
+
+    ]
+});
+
+Ext.define('Compass.ErpApp.Shared.AuditLog.GridPanel', {
+    alias: 'widget.auditloggridpanel',
+    extend: 'Ext.grid.Panel',
+    title: 'Audit Log Records',
+    autoScroll: true,
+
+    /**
+     * @cfg {String} event_record_type
+     * Record type of the event record to limit results by.
+     */
+    eventRecordType: null,
+
+    /**
+     * @cfg {Int} event_record_id
+     * Id of the event record to limit results by.
+     */
+    eventRecordId: null,
+
+    /**
+     * @cfg {Boolean} showToolbar
+     * True to render toolbar.
+     */
+    showToolbar: false,
+
+    columns: [
+        {
+            header: 'Log Id',
+            dataIndex: 'id',
+            flex: 0.5
+        },
+        {
+            header: 'Logged By',
+            dataIndex: 'party_description',
+            sortable: false,
+            flex: 1
+        },
+        {
+            header: 'Description',
+            dataIndex: 'description',
+            sortable: false,
+            flex: 2
+        },
+        {
+            header: 'Created At',
+            dataIndex: 'created_at',
+            renderer: function (value) {
+                return Ext.Date.format(value, 'm-d-Y');
+            },
+            flex: 2
+        },
+        {
+            header: 'Audit Log Type',
+            dataIndex: 'audit_log_type',
+            sortable: false,
+            flex: 2
+        }
+
+    ],
+
+    viewConfig: {
+        stripeRows: true
+    },
+
+    listeners: {
+        'itemdblclick': function (view, record, item, index, e, eOpts) {
+            view.up('auditlogtabpanel').fireEvent('auditLogEntrySelected', record);
+        }
+    },
+
+    initComponent: function () {
+        var me = this;
+
+        me.store = Ext.create('Ext.data.Store', {
+            model: 'Compass.ErpApp.Shared.AuditLog.AuditLogEntry',
+            pageSize: 15,
+            start: 0,
+            remoteSort: true,
+            proxy: {
+                type: 'ajax',
+                url: '/erp_app/shared/audit_log/index',
+                extraParams: {
+                    start_date: null,
+                    end_date: null,
+                    audit_log_type_id: null,
+                    event_record_type: me.eventRecordType,
+                    event_record_id: me.eventRecordId
+                },
+                reader: {
+                    type: 'json',
+                    root: 'audit_log_entries',
+                    totalProperty: 'total_count'
+
+                }
+            }
+        });
+
+        var dockedItems = [];
+
+        if (me.showToolbar) {
+            dockedItems.push({
+                xtype: 'toolbar',
+                dock: 'top',
+                items: [
+                    'Start Date:',
+                    {
+                        xtype: 'datefield',
+                        itemId: 'startDate',
+                        value: new Date()
+
+                    },
+                    'End Date:',
+                    {
+                        xtype: 'datefield',
+                        itemId: 'endDate',
+                        value: new Date()
+                    },
+                    'Audit Log Type',
+                    {
+                        xtype: 'combo',
+                        itemId: 'auditLogTypeId',
+                        store: Ext.getStore('audit-log-view-audit-log-type-store'),
+                        queryMode: 'remote',
+                        displayField: 'description',
+                        valueField: 'id'
+                    },
+                    {
+                        xtype: 'button',
+                        text: 'Search',
+                        iconCls: 'icon-search',
+                        handler: function (btn) {
+                            var startDate = btn.up('toolbar').down('#startDate').getValue();
+                            var endDate = btn.up('toolbar').down('#endDate').getValue();
+                            var auditLogTypeId = btn.up('toolbar').down('#auditLogTypeId').getValue();
+
+                            var store = btn.up('toolbar').up('auditloggridpanel').getStore();
+                            store.currentPage = 1;
+                            store.load({params: {start: 0, start_date: startDate, end_date: endDate, audit_log_type_id: auditLogTypeId}});
+                        }
+                    },
+                    {
+                        xtype: 'button',
+                        text: 'All',
+                        iconCls: 'icon-eye',
+                        handler: function (btn) {
+                            var store = btn.up('toolbar').up('auditloggridpanel').getStore();
+                            store.currentPage = 1;
+                            store.load({params: {start: 0, start_date: null, end_date: null, audit_log_type_id: null}});
+                        }
+                    }
+                ]
+            });
+        }
+
+        dockedItems.push({
+            xtype: 'pagingtoolbar',
+            store: this.store,
+            dock: 'bottom',
+            displayInfo: true
+        });
+
+        me.dockedItems = dockedItems;
+
+        me.callParent();
+    }
+});

data/public/javascripts/erp_app/shared/audit_log/ItemGridPanel.js

@@ -0,0 +1,103 @@
+Ext.define('Compass.ErpApp.Shared.AuditLog.AuditLogItem', {
+    extend: 'Ext.data.Model',
+    fields: [
+        {
+            name: 'id',
+            type: 'int'
+        },
+        {
+            name: 'audit_log_id',
+            type: 'int'
+        },
+        {
+            name: 'old_value',
+            type: 'string'
+        },
+        {
+            name: 'new_value',
+            type: 'string'
+        },
+        {
+            name: 'description',
+            type: 'string'
+        },
+        {
+            name: 'created_at',
+            type: 'date'
+        },
+        {
+            name: 'audit_log_item_type',
+            type: 'string'
+        }
+
+    ]
+});
+
+Ext.define('Compass.ErpApp.Shared.AuditLog.ItemGridPanel', {
+    alias: 'widget.auditlogitemgridpanel',
+    extend: 'Ext.grid.Panel',
+    title: 'Audit Log Items',
+    autoScroll: true,
+    columns: [
+        {
+            header: 'Audit Log Id',
+            dataIndex: 'audit_log_id',
+            sortable: false,
+            flex: 0.5
+        },
+        {
+            header: 'Log Item Id',
+            dataIndex: 'id',
+            flex: 0.5
+        },
+        {
+            header: 'Audit Log Item Type',
+            dataIndex: 'audit_log_item_type',
+            flex: 1
+        },
+        {
+            header: 'Description',
+            dataIndex: 'description',
+            sortable: false,
+            flex: 2
+        },
+        {
+            header: 'Old Value',
+            dataIndex: 'old_value',
+            sortable: false,
+            flex: 1
+        },
+        {
+            header: 'New Value',
+            dataIndex: 'new_value',
+            sortable: false,
+            flex: 1
+        }
+
+    ],
+
+    viewConfig: {
+        stripeRows: true
+    },
+
+    initComponent: function () {
+        var me = this;
+
+        me.store = Ext.create('Ext.data.Store', {
+            model: 'Compass.ErpApp.Shared.AuditLog.AuditLogItem',
+            proxy: {
+                type: 'ajax',
+                url: '/erp_app/shared/audit_log/items',
+                extraParams: {
+                    audit_log_id: null
+                },
+                reader: {
+                    type: 'json',
+                    root: 'audit_log_items'
+                }
+            }
+        });
+
+        me.callParent();
+    }
+});

data/public/javascripts/erp_app/shared/audit_log/TabPanel.js

@@ -0,0 +1,103 @@
+Ext.define("Compass.ErpApp.Shared.AuditLog.TabPanel", {
+    alias: 'widget.auditlogtabpanel',
+    extend: "Ext.tab.Panel",
+    autoScroll: true,
+
+    /**
+     * @cfg {String} event_record_type
+     * Record type of the event record to limit results by.
+     */
+    eventRecordType: null,
+
+    /**
+     * @cfg {Int} event_record_id
+     * Id of the event record to limit results by.
+     */
+    eventRecordId: null,
+
+    /**
+     * @cfg {Boolean} showToolbar
+     * True to render toolbar.
+     */
+    showToolbar: false,
+
+    plugins: Ext.create('Ext.ux.TabCloseMenu', {
+        extraItemsTail: [
+            '-',
+            {
+                text: 'Closable',
+                checked: true,
+                hideOnClick: true,
+                handler: function (item) {
+                    currentItem.tab.setClosable(item.checked);
+                }
+            }
+        ],
+        listeners: {
+            aftermenu: function () {
+                currentItem = null;
+            },
+            beforemenu: function (menu, item) {
+                var menuitem = menu.child('*[text="Closable"]');
+                currentItem = item;
+                menuitem.setChecked(item.closable);
+            }
+        }
+    }),
+
+    getStore: function () {
+        return this.down('auditloggridpanel').store;
+    },
+
+    constructor: function (config) {
+        var me = this;
+
+        me.addEvents({
+            'auditLogEntrySelected': true
+        });
+
+        var listeners = {
+            render: function () {
+                me.getStore().load({
+                    params: {
+                        start: 0,
+                        limit: 25
+                    }
+                });
+            },
+            auditLogEntrySelected: function (auditLogEntry) {
+                var audit_log_item_grid = Ext.create('widget.auditlogitemgridpanel',
+                    {
+                        closable: true,
+                        listeners: {
+                            'afterrender': function (comp) {
+                                comp.store.load({params: {audit_log_id: auditLogEntry.get('id')}});
+                            }
+                        }
+                    }
+                );
+                me.add(audit_log_item_grid);
+                me.setActiveTab(audit_log_item_grid);
+            }
+        };
+
+        config['listeners'] = Ext.apply(listeners, config['listeners']);
+
+        me.callParent([config]);
+    },
+
+    initComponent: function () {
+        var me = this;
+
+        me.items = [
+            {
+                xtype: 'auditloggridpanel',
+                showToolbar: me.showToolbar,
+                eventRecordType: me.eventRecordType,
+                eventRecordId: me.eventRecordId
+            }
+        ];
+
+        me.callParent();
+    }
+});