SITools2

/***************************************

* 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 <http://www.gnu.org/licenses/>.

***************************************/

/*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();

    }

//  ***************************************//

});