commit 220d02c75ee50b80bb2be67332ec3cc5a8e77f50 Author: Alessandro_N Date: Mon Apr 13 17:02:15 2015 +0200 Change necessary to show default values in 'NUMERIC_BETWEEN' query form component as textbox watermarks. diff --git a/szcluster-db/workspace/client-public/js/forms/components/NumberBetween.js b/szcluster-db/workspace/client-public/js/forms/components/NumberBetween.js new file mode 100644 index 0000000..f833e6d --- /dev/null +++ b/szcluster-db/workspace/client-public/js/forms/components/NumberBetween.js @@ -0,0 +1,254 @@ +/*************************************** +* Copyright 2010-2014 CNES - CENTRE NATIONAL d'ETUDES SPATIALES +* +* This file is part of SITools2. +* +* SITools2 is free software: you can redistribute it and/or modify +* it under the terms of the GNU General Public License as published by +* the Free Software Foundation, either version 3 of the License, or +* (at your option) any later version. +* +* SITools2 is distributed in the hope that it will be useful, +* but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +* GNU General Public License for more details. +* +* You should have received a copy of the GNU General Public License +* along with SITools2. If not, see . +***************************************/ +/*global Ext, sitools*/ +/* + * @include "../AbstractComponentsWithUnit.js" + * @include "../ComponentFactory.js" + */ +Ext.ns('sitools.common.forms.components'); + +/** + * A number between form component. + * @cfg {string} parameterId Id of the future component. + * @cfg {Array} code Array of string representing columns alias attached to this component + * @cfg {string} type Defines wich unique type of component it is. + * @cfg {string} label The label of the form component. + * @cfg {numeric} height height of the future component. + * @cfg {numeric} widthBox width of the future component. + * @cfg {string} valueSelection "S" for specific Selection, "D" for data selection. + * @cfg {string} dataUrl the url to request the data in case of valueSelection == "D". + * @cfg {boolean} autoComplete for TEXTFIELD, autoComplete configuration of future Ext.form.Textfield. + * @cfg {string} formId The form id that contains this component. + * @cfg {string} dimensionId The sitools units dimension id. + * @cfg {string} css An optional css to add to this component. + * @cfg {Array} defaultValues Array of default values. + * @cfg {} datasetCm the dataset ColumnModel object + * @requires sitools.common.forms.ComponentFactory + * @class sitools.common.forms.components.NumericBetween + * @extends sitools.common.forms.AbstractWithUnit + */ +sitools.common.forms.components.NumericBetween = Ext.extend(sitools.common.forms.AbstractWithUnit, { +//sitools.component.users.SubSelectionParameters.SingleSelection.NumericBetween = Ext.extend(sitools.common.forms.AbstractWithUnit, { + /** + * The left bound of the period. + */ + fieldFrom : null, + + /** + * The right bound of the period. + */ + fieldTo : null, + + initComponent : function () { + this.context = new sitools.common.forms.ComponentFactory(this.context); + //formattage de extraParams : + var extraParams = {}; + Ext.each(this.extraParams, function (param) { + extraParams[param.name]= param.value; + }, this); + + this.extraParams = extraParams; + + var unit = this.getUnitComponent(); + + this.fieldFrom = new Ext.form.NumberField({ + allowBlank : true, + flex : 1, + //height : this.height, + + validator : function (value) { + if (Ext.isEmpty(this.ownerCt.fieldTo.getValue())) { + return true; + } + if (value > this.ownerCt.fieldTo.getValue()) { + return "invalid Value"; + } else { + return true; + } + }, + decimalPrecision : 20 + }); + + // *** Default min value is provided as hint, with 'emptyText' style *** + if(this.defaultValues[0]){ + this.fieldFrom.emptyText="min: "+String(this.defaultValues[0]); + } + // ****** // + + this.fieldTo = new Ext.form.NumberField({ + allowBlank : true, + flex : 1, + //height : this.height, + + validator : function (value) { + if (value < this.ownerCt.fieldFrom.getValue()) { + return "invalid Value"; + } else { + return true; + } + }, + decimalPrecision : 20 + }); + + // *** Default max value is provided as hint, with 'emptyText' style *** + if(this.defaultValues[1]){ + this.fieldTo.emptyText="max: "+String(this.defaultValues[1]); + } + // ****** // + + var items = [this.fieldFrom, { + html : " ", + width : "10" + }, this.fieldTo]; + + if (!Ext.isEmpty(unit)) { + items.push(unit); + } + + Ext.apply(this, { + layout : 'hbox', + stype : "sitoolsFormContainer", + overCls : 'fieldset-child', + defaults : { + xtype : 'container', + autoEl : 'div' + }, + items : items + }); + sitools.common.forms.components.NumericBetween.superclass.initComponent.apply( + this, arguments); + if (!Ext.isEmpty(this.label)) { + var labels = this.label.split("|") || []; + switch (labels.length) { + case 0 : + break; + case 1 : + this.items.insert(0, new Ext.Container({ + border : false, + html : labels[0], + width : 100 + })); + break; + case 2 : + this.items.insert(0, new Ext.Container({ + border : false, + html : labels[0], + width : 50 + })); + this.items.insert(2, new Ext.Container({ + border : false, + html : labels[1], + width : 50, + style : { + "padding-left" : "10px" + } + })); + break; + case 3 : + this.items.insert(0, new Ext.Container({ + border : false, + html : labels[0], + width : 50 + })); + this.items.insert(1, new Ext.Container({ + border : false, + html : labels[1], + width : 50, + style : { + "padding-left" : "10px" + } + })); + this.items.insert(3, new Ext.Container({ + border : false, + html : labels[2], + width : 50, + style : { + "padding-left" : "10px" + } + })); + break; + } + } + }, + + /** + * Notify the parent of any change + * @method + */ + notifyValueSelected : function () { + this.parent.notifyValueChanged(this.code); + }, + + /** + * Return if both values are defined. + * @method + * @return {Boolean} + */ + isValueDefined : function () { + if (this.fieldFrom.getValue() && this.fieldTo.getValue()) { + return true; + } else { + return false; + } + }, + /** + * Get the selected Value + * @return {} the selected Value { + * from : from value, + * to : to value + * } + */ + getSelectedValue : function () { + return { + from : this.fieldFrom.getValue(), + to : this.fieldTo.getValue() + }; + }, + + /** + * Returns the value to request corresponding to the Filter API. + * @return {String} parameter filter value + */ + getParameterValue : function () { + var value = this.getSelectedValue(); + if (Ext.isEmpty(value) || Ext.isEmpty(value.from) || Ext.isEmpty(value.to)) { + return null; + } +// var result = this.type + "|" + this.code + "|" + value.from + "|" + value.to; +// if (!Ext.isEmpty(this.userDimension) && !Ext.isEmpty(this.userUnit)){ +// result += "|" + this.userDimension + "|" + this.userUnit; +// } + return { + type : this.type, + code : this.code, + value : value.from + "|" + value.to, + userDimension : this.userDimension, + userUnit : this.userUnit + }; + + }, + +// *** Reset function for RESET button ***// + resetToDefault : function () { + this.fieldFrom.reset(); + this.fieldTo.reset(); + } +// ***************************************// + +});