Changeset 727

Timestamp:

01/18/13 15:21:28 (11 years ago)

Author:

vmipsl

Message:

data access

Location:

ether_iasi/trunk/web

Files:

• project/dataAccess.jsp (modified) (1 diff)
• project/dataAccess_script.jsp (modified) (4 diffs)
• resources/css/iasi.css (modified) (2 diffs)

ether_iasi/trunk/web/project/dataAccess.jsp

@@ -45 +45 @@
         <div id="title" class="containerTitle"></div>
 
-        <div id="productLevel" class="containerProduct"></div>
+        <div class="containerAccess">
+            <div class="title1"><spring:message code="label.access.level"/></div>
+            <div id="productLevel"></div>
+            <div id="productLevelComment"></div>
+        </div>
 
-        <div id="spatial" class="containerSpatial"><spring:message code="label.access.spatial"/></div>
+        <div id="spatial" class="containerAccess">
+            <div class="title1"><spring:message code="label.access.spatial"/></div>
+        </div>
 
-        <div id="temporal" class="containerTemporal"><spring:message code="label.access.temporal"/></div>
+        <div id="temporal" class="containerAccess">
+            <div class="title1"><spring:message code="label.access.temporal"/></div>
+        </div>
 
         <div id="errors"></div>

ether_iasi/trunk/web/project/dataAccess_script.jsp

@@ -11 +11 @@
             this.containerTitle = $( "#title" );
             this.containerProductLevel = $( "#productLevel" );
+            this.containerProductLevelComment = $( "#productLevelComment" );
             this.containerSpatial = $( "#spatial" );
             this.containerTemporal = $( "#temporal" );
@@ -18 +19 @@
 
 
-            this.createTab();
+            this.createTabs();
+            this.createProductLevels();
         },
 
 
         // CREATES AND BINDS ********************************************************
-        createTab: function()
+        createTabs: function()
         {
             var tabBalloon = new Tab( {id:"tabBalloon", numTab:"3", parent:this.containerTab, value:'<spring:message code="label.access.balloon"/>', onClick:jQuery.proxy( this.onClickMetopBallon, this )} );
@@ -32 +34 @@
         },
 
-
-        createTools: function()
+        createProductLevels: function()
         {
-            this.createSelectSatellites();
-            this.createSelectProjections();
-            this.createSelectSpecies();
-            this.createCalendar();
-
-
-            var quickLookButton = new Button( {id:"quickLookButton", value:"<spring:message code="label.quicklook.button"/>", parent:this.containerSelect, className: "small", onClick:jQuery.proxy( this.onClickQuicklook, this )} );
+            var divRadioBalloon = this.createRadio( "ballonRadio", "productLevel", "balloon", '<spring:message code="label.access.level.balloon"/>', jQuery.proxy( this.onClickRadio, [this, '<spring:message code="label.access.level.balloon.comment"/>'] ), true );
+            this.containerProductLevel.append( divRadioBalloon );
+            var divRadioClouds = this.createRadio( "cloudRadio", "productLevel", "cloud", '<spring:message code="label.access.level.clouds"/>', jQuery.proxy( this.onClickRadio, [this, '<spring:message code="label.access.level.clouds.comment"/>'] ), false );
+            this.containerProductLevel.append( divRadioClouds );
+            var divRadioTemp = this.createRadio( "tempRadio", "productLevel", "temp", '<spring:message code="label.access.level.temp"/>', jQuery.proxy( this.onClickRadio, [this, '<spring:message code="label.access.level.temp.comment"/>'] ), false );
+            this.containerProductLevel.append( divRadioTemp );
+            var divRadioCarbon = this.createRadio( "carbonRadio", "productLevel", "carbon", '<spring:message code="label.access.level.carbon"/>', jQuery.proxy( this.onClickRadio, [this, '<spring:message code="label.access.level.carbon.comment"/>'] ), false );
+            this.containerProductLevel.append( divRadioCarbon );
         },
 
-        createSelectSatellites: function()
+        createRadio: function( id, name, value, text, onClickRadio, checked )
         {
-            var div = $( document.createElement( "div" ) );
-            div.html( '<spring:message code="label.satellite"/> :' );
-            div.addClass( "selectTools" );
-            this.containerSelect.append( div );
+            var divRadio = $( document.createElement( "div" ) );
+            divRadio.addClass( "radioProductLevel" );
 
-            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();
-        },
+            var radio = $( document.createElement( "input" ) );
+            radio.attr( {type: "radio", id:id, name:name, value:value, checked: checked} );
+            divRadio.append( radio );
 
-        createSelectProjections: function()
-        {
-            var div = $( document.createElement( "div" ) );
-            div.html( '<spring:message code="label.projection"/> :' );
-            div.addClass( "selectTools" );
-            this.containerSelect.append( div );
+            var label = $( document.createElement( "label" ) );
+            label.attr( {for:id} );
+            label.html( text );
+            divRadio.append( label );
 
-            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.containerSelect.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 )
-            } );
-
-            this.clearCalendarButton = new Button( {value:'<spring:message code="label.clear"/>', parent:this.containerCalendar, id:"button_clear_calendar", className:"small", onClick:jQuery.proxy( this.onClickClear, this )} );
-
+            divRadio.bind( 'click', this, onClickRadio );
+            if( checked )
+                divRadio.click();
+            return divRadio;
         },
 
@@ -150 +102 @@
         },
 
+        onClickRadio: function()
+        {
+            var context = this[0];
+            var comment = this[1];
+            context.containerProductLevelComment.html( comment );
+        },
+
         // OTHERS ********************************************************
         showErrors: function( result )

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

@@ -64 +64 @@
 }
 
+.containerAccess {
+    margin: 0 0 10px 0;
+    float: left;
+    width: 980px;
+}
+
 .containerTabs {
     position: relative;
@@ -89 +95 @@
 }
 
+.radioProductLevel {
+    float: left;
+    margin-right: 10px;
+}
+
+#productLevel {
+    margin-top: 10px;
+}
+
+#productLevelComment {
+    margin: 10px;
+    padding: 5px;
+    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;
+    font-size: 11px;
+}
+
 /** ***************************************************** **/
 /** ************************ TABS *********************** **/