erp_app 4.0.0 → 4.2.0

data/app/assets/javascripts/erp_app/organizer/app.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require inflection
+//= require ./layout
+//= require ./preference_window

data/app/assets/javascripts/erp_app/organizer/applications/crm/app.js

@@ -0,0 +1,14 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require ./base
+//= require ./relationship_grid

data/app/assets/javascripts/erp_app/organizer/applications/crm/base.js

@@ -0,0 +1,64 @@
+Ext.ns("Compass.ErpApp.Organizer.Applications.Crm");
+/**
+ * Method to setup organizer application
+ * @param {config} Object containing (organizerLayout : reference to main layout container)
+ */
+Compass.ErpApp.Organizer.Applications.Crm.Base = function (config) {
+    this.setup = function () {
+        config.organizerLayout.addApplication({
+            title: 'CRM',
+            id: 'crmTaskTabPanel',
+            tabs: [
+                {
+                    xtype: 'crmpartygrid',
+                    itemId: 'customersPanel',
+
+                    contactPurposes: [
+                        {
+                            fieldLabel: 'Home',
+                            internalIdentifier: 'home'
+                        },
+                        {
+                            fieldLabel: 'Work',
+                            internalIdentifier: 'work'
+                        },
+                        {
+                            fieldLabel: 'Billing',
+                            internalIdentifier: 'billing'
+                        }
+                    ],
+                    partyRelationships: [
+                        {
+                            title: 'Employees',
+                            relationshipType: 'employee_customer',
+                            toRoleType: 'customer',
+                            fromRoleType: 'employee',
+                            contactPurposes: [
+                                {
+                                    fieldLabel: 'Home',
+                                    internalIdentifier: 'home'
+                                },
+                                {
+                                    fieldLabel: 'Work',
+                                    internalIdentifier: 'work'
+                                },
+                                {
+                                    fieldLabel: 'Billing',
+                                    internalIdentifier: 'billing'
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ],
+            menuItems: [
+                {
+                    title: 'Customers',
+                    tabItemId: 'customersPanel',
+                    imgSrc: '/assets/erp_app/organizer/applications/crm/customer_360_64x64.png'
+                }
+            ]
+
+        });
+    };
+};

data/app/assets/javascripts/erp_app/organizer/layout.js

@@ -0,0 +1,258 @@
+Ext.ns("Compass.ErpApp.Organizer.Applications");
+
+Ext.define("Compass.ErpApp.Organizer.Applications.ApplicationContainer", {
+    extend: "Ext.tab.Panel",
+    alias: 'widget.applicationcontainer'
+});
+
+Compass.ErpApp.Organizer.Layout = function (config) {
+
+    this.layoutConfig = config;
+
+    //used to build accordion menu
+    var accordionMenuItems = [];
+    var menu = Ext.create('Ext.menu.Menu', {
+
+        items: [
+            {
+                text: 'Profile',
+                iconCls: 'icon-user',
+                handler: function () {
+                    var win = Ext.create("Ext.window.Window", {
+                        title: 'Profile',
+                        iconCls: 'icon-user-light',
+                        items: [
+                            {xtype: 'shared_profilemanagementpanel'}
+                        ]
+                    });
+                    win.show();
+                }
+            }
+        ]
+    });
+
+    this.toolBar = Ext.create("Ext.toolbar.Toolbar", {
+        ui: 'cleantoolbar-dark',
+        dock: 'top',
+        height: 50,
+        style: {
+            paddingLeft: '22px',
+            paddingRight: '15px'
+        },
+        items: [
+            {
+                ui: 'cleanbutton',
+                text: 'Menu',
+                iconCls: 'icon-info',
+                menu: menu
+            },
+            ' ',
+            {
+                xtype: 'label',
+                style: 'color:white;',
+                text: 'Welcome',
+                itemId: 'organizerWelcomeMsg'
+            }
+        ]
+    });
+
+    this.addToToolBar = function (item) {
+        this.toolBar.add(item);
+    };
+
+    this.setupLogoutButton = function () {
+        this.toolBar.add("->");
+        this.toolBar.add({
+            ui: 'cleanbutton',
+            text: 'Logout',
+            xtype: 'button',
+            iconCls: "icon-exit",
+            defaultAlign: "right",
+            'listeners': {
+                scope: this,
+                'click': function () {
+                    Ext.MessageBox.confirm('Confirm', 'Are you sure you want to logout?', function (btn) {
+                        if (btn == 'no') {
+                            return false;
+                        }
+                        else if (btn == 'yes') {
+                            var defaultLogoutUrl = '/session/sign_out';
+                            if (Compass.ErpApp.Utility.isBlank(this.layoutConfig) || Compass.ErpApp.Utility.isBlank(this.layoutConfig["logout_url"])) {
+                                window.location = defaultLogoutUrl;
+                            }
+                            else {
+                                window.location = this.layoutConfig["logout_url"];
+                            }
+                        }
+                    });
+                }
+            }
+        });
+    };
+
+    this.centerPanel = Ext.create("Ext.Panel", {
+        cls: 'masterPanel',
+
+        id: 'erp_app_viewport_center',
+        style: {
+            marginRight: '20px',
+            borderBottomLeftRadius: '5px',
+            borderBottomRightRadius: '5px'
+        },
+        region: 'center',
+        layout: 'card',
+        activeItem: 0,
+        items: []
+    });
+
+    this.bottomBar = Ext.create("Ext.toolbar.Toolbar", {
+        ui: 'cleantoolbar-dark',
+        dock: 'bottom',
+        height: 50,
+        style: {
+            paddingLeft: '22px',
+            paddingRight: '15px'
+        },
+        items: [
+            "->",
+            {
+                ui: 'cleanbutton',
+                xtype: "trayclock"
+            }
+        ]
+    });
+
+    this.addApplication = function (config) {
+        var menuItems = [],
+            cardHolderId = 'cardHolder' + '_' + config.id;
+
+        Ext.each(config.menuItems, function (menuItem) {
+            menuItems.push({
+                    xtype: 'image',
+                    style: {
+                        cursor: 'pointer'
+                    },
+                    filtersPanelId: 'customerFilters',
+                    src: menuItem.imgSrc,
+                    height: 50,
+                    width: 50,
+                    cls: 'shortcut-image-button',
+                    listeners: {
+                        render: function (component) {
+                            component.getEl().on('click', function (e) {
+                                var masterPanel = Ext.getCmp(config.id),
+                                    tab = masterPanel.down('#' + menuItem.tabItemId);
+
+                                masterPanel.setActiveTab(tab);
+                            }, component);
+                        }
+                    }
+                },
+                {
+                    html: menuItem.title,
+                    style: {
+                        cursor: 'pointer'
+                    }
+                });
+        });
+
+        var menuPanel = {
+            xtype: 'panel',
+            title: config.title,
+            layout: {
+                type: "vbox",
+                align: "center"
+            },
+            id: cardHolderId,
+            listeners: {
+                render: function (c) {
+                    /*
+                     *  We want a listener on each DOM element within this menu to ensure the center panel is set
+                     *  properly when they are clicked. This is because this custom panel does not use the default
+                     *  menu tree panel type, and hence does not inherit the switching behavior automatically.
+                     */
+                    c.items.each(function (item) {
+                        // Wait until each item is rendered to add the click listener, as the panel usually renders before the items within the panel
+                        item.on('render', function () {
+                            this.getEl().on('click', function () {
+                                Compass.ErpApp.Organizer.Layout.setActiveCenterItem(config.id);
+                            });
+                        });
+                    });
+                }
+            },
+            items: menuItems
+        };
+
+        accordionMenuItems.push(menuPanel);
+
+        //Create the main tab panel which will house instances of the main Task Types
+        var masterPanel = Ext.widget('applicationcontainer', {
+            id: config.id,
+            itemId: config.id,
+            //These tasks we always want open
+            items: config.tabs
+        });
+
+        this.centerPanel.add(masterPanel);
+    };
+
+    this.setup = function () {
+        this.westPanel = {
+            id: 'erp_app_viewport_west',
+            style: {
+                marginRight: '10px',
+                marginLeft: '20px',
+                borderRadius: '5px'
+            },
+            region: 'west',
+            width: 200,
+            split: true,
+            layout: 'accordion',
+            items: accordionMenuItems
+        };
+
+        this.viewPort = Ext.create('Ext.container.Viewport', {
+            border: false,
+            layout: 'fit',
+            items: [
+                {
+                    xtype: 'panel',
+                    border: false,
+                    layout: 'border',
+                    dockedItems: [
+                        this.toolBar,
+                        this.bottomBar
+                    ],
+                    items: [
+                        this.westPanel,
+                        this.centerPanel,
+                        this.eastPanel
+                    ]
+                }
+            ]
+        });
+        this.viewPort.down('#organizerWelcomeMsg').setText('Welcome: ' + currentUser.description);
+    };
+};
+
+Compass.ErpApp.Organizer.Layout.setActiveCenterItem = function (panel_id, menu_id, loadRemoteData) {
+    // set panel as active
+    var panel = Ext.getCmp('erp_app_viewport_center').down('#' + panel_id);
+    if (panel)
+        Ext.getCmp('erp_app_viewport_center').layout.setActiveItem(panel);
+
+    var menu = Ext.getCmp('erp_app_viewport_west').down('#' + menu_id);
+    if (menu)
+        menu.expand();
+
+    if (loadRemoteData === undefined || loadRemoteData) {
+        var hasLoad = ( (typeof panel.loadRemoteData) != 'undefined' );
+        if (hasLoad) {
+            panel.loadRemoteData();
+        }
+    }
+};
+
+
+

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

@@ -0,0 +1,77 @@
+/**
+ * @author Russell Holmes
+ */
+
+Ext.define('Ext.ux.form.DateTimeField', {
+	extend: "Ext.form.FieldContainer",
+	alias: 'widget.datetimefield',
+
+	mixins: {
+		field: 'Ext.form.field.Field'
+	},
+	layout: 'hbox',
+	items: [{
+		xtype: 'datefield',
+		flex: 1,
+		itemId: 'date'
+	}, {
+		xtype: 'timefield',
+		increment: 30,
+		flex: 1,
+		itemId: 'time'
+	}],
+
+	format: 'c',
+
+	initComponent: function() {
+		var me = this;
+
+		me.callParent(arguments);
+
+		me.dateField = me.down('#date');
+		me.timeField = me.down('#time');
+
+		me.dateField.allowBlank = me.allowBlank;
+		me.timeField.allowBlank = me.allowBlank;
+	},
+
+	getValue: function() {
+		var me = this;
+		var value = null;
+
+		if (me.dateField.getValue()) {
+			value = me.timeField.getValue();
+			var dateValue = me.dateField.getValue();
+
+			value.setMonth(dateValue.getMonth());
+			value.setFullYear(dateValue.getFullYear());
+			value.setDate(dateValue.getDate());
+		}
+
+		return value;
+	},
+
+	getSubmitData: function() {
+		var me = this,
+			data = null,
+			format = this.submitFormat || this.format,
+			value = this.getValue();
+
+		value = value ? Ext.Date.format(value, format) : '';
+
+		if (!me.disabled && me.submitValue) {
+			data = {};
+			data[me.getName()] = '' + value;
+		}
+		return data;
+	},
+
+	setValue: function(value) {
+		var me = this;
+
+		if (value) {
+			me.dateField.setValue(value);
+			me.timeField.setValue(Ext.Date.format(value, 'g:i A'));
+		}
+	}
+});

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

@@ -0,0 +1,120 @@
+/*
+ * GNU General Public License Usage
+ * This file may be used under the terms of the GNU General Public License version 3.0 as published by the Free Software Foundation and appearing in the file LICENSE included in the packaging of this file.  Please review the following information to ensure the GNU General Public License version 3.0 requirements will be met: http://www.gnu.org/copyleft/gpl.html.
+ *
+ * http://www.gnu.org/licenses/lgpl.html
+ *
+ * @description: This class provide additional format to numbers by extending Ext.form.field.Number
+ *
+ * @author: Greivin Britton
+ * @email: brittongr@gmail.com
+ * @version: 2 compatible with ExtJS 4
+ */
+Ext.define('Ext.ux.form.MoneyField',
+    {
+        extend: 'Ext.form.field.Number',//Extending the NumberField
+        alias: 'widget.moneyfield',//Defining the xtype,
+        currencySymbol: '$',
+        useThousandSeparator: true,
+        thousandSeparator: ',',
+        alwaysDisplayDecimals: false,
+        initComponent: function () {
+            if (this.useThousandSeparator && this.decimalSeparator == ',' && this.thousandSeparator == ',')
+                this.thousandSeparator = '.';
+            else if (this.allowDecimals && this.thousandSeparator == '.' && this.decimalSeparator == '.')
+                this.decimalSeparator = ',';
+
+            this.callParent(arguments);
+        },
+
+        setValue: function (value) {
+            this.superclass.setValue.call(this, value != null ? value.toString().replace('.', this.decimalSeparator) : value);
+
+            this.setRawValue(this.getFormattedValue(this.getValue()));
+        },
+        getFormattedValue: function (value) {
+            if (Ext.isEmpty(value) || !this.hasFormat())
+                return value;
+            else {
+                var neg = null;
+
+                value = (neg = value < 0) ? value * -1 : value;
+                value = this.allowDecimals && this.alwaysDisplayDecimals ? value.toFixed(this.decimalPrecision) : value;
+
+                if (this.useThousandSeparator) {
+                    if (this.useThousandSeparator && Ext.isEmpty(this.thousandSeparator))
+                        throw ('NumberFormatException: invalid thousandSeparator, property must has a valid character.');
+
+                    if (this.thousandSeparator == this.decimalSeparator)
+                        throw ('NumberFormatException: invalid thousandSeparator, thousand separator must be different from decimalSeparator.');
+
+                    value = value.toString();
+
+                    var ps = value.split('.');
+                    ps[1] = ps[1] ? ps[1] : null;
+
+                    var whole = ps[0];
+
+                    var r = /(\d+)(\d{3})/;
+
+                    var ts = this.thousandSeparator;
+
+                    while (r.test(whole))
+                        whole = whole.replace(r, '$1' + ts + '$2');
+
+                    value = whole + (ps[1] ? this.decimalSeparator + ps[1] : '');
+                }
+
+                return Ext.String.format('{0}{1}{2}', (neg ? '-' : ''), (Ext.isEmpty(this.currencySymbol) ? '' : this.currencySymbol + ' '), value);
+            }
+        },
+        /**
+         * overrides parseValue to remove the format applied by this class
+         */
+        parseValue: function (value) {
+            //Replace the currency symbol and thousand separator
+            return this.superclass.parseValue.call(this, this.removeFormat(value));
+        },
+
+        getSubmitValue: function() {
+            var me = this,
+                value = me.callParent();
+
+            return this.removeFormat(value);
+        },
+
+        /**
+         * Remove only the format added by this class to let the superclass validate with it's rules.
+         * @param {Object} value
+         */
+        removeFormat: function (value) {
+            if (Ext.isEmpty(value) || !this.hasFormat())
+                return value;
+            else {
+                value = value.toString().replace(this.currencySymbol + ' ', '');
+
+                value = this.useThousandSeparator ? value.replace(new RegExp('[' + this.thousandSeparator + ']', 'g'), '') : value;
+
+                return value;
+            }
+        },
+        /**
+         * Remove the format before validating the the value.
+         * @param {Number} value
+         */
+        getErrors: function (value) {
+            return this.superclass.getErrors.call(this, this.removeFormat(value));
+        },
+        hasFormat: function () {
+            return this.decimalSeparator != '.' || (this.useThousandSeparator == true && this.getRawValue() != null) || !Ext.isEmpty(this.currencySymbol) || this.alwaysDisplayDecimals;
+        },
+        /**
+         * Display the numeric value with the fixed decimal precision and without the format using the setRawValue, don't need to do a setValue because we don't want a double
+         * formatting and process of the value because beforeBlur perform a getRawValue and then a setValue.
+         */
+        onFocus: function () {
+            this.setRawValue(this.removeFormat(this.getRawValue()));
+
+            this.callParent(arguments);
+        }
+    });