rails_db_admin 3.0.0 → 3.2.0

data/app/assets/javascripts/erp_app/desktop/applications/rails_db_admin/splash_screen.js

@@ -0,0 +1,163 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.RailsDbAdmin.SplashScreen", {
+    title: 'Startup',
+    extend: "Ext.panel.Panel",
+    alias: 'widget.railsdbadmin_splash_screen',
+    bodyStyle: 'background-color: #f2f6fa;',
+    autoScroll: true,
+    items: [
+        {
+            html: "<div style='background-color: #f2f6fa; padding: 15px 50px 5px 50px;'><h2 style='margin: 3px 0px 0px 0px; color: #2fb3d4; text-align: center'>CompassAE Database Navigator</h2></div>"
+        },
+        {
+            xtype: 'image',
+            style: 'background-color: #f2f6fa; padding-left: 50%; margin-top: 20px; margin-left: -150px;',
+            src: '/assets/splash/db_admin_splash.png'
+        },
+        {
+            html: "<div style='background-color: #f2f6fa; padding: 15px 50px 5px 35px;'><p style='margin: 0px 0px 10px 5px; color: #222; text-align: center; font-size: 16px; font-weight: 300;'>Click on the shortcuts below to get started.</p></div>"
+        },
+        {
+            xtype: 'panel',
+            layout: 'column',
+            style: 'background-color: #f2f6fa; width: 450px; margin-top: 0px; margin-left: auto; margin-right: auto;',
+            items: [
+
+                {
+                    xtype: 'panel',
+                    height: 140,
+                    width: 150,
+                    style:{
+                        margin: '',
+                        cursor: 'pointer'
+                    },
+                    bodyStyle: 'background-color: #f2f6fa;',
+                    border: false,
+                    bodyBorder: false,
+                    overCls: 'shortcut-hover',
+                    items: [
+                        {
+                            xtype: 'image',
+                            src: '/assets/splash/icons/console_icon.png',
+                            height: 115,
+                            width: 115,
+                            style: 'background-color: #f2f6fa; margin-left: 15px;',
+                            listeners: {
+                                render: function (component) {
+                                    component.getEl().on('click', function (e) {
+
+                                        var module = compassDesktop.getModule('rails_db_admin-win');
+                                        module.addConsolePanel();
+
+                                    }, component);
+
+                                    component.getEl().on('mouseover', function () {
+                                            component.setSrc('/assets/splash/icons/console_icon_active.png');
+                                        }
+                                    );
+                                    component.getEl().on('mouseout', function () {
+                                            component.setSrc('/assets/splash/icons/console_icon.png');
+                                        }
+                                    );
+                                }
+                            }
+                        },
+                        {
+                            html: "<p style='background-color: #f2f6fa; margin: 0px; text-align: center'>Open a console</p>"
+                        }
+                    ]
+                },
+
+                {
+                    xtype: 'panel',
+                    height: 140,
+                    width: 150,
+                    style:{
+                        margin: '',
+                        cursor: 'pointer'
+                    },
+                    bodyStyle: 'background-color: #f2f6fa;',
+                    border: false,
+                    bodyBorder: false,
+                    overCls: 'shortcut-hover',
+                    items: [
+                        {
+                            xtype: 'image',
+                            src: '/assets/splash/icons/db_icon.png',
+                            height: 115,
+                            width: 115,
+                            style: 'background-color: #f2f6fa; margin-left: 15px;',
+                            listeners: {
+                                render: function (component) {
+                                    component.getEl().on('click', function (e) {
+
+                                        var module = compassDesktop.getModule('rails_db_admin-win');
+                                        module.openIframeInTab('CompassAE Documentation - Data Models', 'https://docs.mycompassagile.com');
+
+                                    }, component);
+
+                                    component.getEl().on('mouseover', function () {
+                                            component.setSrc('/assets/splash/icons/db_icon_active.png');
+                                        }
+                                    );
+                                    component.getEl().on('mouseout', function () {
+                                            component.setSrc('/assets/splash/icons/db_icon.png');
+                                        }
+                                    );
+                                }
+                            }
+                        },
+                        {
+                            html: "<p style='background-color: #f2f6fa; margin: 0px; text-align: center'>Browse the DB</p>"
+                        }
+                    ]
+                },
+                {
+                    xtype: 'panel',
+                    height: 140,
+                    width: 150,
+                    style:{
+                        margin: '',
+                        cursor: 'pointer'
+                    },
+                    bodyStyle: 'background-color: #f2f6fa;',
+                    border: false,
+                    bodyBorder: false,
+                    overCls: 'shortcut-hover',
+                    items: [
+                        {
+                            xtype: 'image',
+                            src: '/assets/splash/icons/help_icon.png',
+                            height: 115,
+                            width: 115,
+                            style: 'background-color: #f2f6fa; margin-left: 15px;',
+                            listeners: {
+                                render: function (component) {
+                                    component.getEl().on('click', function (e) {
+
+                                        var module = compassDesktop.getModule('rails_db_admin-win');
+                                        module.openIframeInTab('CompassAE Documentation - Data Models', 'https://docs.mycompassagile.com');
+
+                                    }, component);
+
+                                    component.getEl().on('mouseover', function () {
+                                            component.setSrc('/assets/splash/icons/help_icon_active.png');
+                                        }
+                                    );
+                                    component.getEl().on('mouseout', function () {
+                                            component.setSrc('/assets/splash/icons/help_icon.png');
+                                        }
+                                    );
+
+                                }
+                            }
+                        },
+                        {
+                            html: "<p style='background-color: #f2f6fa; margin: 0px; text-align: center'>Learn more</p>"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+
+});

data/{public → app/assets}/javascripts/erp_app/desktop/applications/rails_db_admin/tables_tree_menu.js

@@ -20,12 +20,14 @@ Ext.define("Compass.ErpApp.Desktop.Applications.RailsDbAdmin.TablesMenuTreePanel
                                 change: function (comp, newValue, oldValue) {
                                     var store = comp.up('treepanel').getStore();
 
-                                    setTimeout(function(){
-                                        if(!store.loading){
-                                            store.reload({params: {name: newValue}});
+                                    setTimeout(function () {
+                                        if (!store.loading) {
+                                            store.load({params: {name: newValue}});
                                         }
                                     }, 500);
 
+                                    comp.up('treepanel').getRootNode().collapseChildren();
+
                                 }
                             }
                         }

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

@@ -0,0 +1,151 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.ApplicationManagement.MultiOptions", {
+    alias: 'widget.applicationmanagementmultioptions',
+    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()
+            },
+            proxy: {
+                type: 'memory',
+                reader: {
+                    type: 'json',
+                    root: 'options'
+                }
+            }
+        });
+
+        me.callParent(arguments);
+    },
+
+    getOptions: function() {
+        var me = this;
+        var options = [];
+
+        switch (me.field.internalIdentifier) {
+            case 'radio':
+            case 'check':
+                Ext.each(me.field.items.items, function(item, index) {
+                    options.push({
+                        name: item.boxLabel
+                    });
+                });
+                break;
+            case 'select':
+                Ext.each(me.field.store.data.items, function(item, index) {
+                    options.push({
+                        name: item.data.display
+                    });
+                });
+                break;
+            case 'question':
+                Ext.each(me.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;
+    }
+});

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

@@ -0,0 +1,289 @@
+Ext.define("Compass.ErpApp.Shared.ReportsParams", {
+	extend: "Ext.form.Panel",
+	alias: 'widget.reportparamspanel',
+	params: [],
+	bodyPadding: '0 0 0 10',
+	layout: {
+		type: 'vbox'
+	},
+	items: [],
+	slice: 3,
+
+	initComponent: function() {
+		var me = this;
+		me.items = [];
+
+		me.params.eachSlice(me.slice, function(slice) {
+			var container = {
+				xtype: 'container',
+				layout: 'hbox',
+				style: {
+					marginBottom: '5px'
+				},
+				defaults: {
+					labelWidth: 80,
+					style: {
+						marginRight: '20px'
+					}
+				},
+				items: []
+			};
+
+			Ext.each(slice, function(param) {
+				var defaultValue = param.default_value;
+
+				switch (param.type) {
+					case 'text':
+						container.items.push({
+							xtype: 'textfield',
+							fieldLabel: param.display_name,
+							allowBlank: (param.required !== true),
+							style: {
+								marginRight: '20px'
+							},
+							name: param.name,
+							value: param.default_value
+						});
+						break;
+					case 'date':
+						var today = new Date();
+						var defaultDate = null;
+
+						if (param.options && param.options.onlyWeeks == 'on') {
+							defaultDate = new Date(today.getFullYear(), today.getMonth(), (today.getDate() - today.getDay() + 1));
+
+							if (defaultValue == 'previous') {
+								defaultDate = Ext.Date.subtract(defaultDate, Ext.Date.DAY, 7);
+							} else if (defaultValue == 'next') {
+								defaultDate = Ext.Date.add(defaultDate, Ext.Date.DAY, 7);
+							}
+
+							container.items.push({
+								xtype: 'datefield',
+								allowBlank: (param.required !== true),
+								labelWidth: 80,
+								style: {
+									marginRight: '20px'
+								},
+								format: 'm/d/Y',
+								fieldLabel: param.display_name,
+								name: param.name,
+								disabledDays: [0, 2, 3, 4, 5, 6],
+								value: defaultDate
+							});
+
+						} else if (param.options && param.options.onlyMonths == 'on') {
+							defaultDate = new Date(today.getFullYear(), today.getMonth(), 1);
+
+							if (defaultValue == 'previous') {
+								defaultDate = Ext.Date.subtract(defaultDate, Ext.Date.MONTH, 1);
+							} else if (defaultValue == 'next') {
+								defaultDate = Ext.Date.add(defaultDate, Ext.Date.MONTH, 1);
+							}
+
+							container.items.push({
+								xtype: 'monthfield',
+								allowBlank: (param.required !== true),
+								labelWidth: 80,
+								style: {
+									marginRight: '20px'
+								},
+								format: 'm/d/Y',
+								fieldLabel: param.display_name,
+								name: param.name,
+								value: defaultDate
+							});
+
+						} else {
+							defaultDate = null;
+
+							if (defaultValue == 'previous') {
+								defaultDate = Ext.Date.subtract(new Date(), Ext.Date.DAY, 1);
+							} else if (defaultValue == 'next') {
+								defaultDate = Ext.Date.add(new Date(), Ext.Date.DAY, 1);
+							} else if (defaultValue == 'current') {
+								defaultDate = new Date();
+							}
+
+							container.items.push({
+								xtype: 'datefield',
+								allowBlank: (param.required !== true),
+								labelWidth: 80,
+								style: {
+									marginRight: '20px'
+								},
+								format: 'm/d/Y',
+								fieldLabel: param.display_name,
+								name: param.name,
+								value: defaultDate
+							});
+						}
+
+						break;
+					case 'time':
+						container.items.push({
+							xtype: 'timefield',
+							fieldLabel: param.display_name,
+							allowBlank: (param.required !== true),
+							style: {
+								marginRight: '20px'
+							},
+							name: param.name,
+							value: param.default_value
+						});
+						break;
+					case 'select':
+						var values = (!param.options.values) ? [] : eval(param.options.values);
+						var storeData = [];
+						for (var i = 0; i < values.length; i++) {
+							storeData.push([values[i]]);
+						}
+
+						var arrayStore = Ext.create('Ext.data.ArrayStore', {
+							fields: ['name'],
+							data: storeData
+						});
+
+						container.items.push({
+							xtype: 'combo',
+							allowBlank: (param.required !== true),
+							queryMode: 'local',
+							multiSelect: (param.options.multiSelect == 'on'),
+							displayField: 'name',
+							valueField: 'name',
+							fieldLabel: param.display_name,
+							name: param.name,
+							store: arrayStore,
+							value: defaultValue,
+							listeners: {
+								select: function(combo, records) {
+									if (combo.value.length > 1 && Ext.Array.contains(combo.value, "All")) {
+										combo.setValue('All');
+									}
+								}
+							}
+						});
+						break;
+					case 'data_record':
+						// make sure we have all the options we need
+						if (param.options && param.options.businessModule) {
+							container.items.push({
+								xtype: 'businessmoduledatarecordfield',
+								itemId: param.name,
+								multiSelect: (param.options.multiSelect == 'on'),
+								allowBlank: (param.required !== true),
+								fieldLabel: param.display_name,
+								extraParams: {
+									business_module_iid: param.options.businessModule
+								},
+								name: param.name,
+								value: defaultValue,
+								listeners: {
+									afterrender: function(combo) {
+										combo.store.load();
+									},
+									select: function(combo, records) {
+										if (combo.value.length > 1 && Ext.Array.contains(combo.value, "All")) {
+											combo.setValue('All');
+										}
+									}
+								}
+							});
+						}
+
+						break;
+					case 'service':
+						// make sure we have all the options we need
+						if (param.options.root && param.options.displayField && param.options.valueField) {
+							container.items.push({
+								xtype: 'combo',
+								fieldLabel: param.display_name,
+								name: param.name,
+								allowBlank: (param.required !== true),
+								value: defaultValue,
+								multiSelect: (param.options.multiSelect == 'on'),
+								displayField: param.options.displayField,
+								valueField: param.options.valueField,
+								queryMode: 'remote',
+								store: {
+									proxy: {
+										type: 'ajax',
+										url: param.options.url,
+										reader: {
+											type: 'json',
+											root: param.options.root
+										}
+									},
+									fields: [
+										param.options.displayField,
+										param.options.valueField
+									],
+									autoLoad: true
+								}
+							});
+						}
+
+						break;
+				}
+			});
+
+			me.items.push(container);
+		});
+
+		me.callParent();
+	},
+
+	getReportParams: function() {
+		var me = this,
+			paramsObj = {};
+
+		Ext.Array.each(me.query('field'), function(field) {
+			// if field has no value set it to empty string to make the erb parser happy
+			if (field.value) {
+				switch (field.xtype) {
+					case 'textfield':
+						paramsObj[field.name] = Ext.String.trim(field.value);
+						break;
+					case 'combo':
+					case 'businessmoduledatarecordfield':
+						var fieldName = (field.xtype == 'combo' ? 'name' : 'id');
+						if (Ext.Array.contains(field.value, "All")) {
+							var allValues = Ext.Array.remove(field.store.collect(fieldName), "All");
+							paramsObj[field.name] = allValues.join(',');
+						} else {
+							if (field.value.constructor === Array) {
+								paramsObj[field.name] = (field.value.length === 0) ? 'null' : field.value.join(',');
+							} else {
+								paramsObj[field.name] = field.value;
+							}
+						}
+						break;
+					case 'timefield':
+						if (field.value) {
+							paramsObj[field.name] = Ext.Date.format(new Date(field.value), 'H:i:s');
+						}
+
+						break;
+					case 'datefield':
+					case 'monthfield':
+						if (field.value) {
+							paramsObj[field.name] = Ext.Date.format(new Date(field.value), 'c');
+						}
+
+						break;
+				}
+			} else {
+				paramsObj[field.name] = '';
+			}
+		});
+
+		return paramsObj;
+	},
+
+	clearReportParams: function() {
+		var me = this;
+		Ext.each(me.query('field'), function(field) {
+			field.setValue('');
+		});
+	}
+});