source: ether_iasi/trunk/web/project/quicklook_script.jsp @ 720

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<script type="text/javascript">

    var InterfaceIasi = Class.create( {
        initialize: function()
        {
            /** *********** CONTAINERS *********** **/
            this.parent = $( "#pageWrapper" );
            this.containerTools = $( "#containerTools" );
            this.containerQuickLookA = $( "#containerQuickLookA" );
            this.containerQuickLookB = $( "#containerQuickLookB" );
            this.containerErrors = $( "#errors" );

            /** *********** VARIABLES *********** **/


            this.createTools();
        },


        // CREATES AND BINDS ********************************************************
        createTools: function()
        {
            this.createSelectSatellites();
            this.createSelectProjections();
            this.createSelectSpecies();
            this.createCalendar();


            var quickLookButton = new Button( {id:"quickLookButton", value:"<spring:message code="label.quicklook.button"/>", parent:this.containerTools, className: "small", onClick:jQuery.proxy( this.onClickButton, this )} );
        },

        createSelectSatellites: function()
        {
            var div = $( document.createElement( "div" ) );
            div.html( '<spring:message code="label.satellite"/> :' );
            div.addClass( "selectTools" );
            this.containerTools.append( div );

            var paramSelect = new Object();
            paramSelect.id = "selectSatellites";
            paramSelect.parent = div;
            this.selectSatellites = new Select( paramSelect );
            this.selectSatellites.add( "A", "MetOp-A" );
            this.selectSatellites.add( "B", "MetOp-B" );
            this.selectSatellites.add( "AB", '<spring:message code="label.either"/>' );
            this.selectSatellites.selectFirst();
        },

        createSelectProjections: function()
        {
            var div = $( document.createElement( "div" ) );
            div.html( '<spring:message code="label.projection"/> :' );
            div.addClass( "selectTools" );
            this.containerTools.append( div );

            var paramSelect = new Object();
            paramSelect.id = "selectProjections";
            paramSelect.parent = div;
            this.selectProjections = new Select( paramSelect );
            this.selectProjections.add( "GL", '<spring:message code="label.globe"/>' );
            this.selectProjections.add( "EU", '<spring:message code="label.europe"/>' );
            this.selectProjections.add( "PN", '<spring:message code="label.pole.north"/>' );
            this.selectProjections.add( "PS", '<spring:message code="label.pole.south"/>' );
            this.selectProjections.selectFirst();
        },

        createSelectSpecies: function()
        {
            var div = $( document.createElement( "div" ) );
            div.html( '<spring:message code="label.species"/> :' );
            div.addClass( "selectTools" );
            this.containerTools.append( div );

            var paramSelect = new Object();
            paramSelect.id = "selectSpecies";
            paramSelect.parent = div;
            this.selectSpecies = new Select( paramSelect );
            this.selectSpecies.add( "CO", 'CO' );
            this.selectSpecies.add( "H2O",'H2O' );
            this.selectSpecies.add( "TS",'Temp. Surf.' )
            this.selectSpecies.selectFirst();
        },

        createCalendar: function()
        {
            this.calendarFormat = "%Y-%m-%d";
            this.calendarConverter = new AnyTime.Converter( { format: this.calendarFormat } );

            AnyTime.picker( "beginDate", { format: this.calendarFormat, firstDOW: 1,
                labelTitle: '<spring:message code="label.titlecalendar"/> :' ,
                labelYear:  '<spring:message code="label.yearcalendar"/> :' ,
                labelMonth:  '<spring:message code="label.monthcalendar"/> :',
                labelDayOfMonth: '<spring:message code="label.daycalendar"/> :',

                methodToCall: jQuery.proxy( this.onClickBeginDate, this )
            } );



//        $( "#beginDate" ).val( this.firstDate );
//        $( "#endDate" ).val( this.lastDate );
//        this.beginDate = this.calendarConverter.parse( $( "#beginDate" ).val() ).getTime();
//        this.endDate = this.calendarConverter.parse( $( "#endDate" ).val() ).getTime();

//        this.clearCalendarButton = new Button( {value:interfaceTexts["visualization.button.clear"], parent:this.containerOptionCalendar, id:"button_clear_calendar", className:"small", onClick:jQuery.proxy( this.onClickClear, this )} );

        },

        // REQUESTS ********************************************************
        requestQuickLooksBySelectValues: function()
        {
            $.ajax( {
                url: "statistic?methodName=searchMainStatisticsByProject&name=" + this.selectedLogo.id,
                success:jQuery.proxy( this.handleQuickLooksBySelectValues, this ),
                error: jQuery.proxy( this.showErrors, this )
            } );
        },


        // HANDLES ********************************************************
        handleQuickLooksBySelectValues: function( result )
        {
//        this.displaySummary();
        },


        // EVENTS ********************************************************
        onClickButton: function()
        {
            alert( "paf : " + this.selectProjections.getValue() + ",  " + this.selectSatellites.getValue() );
        },

        onClickBeginDate: function()
        {
            this.beginDate = this.calendarConverter.parse( $( "#beginDate" ).val() ).getTime();
        },

        // OTHERS ********************************************************
        showErrors: function( result )
        {
            this.containerErrors.show();
            this.containerErrors.html( result );
        }

    } );

</script>