Changeset 728

Timestamp:

01/18/13 15:45:15 (11 years ago)

Author:

vmipsl

Message:

data access

Location:

ether_iasi/trunk/web

Files:

• project/dataAccess.jsp (modified) (2 diffs)
• project/dataAccess_script.jsp (modified) (3 diffs)
• resources/css/iasi.css (modified) (3 diffs)
• resources/js/classesForJQuery/etherHelper.js (modified) (1 diff)
• src/messages_en.properties (modified) (1 diff)
• src/messages_fr.properties (modified) (2 diffs)

ether_iasi/trunk/web/project/dataAccess.jsp

@@ -46 +46 @@
 
         <div class="containerAccess">
-            <div class="title1"><spring:message code="label.access.level"/></div>
+            <div class="title1"><spring:message code="label.access.level"/></div><BR/>
             <div id="productLevel"></div>
             <div id="productLevelComment"></div>
@@ -56 +56 @@
 
         <div id="temporal" class="containerAccess">
-            <div class="title1"><spring:message code="label.access.temporal"/></div>
+            <div class="title1"><spring:message code="label.access.temporal"/></div><BR/>
+            <spring:message code="label.access.date.begin"/> : <input type="text" id="beginDate" size="15"/>
+            <spring:message code="label.access.date.end"/> : <input type="text" id="endDate" size="15"/>
         </div>
 

ether_iasi/trunk/web/project/dataAccess_script.jsp

@@ -17 +17 @@
 
             /** *********** VARIABLES *********** **/
-
+            this.calendarFormat = "%Y-%m-%d %H:%i";
+            this.beginDate = false;
+            this.endDate = false;
+            this.firstDate = formatDate( new Date() );
+            this.lastDate = formatDate( addHoursToDate( new Date(), 1 ) );
 
             this.createTabs();
             this.createProductLevels();
+            this.createTemporal();
         },
 
@@ -66 +71 @@
         },
 
+        createTemporal: function()
+        {
+            // Calendar
+            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"/> :',
+                labelHour: '<spring:message code="label.hourcalendar"/> :',
+                labelMinute: '<spring:message code="label.minutecalendar"/> :',
+                methodToCall: jQuery.proxy( this.onClickBeginDate, this )
+            } );
+
+            AnyTime.picker( "endDate", { 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"/> :',
+                labelHour: '<spring:message code="label.hourcalendar"/> :',
+                labelMinute: '<spring:message code="label.minutecalendar"/> :',
+                methodToCall: jQuery.proxy( this.onClickEndDate, this ),
+                idToUpdateEarliest: "beginDate"
+            } );
+
+            $( "#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:'<spring:message code="label.clear"/>', parent:this.containerTemporal, id:"button_clear_calendar", className:"small", onClick:jQuery.proxy( this.onClickClear, this )} );
+        },
+
         // REQUESTS ********************************************************
-        requestQuickLooksBySelectValues: function()
-        {
-            $.ajax( {
-                url: "project?methodName=getQuicklookByValues&satellite=" + this.selectSatellites.getValue() + "&projection=" + this.selectProjections.getValue() + "&species=" + this.selectSpecies.getValue() + "&date=" + this.beginDate,
-                success:jQuery.proxy( this.handleQuickLooksBySelectValues, this ),
-                error: jQuery.proxy( this.showErrors, this )
-            } );
-        },
+//        requestQuickLooksBySelectValues: function()
+//        {
+//            $.ajax( {
+//                url: "project?methodName=getQuicklookByValues&satellite=" + this.selectSatellites.getValue() + "&projection=" + this.selectProjections.getValue() + "&species=" + this.selectSpecies.getValue() + "&date=" + this.beginDate,
+//                success:jQuery.proxy( this.handleQuickLooksBySelectValues, this ),
+//                error: jQuery.proxy( this.showErrors, this )
+//            } );
+//        },
 
 
         // HANDLES ********************************************************
-        handleQuickLooksBySelectValues: function( result )
-        {
-
-            var plotName = jQuery.parseJSON( result ).plotNameResult;
-            this.containerQuickLookA.html( plotName );
-        },
+//        handleQuickLooksBySelectValues: function( result )
+//        {
+//
+//            var plotName = jQuery.parseJSON( result ).plotNameResult;
+//            this.containerQuickLookA.html( plotName );
+//        },
 
 
@@ -109 +148 @@
         },
 
+        onClickClear: function()
+        {
+            $( "#beginDate" ).val( "" );
+            this.beginDate = false;
+            $( "#endDate" ).val( "" );
+            this.endDate = false;
+        },
+
+        onClickBeginDate: function()
+        {
+            var oneHour = 60 * 60 * 1000;
+            var beginDateTime = this.calendarConverter.parse( $( "#beginDate" ).val() ).getTime();
+            var endDateTime = null;
+            if( "" != $( "#endDate" ).val() )
+                endDateTime = this.calendarConverter.parse( $( "#endDate" ).val() ).getTime();
+            this.beginDateWithAnHourLater = new Date( beginDateTime + oneHour );
+
+            if( null == endDateTime || endDateTime < beginDateTime )
+                $( "#endDate" ).val( this.calendarConverter.format( this.beginDateWithAnHourLater ) );
+
+            this.beginDate = this.calendarConverter.parse( $( "#beginDate" ).val() ).getTime();
+            this.endDate = this.calendarConverter.parse( $( "#endDate" ).val() ).getTime();
+        },
+
+        onClickEndDate: function()
+        {
+            this.endDate = this.calendarConverter.parse( $( "#endDate" ).val() ).getTime();
+        },
+
         // OTHERS ********************************************************
         showErrors: function( result )

ether_iasi/trunk/web/resources/css/iasi.css

@@ -89 +89 @@
 }
 
-#beginDate {
+#beginDate, #endDate {
     background-image: url("../../resources/icons/calendrier-icone-16x16.png");
     background-position: right center;
@@ -100 +100 @@
 }
 
-#productLevel {
-    margin-top: 10px;
-}
-
 #productLevelComment {
     margin: 10px;
@@ -109 +105 @@
     float: left;
     -moz-border-radius: 4px;
-    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
     -webkit-border-radius: 4px;
-    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
-    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
-    background: #3E647E;
-    color: white;
+    border: solid 1px #3E647E;
+    color: #3E647E;
     font-size: 11px;
 }

ether_iasi/trunk/web/resources/js/classesForJQuery/etherHelper.js

@@ -70 +70 @@
 }
 
+// This method add days to a date
+function addDaysToDate( date, numberOfDays )
+{
+    var dayToMs = 24 * 60 * 60 * 1000;
+    var newDate = date.getTime() + numberOfDays * dayToMs;
+    return new Date( newDate );
+}
+
+// This method add hours to a date
+function addHoursToDate( date, numberOfHours )
+{
+    var hourToMs = 60 * 60 * 1000;
+    var newDate = date.getTime() + numberOfHours * hourToMs;
+    return new Date( newDate );
+}
+
 // PAGINATION
 function decrementPage( pageContainer, maxPageContainer )

ether_iasi/trunk/web/src/messages_en.properties

@@ -22 +22 @@
 label.monthcalendar=Month
 label.daycalendar=Day
+label.hourcalendar=Hour
+label.minutecalendar=Minute
 label.quicklook.button=Get quicklook
 label.clear=Clear

ether_iasi/trunk/web/src/messages_fr.properties

@@ -23 +23 @@
 label.monthcalendar=Mois
 label.daycalendar=Jour
+label.hourcalendar=Heure
+label.minutecalendar=Minute
 label.quicklook.button=Go quicklook
 label.clear=Initialiser
@@ -43 +45 @@
 label.access.satial=Spatiale
 label.access.temporal=Temporel
-label.access.date.begin=Date de Début
-label.access.date.end=Date de Fin
-label.access.time.begin=Heure de Départ (UTC)
-label.access.time.end=Heure de Fin (UTC)
+label.access.date.begin=Date de Début (UTC)
+label.access.date.end=Date de Fin (UTC)
 label.access.get=GO DONNEES