rails_db_admin 3.0.0 → 3.2.0

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

@@ -61,13 +61,13 @@ Ext.define("Compass.ErpApp.Desktop.Applications.RailsDbAdmin.QueriesMenuTreePane
             contextMenu = new Ext.menu.Menu({
               items:[
               {
-                text:"New Query",
-                iconCls:'icon-sql',
-                listeners:{
-                  'click':function(){
-                    self.initialConfig.module.addNewQueryTab();
+                  text:"New Query",
+                  iconCls:'icon-sql',
+                  listeners:{
+                      'click':function(){
+                          self.initialConfig.module.addNewQueryTab();
+                      }
                   }
-                }
               }
               ]
             });

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

@@ -0,0 +1,383 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.RailsDbAdmin.QueryPanel", {
+    extend: "Ext.panel.Panel",
+    alias: 'widget.railsdbadmin_querypanel',
+    isReportQuery: false,
+    isNewQuery: false,
+    report: null,
+
+    getSql: function() {
+        return this.down('codemirror').getValue();
+    },
+
+    initComponent: function() {
+        var me = this;
+        var messageBox = null;
+
+        var savedQueriesJsonStore = Ext.create('Ext.data.Store', {
+            proxy: {
+                type: 'ajax',
+                url: '/rails_db_admin/erp_app/desktop/queries/saved_queries',
+                reader: {
+                    type: 'json',
+                    root: 'data'
+                }
+            },
+            fields: [{
+                name: 'value'
+            }, {
+                name: 'display'
+            }]
+        });
+
+        var tbarItems = [{
+            text: 'Execute',
+            iconCls: 'icon-playpause',
+            handler: function(button) {
+                if (me.paramPanelIsValid()) {
+                    var textarea = me.query('.codemirror')[0];
+                    var sql = textarea.getValue();
+                    var selected_sql = textarea.getSelection();
+                    var cursor_pos = textarea.getCursor().line;
+                    var database = me.module.getDatabase();
+
+                    var reportParams = null;
+                    if (me.isReportQuery) {
+                        reportParams = me.down('reportparamspanel').getReportParams();
+                    }
+
+                    messageBox = Ext.Msg.wait('Status', 'Executing..');
+
+                    Ext.Ajax.request({
+                        method: 'POST',
+                        url: '/rails_db_admin/erp_app/desktop/queries/execute_query',
+                        timeout: 120000,
+                        params: {
+                            database: database,
+                            cursor_pos: cursor_pos
+                        },
+                        jsonData: {
+                            sql: sql,
+                            selected_sql: selected_sql,
+                            report_params: reportParams
+                        },
+                        success: function(responseObject) {
+                            messageBox.hide();
+                            var response = Ext.decode(responseObject.responseText);
+
+                            if (response.success) {
+                                var columns = response.columns;
+                                var fields = response.fields;
+                                var data = response.data;
+
+                                if (!Ext.isEmpty(me.down('railsdbadmin_readonlytabledatagrid'))) {
+                                    var jsonStore = new Ext.data.JsonStore({
+                                        fields: fields,
+                                        data: data
+                                    });
+
+                                    me.down('railsdbadmin_readonlytabledatagrid').reconfigure(jsonStore, columns);
+                                } else {
+                                    var readOnlyDataGrid = Ext.create('Compass.ErpApp.Desktop.Applications.RailsDbAdmin.ReadOnlyTableDataGrid', {
+                                        layout: 'fit',
+                                        columns: columns,
+                                        fields: fields,
+                                        data: data
+                                    });
+
+                                    var cardPanel = me.down('#resultCardPanel');
+                                    cardPanel.removeAll(true);
+                                    cardPanel.add(readOnlyDataGrid);
+                                    cardPanel.getLayout().setActiveItem(readOnlyDataGrid);
+                                }
+                            } else {
+                                Ext.Msg.error("Error", response.message);
+                            }
+
+                        },
+                        failure: function() {
+                            messageBox.hide();
+                            Ext.Msg.error('Status', 'Error loading grid');
+                        }
+                    });
+                }
+            }
+        }, {
+            text: 'Save Query',
+            iconCls: 'icon-save',
+            itemId: 'saveQueryBtn',
+            hidden: this.isNewQuery,
+            handler: function(btn) {
+                var textarea = me.query('.codemirror')[0];
+                var sql = textarea.getValue();
+                var waitMsg;
+
+                if (me.report && me.report.get('reportId')) {
+                    waitMsg = Ext.Msg.wait("Saving Report...", "Status");
+                    Ext.Ajax.request({
+                        url: '/rails_db_admin/erp_app/desktop/reports/save_query',
+                        params: {
+                            id: me.report.get('reportId'),
+                            query: sql
+                        },
+                        success: function(responseObject) {
+                            waitMsg.close();
+                            var obj = Ext.decode(responseObject.responseText);
+                            if (!obj.success) {
+                                Ext.Msg.alert('Status', 'Error saving report');
+                            }
+                        },
+                        failure: function() {
+                            waitMsg.close();
+                            Ext.Msg.alert('Status', 'Error saving report');
+                        }
+                    });
+                } else {
+                    waitMsg = Ext.Msg.wait("Saving Query...", "Status");
+                    Ext.Ajax.request({
+                        url: '/rails_db_admin/erp_app/desktop/queries/save_query',
+                        params: {
+                            query: sql,
+                            query_name: me.initialConfig.title
+                        },
+                        success: function(responseObject) {
+                            waitMsg.close();
+                            var obj = Ext.decode(responseObject.responseText);
+                            if (!obj.success) {
+                                Ext.Msg.alert('Status', 'Error saving report');
+                            }
+                        },
+                        failure: function() {
+                            waitMsg.close();
+                            Ext.Msg.alert('Status', 'Error saving report');
+                        }
+                    });
+                }
+            }
+        }];
+
+        if (this.initialConfig['isReportQuery']) {
+            tbarItems.push({
+                text: 'Preview Report',
+                iconCls: 'icon-document',
+                handler: function() {
+                    if (me.paramPanelIsValid()) {
+                        var reportParamsPanel = me.down('reportparamspanel'),
+                            reportParamsWithValues = encodeURIComponent(JSON.stringify(reportParamsPanel.getReportParams())),
+
+                            reportTitle = "Preview" + " (" + me.report.get('reportName') + ")";
+                        me.openIframeInTab(reportTitle, '/reports/display/' + me.report.get('internalIdentifier') + '?report_params=' + reportParamsWithValues);
+                    }
+                }
+            });
+
+            tbarItems.push({
+                text: 'Download CSV',
+                iconCls: 'icon-website-export',
+                handler: function() {
+                    if (me.paramPanelIsValid()) {
+                        var reportParamsPanel = me.down('reportparamspanel'),
+                            reportParamsWithValues = encodeURIComponent(JSON.stringify(reportParamsPanel.getReportParams())),
+                            url = '/reports/display/' + me.report.get('internalIdentifier') + '.csv?report_params=' + reportParamsWithValues;
+                        window.open(url);
+                    }
+                }
+            });
+
+            tbarItems.push({
+                text: 'Download PDF',
+                iconCls: 'icon-website-export',
+                handler: function() {
+                    if (me.paramPanelIsValid()) {
+                        var reportParamsPanel = me.down('reportparamspanel'),
+                            reportParamsWithValues = encodeURIComponent(JSON.stringify(reportParamsPanel.getReportParams())),
+                            url = '/reports/display/' + me.report.get('internalIdentifier') + '.pdf?report_params=' + reportParamsWithValues;
+                        window.open(url, '_blank');
+                    }
+                }
+            });
+        }
+
+        if (!this.initialConfig['hideSave'] && this.isNewQuery) {
+            tbarItems.push({
+                text: 'Save',
+                iconCls: 'icon-save',
+                itemId: 'saveBtn',
+                handler: function() {
+                    var textarea = me.down('.codemirror');
+
+                    Ext.widget('window', {
+                        layout: 'fit',
+                        width: 375,
+                        title: 'Save Query',
+                        height: 125,
+                        buttonAlign: 'center',
+                        closeAction: 'hide',
+                        plain: true,
+                        items: {
+                            xtype: 'form',
+                            frame: false,
+                            bodyStyle: 'padding:5px 5px 0',
+                            width: 500,
+                            items: [{
+                                xtype: 'combo',
+                                fieldLabel: 'Query Name',
+                                name: 'query_name',
+                                allowBlank: false,
+                                store: savedQueriesJsonStore,
+                                valueField: 'value',
+                                displayField: 'display',
+                                triggerAction: 'all',
+                                forceSelection: false,
+                                mode: 'remote'
+                            }, {
+                                xtype: 'hidden',
+                                value: textarea.getValue(),
+                                name: 'query'
+                            }, {
+                                xtype: 'hidden',
+                                value: me.module.getDatabase(),
+                                name: 'database'
+                            }]
+                        },
+                        buttons: [{
+                            text: 'Save',
+                            handler: function(btn) {
+                                var fp = this.up('window').down('.form');
+                                if (fp.getForm().isValid()) {
+                                    var queryName = fp.getForm().findField('query_name').getValue();
+                                    fp.getForm().submit({
+                                        url: '/rails_db_admin/erp_app/desktop/queries/save_query',
+                                        waitMsg: 'Saving Query...',
+                                        success: function(fp, o) {
+                                            Ext.Msg.alert('Success', 'Saved Query');
+                                            var database = me.module.getDatabase();
+                                            me.module.queriesTreePanel().store.setProxy({
+                                                type: 'ajax',
+                                                url: '/rails_db_admin/erp_app/desktop/queries/saved_queries_tree',
+                                                extraParams: {
+                                                    database: database
+                                                }
+                                            });
+                                            me.isNewQuery = false;
+                                            me.down('#saveBtn').hide();
+                                            me.down('#saveQueryBtn').show();
+                                            me.setTitle(queryName);
+                                            me.module.queriesTreePanel().store.load();
+                                            btn.up('window').hide();
+                                        }
+                                    });
+                                }
+                            }
+                        }, {
+                            text: 'Cancel',
+                            handler: function(btn) {
+                                btn.up('window').hide();
+                            }
+                        }]
+
+                    }).show();
+                }
+            });
+        }
+
+        var codeMirrorPanel = {
+            region: 'center',
+            xtype: 'codemirror',
+            mode: 'sql',
+            split: true,
+            tbarItems: tbarItems,
+            sourceCode: this.initialConfig['sqlQuery'],
+            disableSave: true
+        };
+
+        me.items = [];
+        // if this a report query show the report params
+        if (me.isReportQuery) {
+            me.items.push({
+                xtype: 'reportparamspanel',
+                region: 'north',
+                params: me.report.get('reportMetaData').params
+            });
+        }
+        me.items.push(codeMirrorPanel);
+
+
+        if (!Ext.isEmpty(me.initialConfig['southRegion'])) {
+            me.items.push(me.initialConfig['southRegion']);
+        } else {
+            me.items.push({
+                layout: 'card',
+                region: 'south',
+                margins: '0 0 0 0',
+                autoScroll: true,
+                split: true,
+                collapsible: true,
+                collapseDirection: 'bottom',
+                height: '50%',
+                itemId: 'resultCardPanel',
+                items: []
+            });
+        }
+
+        this.callParent(arguments);
+    },
+
+    constructor: function(config) {
+        config = Ext.applyIf({
+            layout: 'border',
+            border: false,
+            closable: true
+        }, config);
+        if (config.title == null) {
+            config = Ext.applyIf({
+                title: 'New Query'
+            }, config);
+        }
+        this.callParent([config]);
+    },
+
+    openIframeInTab: function(title, url) {
+        var centerRegion = Ext.getCmp('rails_db_admin').down('#centerRegion');
+        var itemId = Compass.ErpApp.Utility.Encryption.MD5(url);
+        var item = centerRegion.getComponent(itemId);
+
+        if (Compass.ErpApp.Utility.isBlank(item)) {
+            item = Ext.create('Ext.panel.Panel', {
+                iframeId: 'tutorials_iframe',
+                itemId: itemId,
+                closable: true,
+                bodyPadding: '5px',
+                layout: 'fit',
+                title: title,
+                html: '<iframe id="reports_iframe" height="100%" width="100%" frameBorder="0" src="' + url + '"></iframe>',
+                dockedItems: [{
+                    xtype: 'toolbar',
+                    items: [{
+                        xtype: 'button',
+                        iconCls: 'icon-refresh',
+                        text: 'Refresh',
+                        handler: function(btn) {
+                            btn.up('panel').el.query('iframe').first().contentWindow.location.reload();
+                        }
+                    }]
+                }]
+            });
+            centerRegion.add(item);
+        } else {
+            Ext.Msg.wait('Updating preview..', 'Status');
+            window.setTimeout(function() {
+                item.update('<iframe id="reports_iframe" height="100%" width="100%" frameBorder="0" src="' + url + '"></iframe>');
+                Ext.Msg.hide();
+            }, 300);
+        }
+        centerRegion.setActiveTab(item);
+    },
+
+    paramPanelIsValid: function() {
+        if (this.down('reportparamspanel')) {
+            return this.down('reportparamspanel').isValid();
+        } else {
+            return true;
+        }
+    }
+});

data/app/assets/javascripts/erp_app/desktop/applications/rails_db_admin/reports/ParamWindow.js

@@ -0,0 +1,426 @@
+Ext.define("Compass.ErpApp.Desktop.Applications.RailsDbAdmin.Reports.ParamWindow", {
+	extend: 'Ext.window.Window',
+	alias: 'widget.railsdbadminreportsparamwindow',
+	title: 'Add Param',
+	modal: true,
+	height: 500,
+	width: 400,
+	buttonAlign: 'center',
+
+	isAdd: false,
+	paramsManager: null,
+	param: null,
+
+	buttons: [{
+		text: 'Add',
+		itemId: 'okBtn',
+		handler: function(btn) {
+			var me = btn.up('window');
+
+			var grid = me.paramsManager.down('grid');
+			var form = me.down('form');
+
+			if (form.isValid()) {
+				var values = form.getValues();
+
+				var options = {};
+				for (var key in values) {
+					if (key.match(/options_.+/)) {
+						options[key.split('_').last()] = values[key];
+					}
+				}
+
+				if (me.isAdd) {
+					grid.getStore().add({
+						display_name: values.display_name,
+						name: values.name,
+						type: values.type,
+						required: (values.required == 'on'),
+						options: options
+					});
+				} else {
+					me.param.set('display_name', values.display_name);
+					me.param.set('name', values.name);
+					me.param.set('type', values.type);
+					me.param.set('required', (values.required == 'on'));
+					me.param.set('default_value', values.default_value);
+					me.param.set('options', options);
+					me.param.commit(false);
+				}
+
+				me.paramsManager.save();
+
+				me.hide();
+			}
+		}
+	}, {
+		text: 'Cancel',
+		handler: function(btn) {
+			var window = btn.up('window');
+
+			window.hide();
+		}
+	}],
+
+	initComponent: function() {
+		var me = this;
+
+		var fieldTypeStore = Ext.create('Ext.data.Store', {
+			fields: ['name', 'type'],
+			data: [{
+				name: 'Text',
+				type: 'text'
+			}, {
+				name: 'Date',
+				type: 'date'
+			}, {
+				name: 'Time',
+				type: 'time'
+			}, {
+				name: 'Select',
+				type: 'select'
+			}, {
+				name: 'Data Record',
+				type: 'data_record'
+			}, {
+				name: 'Service',
+				type: 'service'
+			}]
+		});
+
+		me.items = [{
+			xtype: 'form',
+			bodyPadding: 10,
+			layout: 'form',
+			items: [{
+				xtype: 'textfield',
+				fieldLabel: 'Display Name',
+				itemId: 'paramDisplayName',
+				name: 'display_name',
+				allowBlank: false
+			}, {
+				xtype: 'textfield',
+				fieldLabel: 'Name',
+				itemId: 'paramName',
+				regex: /^(?!.*\s).*$/,
+				regexText: 'Spaces not allowed',
+				name: 'name',
+				allowBlank: false
+			}, {
+				xtype: 'checkbox',
+				fieldLabel: 'Required',
+				name: 'required'
+			}, {
+				xtype: 'combobox',
+				fieldLabel: 'Type',
+				itemId: 'paramType',
+				name: 'type',
+				allowBlank: false,
+				store: fieldTypeStore,
+				queryMode: 'local',
+				displayField: 'name',
+				valueField: 'type',
+				value: 'text',
+				listeners: {
+					select: function(combo, records, eOpts) {
+						me.selectType(records[0].get('type'));
+					}
+				}
+			}, {
+				xtype: 'container',
+				itemId: 'optionsContainer',
+				layout: 'form'
+			}]
+		}];
+
+		this.callParent(arguments);
+
+		if (!me.isAdd) {
+			me.down('form').getForm().setValues(me.param.data);
+			me.down('#okBtn').setText('Save');
+			me.setTitle('Edit Param');
+			me.selectType(me.param.get('type'));
+		}
+
+		me.on('show', function() {
+			me.down('#paramDisplayName').focus();
+		});
+	},
+
+	selectType: function(type) {
+		var me = this;
+		var form = me.down('form');
+		var defaultsContainer = form.down('#defaultsContainer');
+		var optionsContainer = form.down('#optionsContainer');
+
+		optionsContainer.removeAll();
+
+		switch (type) {
+			case 'text':
+				optionsContainer.show();
+				break;
+			case 'date':
+				optionsContainer.add(me.buildOptionsDateField(optionsContainer));
+				optionsContainer.show();
+				break;
+			case 'time':
+				optionsContainer.show();
+				break;
+			case 'select':
+				optionsContainer.add(me.buildOptionsSelectField(optionsContainer));
+				optionsContainer.show();
+				break;
+			case 'data_record':
+				optionsContainer.add(me.buildOptionsDataRecordField(optionsContainer));
+				optionsContainer.show();
+				break;
+			case 'service':
+				optionsContainer.add(me.buildOptionsServiceUrlField(optionsContainer));
+				optionsContainer.show();
+				break;
+		}
+	},
+
+	/**
+	 * Build options for Date field
+	 * @param container (Object) Container component
+	 */
+	buildOptionsDateField: function(container) {
+		var options = {},
+			me = this;
+
+		if (me.param) {
+			options = me.param.get('options');
+		}
+
+		return [{
+			xtype: 'checkbox',
+			fieldLabel: 'Only allow week selection',
+			name: 'options_onlyWeeks',
+			itemId: 'optionOnlyWeeks',
+			value: options.onlyWeeks,
+			listeners: {
+				change: function(field, newValue) {
+					if (newValue) {
+						field.up('form').down('#optionOnlyMonths').setValue(false);
+					}
+				}
+			}
+		}, {
+			xtype: 'checkbox',
+			fieldLabel: 'Only allow month selection',
+			name: 'options_onlyMonths',
+			itemId: 'optionOnlyMonths',
+			value: options.onlyMonths,
+			listeners: {
+				change: function(field, newValue) {
+					if (newValue) {
+						field.up('form').down('#optionOnlyWeeks').setValue(false);
+					}
+				}
+			}
+		}];
+	},
+
+	/**
+	 * Builds applicationmanagementmultioptions (grid panel)
+	 * @param container (Object) Container component
+	 */
+	buildOptionsSelectField: function(container) {
+		var options = {
+				values: []
+			},
+			me = this;
+
+		if (me.param) {
+			options = me.param.get('options');
+		}
+
+		return [{
+			xtype: 'checkbox',
+			fieldLabel: 'Multi-Select',
+			name: 'options_multiSelect',
+			value: options.multiSelect
+		}, {
+			xtype: 'container',
+			layout: 'form',
+			items: [{
+				xtype: 'applicationmanagementmultioptions',
+				header: false,
+				name: 'options_values',
+				field: {
+					xtype: 'combo',
+					internalIdentifier: 'select',
+					store: Ext.create('Ext.data.Store', {
+						fields: ['display'],
+						data: Ext.Array.map(eval(options.values || '[]'), function(item) {
+							return {
+								display: item
+							};
+						})
+					}),
+					queryMode: 'local'
+				}
+			}]
+		}];
+	},
+
+	/**
+	 * Builds two select fields Select Application and Select Module
+	 * @param container (Object) Container component
+	 */
+	buildOptionsDataRecordField: function(container) {
+		var options = {},
+			me = this;
+
+		if (me.param) {
+			options = me.param.get('options');
+		}
+
+		return [{
+			xtype: 'checkbox',
+			fieldLabel: 'Multi-Select',
+			name: 'options_multiSelect',
+			value: options.multiSelect
+		}, {
+			xtype: 'combo',
+			name: 'options_appType',
+			itemId: 'applicationSelect',
+			fieldLabel: 'App',
+			emptyText: 'Select Application',
+			allowBlank: false,
+			store: {
+				autoLoad: true,
+				proxy: {
+					type: 'ajax',
+					method: 'GET',
+					url: '/api/v1/applications',
+					reader: {
+						type: 'json',
+						root: 'applications'
+					},
+					extraParams: {
+						types: 'app'
+					},
+				},
+				fields: [
+					'description',
+					'id'
+				],
+				listeners: {
+					load: function() {
+						if (options.appType) {
+							var appSelect = container.down('#applicationSelect');
+							appSelect.setValue(options.appType);
+						}
+					}
+				}
+			},
+			forceSelection: true,
+			typeAhead: true,
+			queryMode: 'remote',
+			displayField: 'description',
+			valueField: 'id',
+			listeners: {
+				select: function(combo, records, eOpts) {
+					container.down('#businessModule').enable();
+					container.down('#businessModule').store.load({
+						params: {
+							application_id: records[0].get('id')
+						}
+					});
+				},
+				change: function(combo, newValue, oldValue, eOpts) {
+					container.down('#businessModule').enable();
+					container.down('#businessModule').store.load({
+						params: {
+							application_id: newValue
+						}
+					});
+				}
+			}
+		}, {
+			xtype: 'combo',
+			name: 'options_businessModule',
+			itemId: 'businessModule',
+			disabled: true,
+			forceSelection: true,
+			emptyText: 'Select Module',
+			store: {
+				autoLoad: false,
+				proxy: {
+					url: '/erp_app/desktop/application_management/business_modules/existing_application_modules',
+					type: 'ajax',
+					reader: {
+						type: 'json',
+						root: 'business_modules'
+					}
+				},
+				fields: [{
+					name: 'description'
+				}, {
+					name: 'internalIdentifier',
+					mapping: 'internal_identifier'
+				}],
+				listeners: {
+					load: function() {
+						if (options.businessModule) {
+							var moduleType = container.down('#businessModule');
+							moduleType.setValue(options.businessModule);
+						}
+					}
+				}
+			},
+			displayField: 'description',
+			valueField: 'internalIdentifier',
+			fieldLabel: 'Module',
+			allowBlank: false,
+			triggerAction: 'all',
+			queryMode: 'local'
+		}];
+	},
+
+	/**
+	 * Build options for Service Url field
+	 * @param container (Object) Container component
+	 */
+	buildOptionsServiceUrlField: function(container) {
+		var options = {},
+			me = this;
+
+		if (me.param) {
+			options = me.param.get('options');
+		}
+
+		return [{
+			xtype: 'checkbox',
+			fieldLabel: 'Multi-Select',
+			name: 'options_multiSelect',
+			value: options.multiSelect
+		}, {
+			xtype: 'textfield',
+			fieldLabel: 'URL',
+			allowBlank: false,
+			name: 'options_url',
+			value: options.url
+		}, {
+			xtype: 'textfield',
+			fieldLabel: 'Root',
+			allowBlank: false,
+			name: 'options_root',
+			value: options.root
+		}, {
+			xtype: 'textfield',
+			fieldLabel: 'Display Field',
+			allowBlank: false,
+			name: 'options_displayField',
+			value: options.displayField
+		}, {
+			xtype: 'textfield',
+			fieldLabel: 'Value Field',
+			allowBlank: false,
+			name: 'options_valueField',
+			value: options.valueField
+		}];
+	}
+});