source: tapas/web/project/formTapas_script.jsp @ 419

<script type="text/javascript">
    var InterfaceTapas = Class.create( {

        initialize: function(jsonFileFormats,jsonYesNos)
        {
            /** *********** CONTAINERS *********** **/
            this.containerForm = $( "#formulaire" );
            this.containerErrors = $( "#errors" );

            this.jsonFileFormats = jsonFileFormats || null;
            this.jsonYesNos = jsonYesNos || null;

            this.containerErrors.hide();

            this.createForm();
        },



        // CREATES ********************************************************
        createTr: function(texte, inputId, container)
        {
            var tr=$( document.createElement("tr") );
            var td1=$( document.createElement("td") );
            var td2=$( document.createElement("td") );
            var input=$( document.createElement("input") );


            input.attr({id: inputId});
            td1.html(texte);
            tr.append(td1);
            td2.append(input);
            tr.append(td2);
            container.append(tr);
        },


        createTrList: function(texte, inputId, container, type)
                {
                    var tr=$( document.createElement("tr") );
                    var td1=$( document.createElement("td") );
                    var td2=$( document.createElement("td") );
                    var input=$( document.createElement("input") );


                    input.attr({id: inputId});
                    td1.html(texte);
                    tr.append(td1);
                    if (type == 'format') this.displayFileFormats(td2);
                    else if (type == 'yesno') this.displayYesNo(td2);

                    tr.append(td2);
                    container.append(tr);
                },


        createForm: function()
        {

            //Creation div
            var divPreference=$( document.createElement("div") );
            var tabPreference=$( document.createElement("table") );

            this.createTrList("File format", "p1", tabPreference, 'format');
            this.createTr("Rayleigh extinction", "p2", tabPreference);
            this.createTrList("H20 extinction", "p3", tabPreference, 'yesno');
            this.createTrList("O3 extinction", "p4", tabPreference, 'yesno');
            this.createTrList("O2 extinction", "p5", tabPreference, 'yesno');
            this.createTrList("CO2 extinction", "p6", tabPreference, 'yesno');

            divPreference.append( tabPreference );
            this.containerForm.append( divPreference );

            //jQuery.proxy permet d'envoyer le contexte this courant
            var submitButton = new Button( {value:tapasTexts["label.submitButton"], parent:this.containerForm, id:"button_submit", className: "red_button", classNameText:"red_button_text", onClick:jQuery.proxy( this.onClickSubmit, this )} );

        },



        // REQUESTS ********************************************************
        requestCreateXML: function()
        {
            var tapasForm = this.createTapasForm();
            //passage de javascript a json grace au jquery
            var jsonTapasForm = $.toJSON( tapasForm );

            if( jsonTapasForm )
                $.ajax( {
                    url: "data?methodName=createUserRequest&jsonTapas=" + jsonTapasForm,
                    success:jQuery.proxy( this.handleCreateXML, this ),
                    error: jQuery.proxy( this.showErrors, this )
                } );
        },

        // HANDLES ******************************************************** = retours ajax
        handleCreateXML: function( result )
        {
            var bob = jQuery.parseJSON( result ).result;
            alert( bob );
        },


        // EVENTS ********************************************************
        onClickSubmit: function()
        {
            this.containerErrors.hide();
            this.requestCreateXML();
        },


        // OTHERS ********************************************************
        displayFileFormats: function(container)
        {
            var paramSelect = new Object();
            paramSelect.id = "select_formats";
            paramSelect.parent = container;
            this.selectFormats = new Select( paramSelect );
            jQuery.each( this.jsonFileFormats, jQuery.proxy( function ( i, jsonFileFormat )
            {
                this.selectFormats.add( jsonFileFormat.value, jsonFileFormat.text );
            }, this ) );
            this.selectFormats.selectFirst( false );
        },


        displayYesNo: function(container,name)
        {
            var paramSelect = new Object();
            paramSelect.id = "select_"+name;
            paramSelect.parent = container;
            this.selectYesNos = new Select( paramSelect );
            jQuery.each( this.jsonYesNos, jQuery.proxy( function ( i, jsonYesNo )
            {
                this.selectYesNos.add( jsonYesNo.value, jsonYesNo.text );
            }, this ) );
            this.selectYesNos.selectFirst( false );
        },


        showErrors: function( result )
        {
            this.containerErrors.show();
            this.containerErrors.html( tapasTexts[result.responseText] );
        },

        createTapasForm: function()
        {
            // PREFERENCE
            var preference = new Object();

            preference.format = new Object();
            preference.format.firstValue = $( "#1" ).val();
            preference.format.secondValue = $( "#2" ).val();

            var pair = new Object();
            pair.firstValue = "YES,NO";
            pair.secondValue = "YES";

            preference.rayleighExtinction = pair;
            preference.h2oExtinction = pair;
            preference.o3Extinction = pair;
            preference.o2Extinction = pair;
            preference.co2Extinction = pair;

            // OBSERVATION
            // Observatory
            var observatory = new Object();
            observatory.name = "SanFernandoObs.RSanFernando";

            observatory.longitude = new Object();
            observatory.longitude.min = "-180";
            observatory.longitude.max = "180";
            observatory.longitude.value = -118.491666666667;

            observatory.latitude = new Object();
            observatory.latitude.min = "-90";
            observatory.latitude.max = "90";
            observatory.latitude.value = 34.3083333333333;

            observatory.altitude = new Object();
            observatory.altitude.min = "0";
            observatory.altitude.max = "10000";
            observatory.altitude.value = 371;

            // Los
            var los = new Object();
            los.raJ2000 = "04:32:43";
            los.decJ2000 = "-43:12:10.22";

            los.zenithAngle = new Object();
            los.zenithAngle.min = "0";
            los.zenithAngle.max = "90";
            los.zenithAngle.value = 60;

            // Instrument
            var instrument = new Object();

            instrument.spectralChoice = new Object();
            instrument.spectralChoice.firstValue = "Vacuum Wavelength (nm),Standard Wavelength (nm),Wavenumber (cm-1)";
            instrument.spectralChoice.secondValue = "Standard Wavelength (nm)";
            instrument.spectralRange = "1180 1200";
            instrument.ilsfChoice = new Object();
            instrument.ilsfChoice.firstValue = "-1,0,1";
            instrument.ilsfChoice.secondValue = 0;
            instrument.ilsfPath = "/home/ferron/tmp/tapas/ilsf.txt";
            instrument.resolvingPower = new Object();
            instrument.resolvingPower.firstValue = "0";
            instrument.resolvingPower.secondValue = 1000000;
            instrument.samplingRatio = new Object();
            instrument.samplingRatio.firstValue = "0";
            instrument.samplingRatio.secondValue = 3;

            var observation = new Object();
            observation.date = "2012-02-24";
            observation.observatory = observatory;
            observation.los = los;
            observation.instrument = instrument;

            // ATMOSPHERE
            var atmosphere = new Object();
            atmosphere.reference = new Object();
            atmosphere.reference.firstValue = "0,1,2,3,4,5,6";
            atmosphere.reference.secondValue = 6;

            atmosphere.arlettyFile = new Array();
            atmosphere.arlettyFile[0] = "/home/ferron/tmp/tapas/Reims_070402.ARL.txt";
            atmosphere.arlettyFile[1] = "/home/ferron/tmp/tapas/Reims_070402.ARL.txt22";

            atmosphere.ecmwfFile = new Array();
            atmosphere.ecmwfFile[0] = "/home/ferron/tmp/tapas/ecmwf12.txt";

            // REQUEST
            var request = new Object();
            request.id = 1;
            request.preference = preference;
            request.observation = observation;
            request.atmosphere = atmosphere;

            var requests = new Array();
            requests[0] = request;

            // TAPAS
            var tapas = new Object();
            tapas.id = "Ether_TAPAS_0000001";
            tapas.requests = requests;

            return tapas;
        }

    } );


</script>