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 "../ComponentFactory.js"

 */

Ext.ns('sitools.common.forms.components');

/**

 * @requires sitools.common.forms.ComponentFactory

 * @class sitools.common.forms.components.BooleanCheckbox

 * @extends Ext.Container

 */

sitools.common.forms.components.BooleanCheckbox = Ext.extend(Ext.Container, {

//sitools.component.users.SubSelectionParameters.SingleSelection.BooleanCheckbox = Ext.extend(Ext.Container, {

    initComponent : function () {

	    this.context = new sitools.common.forms.ComponentFactory(this.context);

        this.cbGroup = new Ext.form.CheckboxGroup ({

	        allowBlank : true,

	        flex : 1,

	        items : [ {

	            xtype : "checkbox",

	            checked : eval(this.defaultValues[0]),

	            value : true

	        } ]

	    });

	    Ext.apply(this, {

	    	layout : "hbox",

	    	stype : "sitoolsFormContainer",

	    	overCls : 'fieldset-child',

	        items : [this.cbGroup]

	    });

	    sitools.common.forms.components.BooleanCheckbox.superclass.initComponent.apply(

	            this, arguments);

   	    if (!Ext.isEmpty(this.label)) {

	    	this.items.insert(0, new Ext.Container({

	            border : false,

	            html : this.label,

	            width : 100

	        }));

	    }

	},

    getSelectedValue : function () {

	    if (this.cbGroup.getValue() && this.cbGroup.getValue().length > 0) {

		    return "true";

	    } else {

		    return "false";

	    }

    },

    getParameterValue : function () {

	    var value = this.getSelectedValue();

	    return {

	    	type : this.type, 

	    	code : this.code, 

	    	value : value

	    };

    },

//  *** Reset function for RESET button ***//

    resetToDefault : function () {

	this.cbGroup.reset();

    }

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

});

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

* 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 "../ComponentFactory.js"

 */

Ext.ns('sitools.common.forms.components');

/**

 * @requires sitools.common.forms.ComponentFactory

 * @class sitools.common.forms.components.CheckBox

 * @extends Ext.Container

 */

sitools.common.forms.components.CheckBox = Ext.extend(Ext.Container, {

//sitools.component.users.SubSelectionParameters.MultipleSelection.CheckBox = Ext.extend(Ext.Container, {

    initComponent : function () {

		this.context = new sitools.common.forms.ComponentFactory(this.context);

        var items = [];

		for (i = 0; i < this.values.length; i++) {

			value = this.values[i];

			items.push({

			    value : value.value,

			    boxLabel : value.value,

			    name : this.code,

			    checked : value.defaultValue,

			    height : 25

			});

		}

	    this.cbGroup = new Ext.form.CheckboxGroup ({

	        allowBlank : true,

	        columns : 3,

	        flex : 1, 

	        items : items

	    });

	    Ext.apply(this, {

	    	height : this.height, 

	        width : this.width,

	        overCls : 'fieldset-child',

	        layout : "hbox", 

	        stype : "sitoolsFormContainer",

	        items : [this.cbGroup]

	    });

   	    sitools.common.forms.components.CheckBox.superclass.initComponent.apply(this, arguments);

   	    if (!Ext.isEmpty(this.label)) {

	    	this.items.insert(0, new Ext.Container({

	            border : false,

	            html : this.label,

	            width : 100

	        }));

	    }

    },

    getSelectedValue : function () {

	    var values = this.cbGroup.getValue();

	    if (values && values.length > 0) {

		    var selectedValues = [];

		    for (var i = 0; i < values.length; i++) {

		        if (Ext.isString(values[i].value) && ! Ext.isNumber(parseFloat(values[i].value))){

		            values[i].value = values[i].value;

		        }

		        selectedValues.push(values[i].value);

		    }

		    return selectedValues;

	    } else {

		    return null;

	    }

    },

    getParameterValue : function () {

	    var values = this.getSelectedValue();

	    if (!Ext.isArray(values)) {

		    return null;

	    }

	    values = values.join("|");

//	    return this.type + "|" + this.code + "|" + values;

   	   	return {

	    	type : this.type, 

	    	code : this.code, 

	    	value : values

	    };

    },

//  *** Reset function for RESET button ***//

    resetToDefault : function () {

	this.cbGroup.reset();

    }

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

});

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

* 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');

/**

 * Abstract Class to build Container to display a Cone Search. 

 * subclasses : 

 * 		- sitools.common.forms.components.ConeSearchCartesien

 *      - sitools.common.forms.components.ConeSearchPGSphere

 * @requires sitools.common.forms.ComponentFactory

 * @class sitools.common.forms.components.AbstractConeSearch

 * @extends sitools.common.forms.AbstractWithUnit

 */

sitools.common.forms.components.AbstractConeSearch = Ext.extend(sitools.common.forms.AbstractWithUnit, {

    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;

        //the administrator defines a dimension for this component

        if (!Ext.isEmpty(this.dimensionId)) {

            var unit = new Ext.Button({

                scope : this, 

                text : i18n.get('label.degree'), 

                width : 100,

                sitoolsType : 'unitbutton',

                handler : function (b, e) {

                    //inherited method 

                    this.loadUnits(b, e);

                }

            });

        }

        else {

            unit = new Ext.Container({

				html : i18n.get('label.degree'),

        		width : 100

	    	});

        }

        //Build the defaults Values

        var defaultRa = null;

        var defaultDec = null;

        var defaultThirdValue = null;

        if (Ext.isArray(this.defaultValues) && this.defaultValues.length == 3) {

        	defaultRa = this.defaultValues[0];

        	defaultDec = this.defaultValues[1];

        	defaultThirdValue = this.defaultValues[2];

        }

	    this.raParam = new Ext.form.NumberField({

	        fieldLabel : "RA", 

	        allowBlank : true,

	        decimalPrecision : 20, 

	        anchor : "98%", 

	        value : defaultRa, 

	        flex : 1, 

	        labelSeparator : ""

	    });

	    this.decParam = new Ext.form.NumberField({

	        fieldLabel : "DEC", 

	        allowBlank : true,

	        decimalPrecision : 20, 

	        anchor : "98%", 

	        value : defaultDec, 

	        flex : 1, 

	        labelSeparator : ""

	    });

		this.thirdParam = new Ext.form.NumberField({

			fieldLabel : this.getLabelThirdParam(), 

			allowBlank : true,

			decimalPrecision : 20, 

	        value : defaultThirdValue, 

	        flex : 1, 

	        labelSeparator : ""

		});

		var thirdCont = new Ext.form.CompositeField({

			labelWidth : 100,

			fieldLabel : this.getLabelThirdParam(),

			items : [this.thirdParam, unit], 

        	labelSeparator : ""

		});

		//build the resolver Name

		this.targetName = new Ext.form.TextField({

            flex : 1,

            fieldLabel : i18n.get("label.targetName"),

            enableKeyEvents : true,

            listeners : {

                scope : this,

                change : function (field, newValue, oldValue) {

                    this.nameResolverButton.setDisabled(Ext.isEmpty(newValue));

                },

                keyup : function () {

                    this.nameResolverButton.setDisabled(Ext.isEmpty(this.targetName.getValue()));

                }

            }

		});

		this.nameResolverButton = new Ext.Button({

            scope : this,

            id : 'resolveNameBtn',

            handler : this.resolveTargetName, 

            text : i18n.get('label.resolveName'), 

            width : 100,

            disabled : true

        });

		var targetCmp = new Ext.form.FieldSet({

			title : i18n.get('label.resolverName'), 

			items : [

				new Ext.form.CompositeField ({

					items : [this.targetName, this.nameResolverButton]

				})

			]

		});

		//Load the 3 fields into a form layout in the main container items

		var items = [{

        	layout : "form", 

        	items : [ this.raParam, this.decParam, thirdCont], 

        	flex : 3

        }];

        //insert first the name Resolver if needed

        if (this.extraParams.showTargetName && this.extraParams.showTargetName != "false") {

        	items[0].items.unshift(targetCmp);

        }

	    Ext.apply(this, {

	        autoEl: 'div', 

	        layout : 'hbox', 

	        defaults : {

	        	xtype : 'container',

	        	autoEl : 'div'

	        },

	        items : items,

	        overCls : 'fieldset-child',

	        stype : "sitoolsFormContainer"

	    });

	    sitools.common.forms.components.AbstractConeSearch.superclass.initComponent.apply(

	            this, arguments);

   	    if (!Ext.isEmpty(this.label)) {

	    	this.items.insert(0, new Ext.Container({

	            border : false,

	            html : this.label,

	            width : 100

	        }));

	    }

    },

	/**

	 * Return true if values are specified 

	 * @return {Boolean}

	 */

    isValueDefined : function () {

	    if (this.raParam.getValue() && this.decParam.getValue() && this.thirdParam.getValue()) {

		    return true;

	    } else {

		    return false;

	    }

    },

	/**

	 * Return the ConeSearch value

	 * @return {}

	 */

    getSelectedValue : function () {

	    return {

	        raParam : this.raParam.getValue(),

	        decParam : this.decParam.getValue(),

	        thirdParam : this.thirdParam.getValue()

	    };

    },

    /**

     * Method to be called by the form 

     * returns an object with type, code& value attributes

     * @return {}

     */

    getParameterValue : function () {

	    var value = this.getSelectedValue();

	    if (Ext.isEmpty(value) || Ext.isEmpty(value.raParam) || Ext.isEmpty(value.decParam) || Ext.isEmpty(value.thirdParam)) {

		    return null;

	    }

	   	return {

	    	type : this.type, 

	    	code : this.code, 

	    	value : value.raParam + "|" + value.decParam + "|" + value.thirdParam, 

	    	userDimension : this.userDimension, 

	    	userUnit : this.userUnit

	    };

    },

    /**

     * Name Resolver action. 

     * Send a query as defined by the admin. 

     * @param type

     * 		the type

     */

    resolveTargetName : function () {

    	var baseUrl = this.extraParams.resolveNameUrl;

    	var url = baseUrl + "/" + this.targetName.getValue() + "/" + this.extraParams.coordSystem;

    	if (!Ext.isEmpty(this.extraParams.resolverName)){

    		url += "?nameResolver=" + this.extraParams.resolverName;

    	}

    	this.getEl().mask();

    	Ext.Ajax.request({

    		url : url, 

    		scope : this, 

    		method : "GET", 

    		success : function (ret) {

    			try {

    				var json = Ext.decode(ret.responseText);

    				if (json.totalResults > 1){

	    				this.choosePropertyType(json);

    				}

    				else {

    					this.fillUpRADEC(json.features[0].geometry.coordinates);

    				}

    			}

    			catch(err) {

    				Ext.Msg.alert(i18n.get('label.error'), i18n.get("label.unableToParseRequest"));

    				return;

    			}

    		}, 

    		failure : alertFailure, 

    		callback : function () {

    			this.getEl().unmask();

    		}

    	})

    },

    /**

     * Choose a property type. 

     * Define a type to fill up RA/DEC 

     */

    choosePropertyType : function (json) {

    	var position = Ext.getCmp('resolveNameBtn').getPosition();

    	var tabTypes = [];

    	tabTypes.push({

            	xtype : 'label',

            	text : 'Select a Type : ',

	            style : 'padding:3px; margin:auto; font-style:italic;'

            });

    	Ext.each(json.features, function(feat, ind, all){

    		if(feat.properties.type){

    			tabTypes.push({

    				xtype : 'button',

    				text : feat.properties.type,

    				style : 'padding:3px; margin:auto;',

    				scope : this,

	            	handler : function(b, e){

	            		this.fillUpRADEC(feat.geometry.coordinates);

	            		Ext.getCmp('nameResolverTypeWin').close();

	            }

    			});

    		}

    	}, this);

    	var popup = new Ext.Window({

    		id  : 'nameResolverTypeWin',

            x : position[0] + 4,

            y : position[1] + 18,

            title : '',

            bodyStyle : 'background-color : #E4E8EC;',

            frame:false,

            closable : false,

            resizable : false,

            draggable : true,

            items : tabTypes,

            listeners : {

            	deactivate : function (t){

            		t.close();

            	}

            }

        }).show();

    },

    fillUpRADEC : function (coord){

    	this.raParam.setValue(coord[0]);

    	this.decParam.setValue(coord[1]);

    },

    isValid : function () {

        if(!this.isEmpty(this.raParam) || !this.isEmpty(this.decParam) || !this.isEmpty(this.decParam)) {

            var valid = true;

            valid &= this.checkTextFieldIsNotEmpty(this.raParam);

            valid &= this.checkTextFieldIsNotEmpty(this.decParam);

            valid &= this.checkTextFieldIsNotEmpty(this.thirdParam);

            return valid;

        } else {

            return true;

        }

    },

    //private

    checkTextFieldIsNotEmpty : function (field){

        var valid = true;

        if(this.isEmpty(field)){

            field.markInvalid();

            valid = false;

        }

        return valid;        

    },

    isEmpty : function (field) {

        return Ext.isEmpty(field.getValue())

    },

//  *** Reset function for RESET button ***//

    resetToDefault : function () {

        this.raParam.reset();

        this.decParam.reset();

        this.thirdParam.reset();

        this.targetName.reset();

    }

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

});

/**

 * Specification of sitools.common.forms.components.AbstractConeSearch

 * @class sitools.common.forms.components.ConeSearchCartesien

 * @extends sitools.common.forms.components.AbstractConeSearch

 */

sitools.common.forms.components.ConeSearchCartesien = Ext.extend(sitools.common.forms.components.AbstractConeSearch, {

    getLabelThirdParam : function () {

		return "Search Radius";

    }

});

/**

 * Specification of sitools.common.forms.components.AbstractConeSearch

 * @class sitools.common.forms.components.ConeSearchPGSphere

 * @extends sitools.common.forms.components.AbstractConeSearch

 */

sitools.common.forms.components.ConeSearchPGSphere = Ext.extend(sitools.common.forms.components.AbstractConeSearch, {

    getLabelThirdParam : function () {

		return "Radius";

    }

});

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

* 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 "../ComponentFactory.js"

 */

Ext.ns('sitools.common.forms.components');

/**

 * @requires sitools.common.forms.ComponentFactory

 * @class sitools.common.forms.components.DateBetween

 * @extends Ext.Container

 */

sitools.common.forms.components.DateBetween = Ext.extend(Ext.Container, {

//sitools.component.users.SubSelectionParameters.SingleSelection.DateBetween = Ext.extend(Ext.Container, {

    regToday : new RegExp("^\{\\$TODAY\}"), 

    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.showTime = extraParams.showTime;

        if (Ext.isString(this.showTime)) {

        	this.showTime = extraParams.showTime == "true";

        }

        this.truncateDefaultValue = extraParams.truncateDefaultValue;

        if (Ext.isString(this.truncateDefaultValue)) {

        	this.truncateDefaultValue = extraParams.truncateDefaultValue == "true";

        }

        this.format = extraParams.format;

        var dateFormat = this.format;

        var valueFrom = this.getDefaultValue(this.defaultValues[0]) ;

		var valueTo = this.getDefaultValue(this.defaultValues[1]) ;

        this.fieldFrom = new Ext.form.DateField({

            allowBlank : true,

            format : dateFormat, 

            flex : 1,

            //height : this.height,

            value : valueFrom, 

            showTime : this.showTime,

            listeners : {

                scope : this,

                change : function (field, newValue, oldValue) {

                    this.fieldTo.setMinValue(newValue);

                    this.fieldTo.validate();

                }

            }

        });

        this.fieldTo = new Ext.form.DateField({

            allowBlank : true,

            format : dateFormat, 

            flex : 1,

            //height : this.height,

            value : valueTo, 

            showTime : this.showTime,

            minValue : valueFrom

        });

        Ext.apply(this, {

            layout : 'hbox',

            overCls : 'fieldset-child',

            stype : "sitoolsFormContainer",

            items : [this.fieldFrom, this.fieldTo ]

        });

        sitools.common.forms.components.DateBetween.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;

	    	}

	    }

    },

    /**

     * The code of the parameter to notify changed event.

     */

    code : null,

    /**

     * The left bound of the period.

     */

    fieldFrom : null,

    /**

     * The right bound of the period.

     */

    fieldTo : null,

    notifyValueSelected : function () {

        this.parent.notifyValueChanged(this.code);

    },

    isValueDefined : function () {

        if (this.fieldFrom.getValue() && this.fieldTo.getValue()) {

            return true;

        } else {

            return false;

        }

    },

    getSelectedValue : function () {

        return {

            from : this.fieldFrom.getValue(),

            to : this.fieldTo.getValue()

        };

    },

    getParameterValue : function () {

        var value = this.getSelectedValue();

        if (Ext.isEmpty(value) || Ext.isEmpty(value.from) || Ext.isEmpty(value.to)) {

            return null;

        }

        var format = SITOOLS_DATE_FORMAT;

	   	return {

	    	type : this.type, 

	    	code : this.code, 

	    	value : value.from.format(format) + "|" + value.to.format(format)

	    };

//        return this.type + "|" + this.code + "|" + value.from.format(format) + "|" + value.to.format(format) ;

    }, 

    /**

     * return a date truncated or not depending on this.truncateDefaultValue

     * @param {String} val A string representing date a SITOOLS_DATE_FORMAT or containg {$TODAY}

     * @return {Date} the date 

     */

    getDefaultValue : function (val) {

		var result;

		if (Ext.isEmpty(val)) {

			return null;

		}

		else {

			if (Ext.isDate(Date.parseDate(val, SITOOLS_DATE_FORMAT))) {

				result = Date.parseDate(val, SITOOLS_DATE_FORMAT);

			}

			else {

				if (this.regToday.test(val)) {

		        	try {

		        		result = sitools.common.utils.Date.stringWithTodayToDate(val);

		        	}

		        	catch (err) {

		        		return null;

		        	}

		        }

			}

		}

		if (this.truncateDefaultValue) {

			return result.clearTime();

		}

		else {

			return result;

		}

    },

    isValid : function () {

        return (this.fieldFrom.isValid() && this.fieldTo.isValid());

    },

//  *** Reset function for RESET button ***//

    resetToDefault : function () {

	this.fieldFrom.reset();

	this.fieldTo.reset();

    }

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

});

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

* 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 "../ComponentFactory.js"

 */

Ext.ns('sitools.common.forms.components');

/**

 * @requires sitools.common.forms.ComponentFactory

 * @class sitools.common.forms.components.ListBoxMultiple

 * @extends Ext.Container

 */

sitools.common.forms.components.ListBoxMultiple = Ext.extend(Ext.Container, {

//sitools.component.users.SubSelectionParameters.MultipleSelection.ListBox = Ext.extend(Ext.Container, {

    initComponent : function () {

		this.context = new sitools.common.forms.ComponentFactory(this.context);

        var items = [];

		this.defaultValues = [];

		for (i = 0; i < this.values.length; i++) {

			value = this.values[i];

			items.push([ value.value, value.value ]);

			if (value.defaultValue) {

				this.defaultValues.push(value.value);

			}

		}

    	var store;

        if (this.valueSelection == 'S') {

            store = new Ext.data.ArrayStore({

                fields : ['value','text'],

                data : items, 

                valueField : 'value', 

                displayField : 'text'

            });

        } else {

            var params = {

                colModel : [ this.code ],

                distinct : true

            };

            store = new Ext.data.JsonStore({

                fields : [ {

                    name : 'value',

                    mapping : this.code

                }, {

                    name : 'text',

                    mapping : this.code

                } ],

                autoLoad : !Ext.isEmpty(this.dataUrl) ? true : false,

                root : 'data',

                restful : true,

                url : this.dataUrl + "/records",

                baseParams : params, 

                valueField : 'value', 

                displayField : 'text'

            });

        }   

        this.multiSelect = new Ext.ux.form.MultiSelect ({

	        store : store,

	        width : this.width,

	        height : this.height - 10,

	        flex : 1, 

	        delimiter : '|', 

			stype : "sitoolsFormItem", 

            listeners : {

                scope : this, 

                'click' : function () {

                    this.form.fireEvent('componentChanged', this.form, this);

                },

                'afterRender' : function () {

				    this.setSelectedValue(this.defaultValues);

			    }

            }

	    });

        Ext.apply(this, {

	    	height : this.height, 

	        width : this.width, 

	        layout : "hbox",

	        overCls : 'fieldset-child',

	        stype : "sitoolsFormContainer",

	        items : [this.multiSelect]

	    });

	    sitools.common.forms.components.ListBoxMultiple.superclass.initComponent.apply(this,

	            arguments);

   	    if (!Ext.isEmpty(this.label)) {

	    	this.items.insert(0, new Ext.Container({

	            border : false,

	            html : this.label,

	            width : 100

	        }));

	    }

    },

    /**

	 * The code of the parameter to notify changed event.

	 */

    code : null,

    isValueDefined : function () {

	    if (this.multiSelect.getValue() && this.multiSelect.getValue() !== "") {

		    return true;

	    } else {

		    return false;

	    }

    },

    getSelectedValue : function () {

	    if (this.multiSelect.getValue()) {

		    return this.multiSelect.getValue();

	    } else {

		    return null;

	    }

    },

    setSelectedValue : function (values) {

	    this.multiSelect.setValue(values);

    },

    getParameterValue : function () {

	    var value = this.getSelectedValue();

	    if (Ext.isEmpty(value)) {

		    return null;

	    }

//	    return this.type + "|" + this.code + "|" + value;

	   	return {

	    	type : this.type, 

	    	code : this.code, 

	    	value : value

	    };

    },

//  *** Reset function for RESET button ***//

    resetToDefault : function () {

	this.multiSelect.reset();

    }

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

});

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

* 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 "../ComponentFactory.js"

 */

Ext.ns('sitools.common.forms.components');

/**

 * @requires sitools.common.forms.ComponentFactory

 * @class sitools.common.forms.components.ListBox

 * @extends Ext.Container

 */

sitools.common.forms.components.ListBox = Ext.extend(Ext.Container, {

//sitools.component.users.SubSelectionParameters.MultipleSelection.ListBox = Ext.extend(Ext.Container, {

    initComponent : function () {

		this.context = new sitools.common.forms.ComponentFactory(this.context);

        var items = [];

		this.defaultValues = [];

		for (i = 0; i < this.values.length; i++) {

			value = this.values[i];

			items.push([ value.value, value.value ]);

			if (value.defaultValue) {

				this.defaultValues.push(value.value);

			}

		}

    	var store;

        if (this.valueSelection == 'S') {

            store = new Ext.data.ArrayStore({

                fields : ['value','text'],

                data : items, 

                valueField : 'value', 

                displayField : 'text'

            });

        } else {

            var params = {

                colModel : [ this.code ],

                distinct : true

            };

            store = new Ext.data.JsonStore({

                fields : [ {

                    name : 'value',

                    mapping : this.code

                }, {

                    name : 'text',

                    mapping : this.code

                } ],

                autoLoad : !Ext.isEmpty(this.dataUrl) ? true : false,

                root : 'data',

                restful : true,

                url : this.dataUrl + "/records",

                baseParams : params, 

                valueField : 'value', 

                displayField : 'text'

            });

        }   

        this.multiSelect = new Ext.ux.form.MultiSelect ({

	        store : store,

	        width : this.width,

	        height : this.height - 10,

	        flex : 1, 

	        delimiter : '|', 

			stype : "sitoolsFormItem", 

            listeners : {

                scope : this, 

                'click' : function () {

                    this.form.fireEvent('componentChanged', this.form, this);

                },

                'afterRender' : function () {

				    this.setSelectedValue(this.defaultValues);

			    }

            }

	    });

        Ext.apply(this, {

	    	height : this.height, 

	        width : this.width,

	        overCls : 'fieldset-child',

	        layout : "hbox", 

	        stype : "sitoolsFormContainer",

	        items : [this.multiSelect]

	    });

	    sitools.common.forms.components.ListBox.superclass.initComponent.apply(this,

	            arguments);

   	    if (!Ext.isEmpty(this.label)) {

	    	this.items.insert(0, new Ext.Container({

	            border : false,

	            html : this.label,

	            width : 100

	        }));

	    }

    },

    /**

	 * The code of the parameter to notify changed event.

	 */

    code : null,

    isValueDefined : function () {

	    if (this.multiSelect.getValue() && this.multiSelect.getValue() !== "") {

		    return true;

	    } else {

		    return false;

	    }

    },

    getSelectedValue : function () {

	    if (this.multiSelect.getValue()) {

		    return this.multiSelect.getValue();

	    } else {

		    return null;

	    }

    },

    setSelectedValue : function (values) {

	    this.multiSelect.setValue(values);

    },

    getParameterValue : function () {

	    var value = this.getSelectedValue();

	    if (Ext.isEmpty(value)) {

		    return null;

	    }

//	    return this.type + "|" + this.code + "|" + value;

	   	return {

	    	type : this.type, 

	    	code : this.code, 

	    	value : value

	    };

    },

//  *** Reset function for RESET button ***//

    resetToDefault : function () {

	this.multiSelect.reset();

    }

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

});

                /* Comment here and uncomment line 95 for the 2nd option */

	        /*value : this.defaultValues[0],

		fieldClass : "defaultGray",

		focusClass : "textblack",*/

                /****/

 		/* Comment here and uncomment line 124 for the 2nd option */

	        /*value : this.defaultValues[1],

		fieldClass : "defaultGray",

                focusClass : "textblack",*/

		/****/

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

* 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 Field 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.NumberField

 * @extends sitools.common.forms.AbstractWithUnit

 */

sitools.common.forms.components.NumberField = Ext.extend(sitools.common.forms.AbstractWithUnit, {

//sitools.component.users.SubSelectionParameters.SingleSelection.NumberFieldUser = Ext.extend(sitools.common.forms.AbstractWithUnit, {

    /**

	 * The numeric field

	 */

    field : null,

    initComponent : function () {

        this.context = new sitools.common.forms.ComponentFactory(this.context);

        var extraParams = {};

        Ext.each(this.extraParams, function (param) {

            extraParams[param.name]= param.value;

        }, this);

        this.extraParams = extraParams;

	    var unit = this.getUnitComponent();

	    this.field = new Ext.form.NumberField({

	        allowBlank : true,

	        flex : 1,

	        //height : this.height,

	        value : this.defaultValues[0],

	        decimalPrecision : 20

	    });

	    var items = [this.field];

        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.NumberField.superclass.initComponent.apply(

	            this, arguments);

   	    if (!Ext.isEmpty(this.label)) {

	    	this.items.insert(0, new Ext.Container({

	            border : false,

	            html : this.label,

	            width : 100

	        }));

	    }

    },

    /**

     * Notify the parent of any change

     * @method

     */

    notifyValueSelected : function () {

	    this.parent.notifyValueChanged(this.code);

    },

    /**

     * Return if the value is defined.

     * @method

     * @return {Boolean} 

     */

    isValueDefined : function () {

	    if (this.fieldFrom.getValue()) {

		    return true;

	    } else {

		    return false;

	    }

    },

    /**

     * Get the selected Value

     * @return {Numeric} the selected Value

     */

    getSelectedValue : function () {

	    return this.field.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)) {

		    return null;

	    }

	    var result = this.type + "|" + this.code + "|" + value;

	    if (!Ext.isEmpty(this.userDimension) && !Ext.isEmpty(this.userUnit)){

	    	result += "|" + this.userDimension + "|" + this.userUnit;

	    }

	   	return {

	    	type : this.type, 

	    	code : this.code, 

	    	value : value, 

	    	userDimension : this.userDimension, 

	    	userUnit : this.userUnit

	    };

    },

    //  *** Reset function for RESET button ***//

    resetToDefault : function () {

	this.field.reset();

    },

    //

});

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

* 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, i18n*/

/*

 * @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.OneOrBetween

 * @extends sitools.common.forms.AbstractWithUnit

 */

sitools.common.forms.components.OneOrBetween = Ext.extend(sitools.common.forms.AbstractWithUnit, {

//sitools.component.users.SubSelectionParameters.SingleSelection.OneOrBetween = Ext.extend(sitools.common.forms.AbstractWithUnit, {

    /**

	 * the first value.

	 */

    fieldOne : null,

    /**

	 * 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 unit = this.getUnitComponent();

	    this.fieldOne = new Ext.form.NumberField({

	        allowBlank : true,

	        //height : this.height,

	        value : this.defaultValues[0],

	        flex : 2,

	        listeners :

            {

                scope : this,

		        change : function () {

			        this.fieldTo.setValue("");

			        this.fieldFrom.setValue("");

		        }

	        }, 

	        decimalPrecision : 20

	    });

	    this.fieldFrom = new Ext.form.NumberField({

	        allowBlank : true,

	        //height : this.height,

	        flex : 2,

	        validator : function (value) {

		        if (Ext.isEmpty(this.ownerCt.fieldTo.getValue())) {

			        return true;

		        }

		        if (value > this.ownerCt.fieldTo.getValue()) {

			        return "invalid Value";

		        } else {

			        return true;

		        }

	        },

	        listeners : {

		        change : function () {

			        this.ownerCt.fieldOne.setValue("");

		        }

	        }, 

	        decimalPrecision : 20

	    });

	    this.fieldTo = new Ext.form.NumberField({

	        allowBlank : true,

	        //height : this.height,

	        flex : 2,

	        validator : function (value) {

		        if (value < this.ownerCt.fieldFrom.getValue()) {

			        return "invalid Value";

		        } else {

			        return true;

		        }

	        },

	        listeners : {

		        change : function () {