Changeset 236 for ether_megapoli/trunk/web/visualization/visu_parameter_by_pf-script.jsp

Timestamp:

11/07/11 15:50:30 (13 years ago)

Author:

vmipsl

Message:

jQuery

• calendrier ok
• window ok

File:

• ether_megapoli/trunk/web/visualization/visu_parameter_by_pf-script.jsp (modified) (8 diffs)

ether_megapoli/trunk/web/visualization/visu_parameter_by_pf-script.jsp

@@ -1 @@
-<%@ page import="com.ether.EtherPlotServiceImpl" %>
-
 <script type="text/javascript">
 var InterfaceVisualization = Class.create( {
@@ -62 +60 @@
         // Calendar
         this.calendarFormat = "%Y-%m-%d %H:%i";
-//        this.calendarConverter = new AnyTime.Converter( { format: this.calendarFormat } );
-
-//        AnyTime.picker( "beginDate", { format: this.calendarFormat, firstDOW: 1,
-//            labelTitle: interfaceTexts["data.visualization.selectDate"], labelYear: interfaceTexts["data.visualization.selectYear"], labelMonth: interfaceTexts["data.visualization.selectMonth"], labelDayOfMonth: interfaceTexts["data.visualization.selectDay"],
-//            labelHour: interfaceTexts["data.visualization.selectHour"], labelMinute: interfaceTexts["data.visualization.selectMinute"],
-//            methodToCall: this.onClickBeginDate.bindAsEventListener( this )
-//        } );
-//
-//        AnyTime.picker( "endDate", { format: this.calendarFormat, firstDOW: 1,
-//            labelTitle: interfaceTexts["data.visualization.selectDate"], labelYear: interfaceTexts["data.visualization.selectYear"], labelMonth: interfaceTexts["data.visualization.selectMonth"], labelDayOfMonth: interfaceTexts["data.visualization.selectDay"],
-//            labelHour: interfaceTexts["data.visualization.selectHour"], labelMinute: interfaceTexts["data.visualization.selectMinute"],
-//            methodToCall: this.onClickEndDate.bindAsEventListener( this ),
-//            idToUpdateEarliest: "beginDate"
-//        } );
-//
-//        $( "beginDate" ).value = this.firstDate;
-//        $( "endDate" ).value = this.lastDate;
+        this.calendarConverter = new AnyTime.Converter( { format: this.calendarFormat } );
+
+        AnyTime.picker( "beginDate", { format: this.calendarFormat, firstDOW: 1,
+            labelTitle: interfaceTexts["data.visualization.selectDate"], labelYear: interfaceTexts["data.visualization.selectYear"], labelMonth: interfaceTexts["data.visualization.selectMonth"], labelDayOfMonth: interfaceTexts["data.visualization.selectDay"],
+            labelHour: interfaceTexts["data.visualization.selectHour"], labelMinute: interfaceTexts["data.visualization.selectMinute"],
+            methodToCall: jQuery.proxy( this.onClickBeginDate, this )
+        } );
+
+        AnyTime.picker( "endDate", { format: this.calendarFormat, firstDOW: 1,
+            labelTitle: interfaceTexts["data.visualization.selectDate"], labelYear: interfaceTexts["data.visualization.selectYear"], labelMonth: interfaceTexts["data.visualization.selectMonth"], labelDayOfMonth: interfaceTexts["data.visualization.selectDay"],
+            labelHour: interfaceTexts["data.visualization.selectHour"], labelMinute: interfaceTexts["data.visualization.selectMinute"],
+            methodToCall: jQuery.proxy( this.onClickEndDate, this ),
+            idToUpdateEarliest: "beginDate"
+        } );
+
+        $( "#beginDate" ).val( this.firstDate );
+        $( "#endDate" ).val( this.lastDate );
         this.clearCalendarButton = new Button( {value:interfaceTexts["data.visualization.button.clear"], parent:this.containerOptionCalendar, id:"button_clear_calendar", className:"small", onClick:jQuery.proxy( this.onClickClear, this )} );
 
@@ -90 +88 @@
     {
         this.visualizeButton = new Button( {value:interfaceTexts["data.visualization.button.visualize"], parent:this.containerButtons, id:"button_visualize", onClick:jQuery.proxy( this.onClickVisualize, this )} );
-        this.visualizeButton.disable();
+//        this.visualizeButton.disable();
         this.downloadButton = new Button( {value:interfaceTexts["data.visualization.button.download"], parent:this.containerButtons, id:"button_download", onClick:jQuery.proxy( this.onClickDownload, this )} );
         this.downloadButton.disable();
@@ -259 +257 @@
     {
         var oneHour = 60 * 60 * 1000;
-        var beginDateTime = this.calendarConverter.parse( $( "beginDate" ).value ).getTime();
+        var beginDateTime = this.calendarConverter.parse( $( "#beginDate" ).val() ).getTime();
         var endDateTime = null;
-        if( "" != $( "endDate" ).value )
-            endDateTime = this.calendarConverter.parse( $( "endDate" ).value ).getTime();
+        if( "" != $( "#endDate" ).val() )
+            endDateTime = this.calendarConverter.parse( $( "#endDate" ).val() ).getTime();
         this.beginDateWithAnHourLater = new Date( beginDateTime + oneHour );
 
         if( null == endDateTime || endDateTime < beginDateTime )
-            $( "endDate" ).value = this.calendarConverter.format( this.beginDateWithAnHourLater );
-
-        this.beginDate = this.calendarConverter.parse( $( "beginDate" ).value ).getTime();
-        this.endDate = this.calendarConverter.parse( $( "endDate" ).value ).getTime();
+            $( "#endDate" ).val( this.calendarConverter.format( this.beginDateWithAnHourLater ) );
+
+        this.beginDate = this.calendarConverter.parse( $( "#beginDate" ).val() ).getTime();
+        this.endDate = this.calendarConverter.parse( $( "#endDate" ).val() ).getTime();
 
         this.testAllFields();
@@ -276 +274 @@
     onClickEndDate: function()
     {
-        this.endDate = this.calendarConverter.parse( $( "endDate" ).value ).getTime();
+        this.endDate = this.calendarConverter.parse( $( "#endDate" ).val() ).getTime();
     },
 
     onClickClear: function()
     {
-        $( "beginDate" ).value = "";
+        $( "#beginDate" ).val( "" );
         this.beginDate = false;
-        $( "endDate" ).value = "";
+        $( "#endDate" ).val( "" );
         this.endDate = false;
     },
@@ -304 +302 @@
         {
             var url = "visualization/plotEther?" + urlObject.parameters;
-
-            this.plotWindow.getContent().innerHTML = '<img src=' + url + ' />';
-            this.plotWindow.setSize( <%=EtherPlotServiceImpl.getMaxWidth()%>, <%=EtherPlotServiceImpl.getMaxHeight()%> );
-            this.plotWindow.show();
-        }
-        else
-        {
-            this.plotWindow.getContent().innerHTML = '<BR/><center>' + interfaceTexts["data.visualization.graph.noPlot"] + '</center>';
-            this.plotWindow.setSize( 400, 50 );
-            this.plotWindow.show();
-        }
+            var $dialog = $( '<div></div>' )
+                    .html( '<img src=' + url + ' />' )
+                    .dialog( {
+                                 autoOpen: false,
+                                 title: interfaceTexts["app.title"] + "-" + interfaceTexts["data.visualization.quicklook"]
+                             } );
+        }
+        else
+        {
+            var $dialog = $( '<div></div>' )
+                    .html( '<BR/><center>' + interfaceTexts["data.visualization.graph.noPlot"] + '</center>' )
+                    .dialog( {
+                                 autoOpen: false,
+                                 title: interfaceTexts["app.title"] + "-" + interfaceTexts["data.visualization.quicklook"]
+                             } );
+//            this.plotWindow.setSize( 400, 50 );
+        }
+
+        $dialog.dialog( 'open' );
+//                prevent the default action, e.g., following a link
+        return false;
     },
 
@@ -336 +344 @@
         if( (!this.selectedPlateform || !this.selectedParameter) && 0 == this.numberParameterToDisplay )
         {
-            this.visualizeButton.disable();
+//            this.visualizeButton.disable();
             this.downloadButton.disable();
             return;
@@ -418 +426 @@
                     this.selectPlotsPlateformType = this.selectedPlateform.jsonElement.type;
 //                    if( !isParameterAlreadySelected )
-                        this.selectParameters.push( this.selectedParameter.getId() );
+                    this.selectParameters.push( this.selectedParameter.getId() );
 
                     this.numberParameterToDisplay = this.selectPlots.getSize();