source: ether_ndacc/trunk/web/test_e.jsp @ 799

Last change on this file since 799 was 113, checked in by rboipsl, 13 years ago

Import du projet NDACC _ module web
File size: 17.4 KB
Line 
1<%@ page contentType="text/html" %>
2<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
3<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
4<%@ taglib uri="http://java.sun.com/jstl/core" prefix="jstl" %>
5
6
7<script language="JavaScript" src="../JavaScript/global.js"> </script>
8
9
10<script type="text/javascript">
11        function selectIt(valeur) {
12                var tableau = document.getElementsByName("select_" + valeur);
13               
14                var div = document.getElementById("select_" + valeur)
15                var tab_input = tableau[0].parentNode.parentNode.getElementsByTagName("input");
16//              var tab_input = div.parentNode.parentNode.getElementsByTagName("input");
17               
18                if (tableau[0].parentNode.parentNode.className != "liste_select") {
19                        tableau[0].parentNode.parentNode.className = "liste_select";           
20                        tab_input[0].value = "true";
21                        }
22                       
23                else {
24                        tableau[0].parentNode.parentNode.className = "valeur"; 
25                        tab_input[0].value = "false";
26                        }
27               
28                //alert(tab_input + " " + tab_input.length + " " + tab_input[0].value);
29
30        for (var i=0; i<tableau.length ; i++) {
31                tableau[i].className = "liste_out";
32        }
33       
34        //document.getElementById("action:target_selected").value = valeur;
35        }
36       
37        function mouseIn(valeur) {
38       
39        var tableau = document.getElementsByName("select_" + valeur);
40        //alert(tableau.length + " select_" + valeur);
41        for (var i=0; i<tableau.length ; i++) {
42                tableau[i].className = "liste_over";
43        }
44       
45        document.getElementById("select_" + valeur).className = "liste_over";
46       
47        }
48       
49        function mouseOut(valeur) {
50               
51        var tableau = document.getElementsByName("select_" + valeur);
52       
53        for (var i=0; i<tableau.length ; i++) {
54                tableau[i].className = "liste_out";
55        }
56        document.getElementById("select_" + valeur).className = "liste_out";   
57        }
58       
59        function init() {
60       
61                tab = document.getElementById("form_pageCritere:tableau_vegetation");
62                tableau_input = tab.getElementsByTagName("input");
63       
64       
65                for (var i=0; i<tableau_input.length; i++) {
66       
67                        if (tableau_input[i].value == "true")
68                                tableau_input[i].parentNode.parentNode.className = "liste_select";
69                }
70               
71        }
72       
73        function init_coord() {
74                document.getElementById("form_pageCritere:Latitude_North").value="90.0";
75                document.getElementById("form_pageCritere:Latitude_South").value="-90.0";
76                document.getElementById("form_pageCritere:Longitude_West").value="-180.0";
77                document.getElementById("form_pageCritere:Longitude_East").value="180.0";
78        }
79       
80        function init_date(begDate,endDate) {
81                document.getElementById("form_pageCritere:begDate").value=document.getElementById("form_pageCritere:dateDebut").value;
82                document.getElementById("form_pageCritere:endDate").value=document.getElementById("form_pageCritere:dateFin").value;
83        }
84</script>
85<head>
86                <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
87                <title>Eccad - emission page</title>
88                <link rel="stylesheet" 
89                          href=".resources/css/Eccad.css"
90                          type="text/css"
91                      media="all">
92                <link rel="stylesheet" href=".resources/css/carte.css" type="text/css" media="all"/>
93                <link rel="stylesheet" href=".resources/css/panel.css" type="text/css" media="all"/>
94                <link rel="stylesheet" href=".resources/css/land.css" type="text/css" media="all"/>
95</head>
96
97<body onload="javascript:initTabs('tab5');init();">
98        <h:form id="form_pageEmission">
99                <div id="page">
100                        <jstl:import url="./commun/bandeauhaut.jsp"/>
101
102       
103                   <div id="centre">
104                        <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" align="left" style="border: none; border-width: 0px">
105                        <tr><td width="115px">
106                           <div class="navigV">
107                                        <div style="width: 100%; margin-top: 10px" align="center">
108                                        <div class="copyright">Copyright 2006-2008<br/>CNES-CNRS</div>
109                                                <h:outputLink value="#{UrlBean.url.url_home}">
110                                                        <h:graphicImage value="/images/ECCAD_small.gif" width="100px"></h:graphicImage>
111                                                </h:outputLink>
112                                        </div>
113                                        <div class="nom" style="width: 100%;">
114                                                <h:outputLink value="./page_emission_bis.jsf"><f:verbatim>Emission Factor</f:verbatim></h:outputLink>
115                                        </div>
116                                        <div class="valeur">
117                                                Product Name : <h:commandLink styleClass="valeur" onclick="javascript:window.open('./page_metadata.jsf?produit=#{emissionBean.facteur.produit.id_item}', 'Metadata', 'menubar=yes,status=yes,location=no,scrollbars=yes,resizable=yes,width=600')" value="#{emissionBean.facteur.produit.name_item}"/>
118                                        </div>
119                                        <div class="valeur">
120                                                Emission : <h:outputText value="#{emissionBean.facteur.gaz.name_item}"></h:outputText>
121                                        </div>
122                                        <div class="nom" style="width: 100%;">
123                                                Land Cover
124                                        </div>
125                                        <div class="valeur">
126                                                none
127                                        </div>
128                                        <div class="nom" style="width: 100%;">
129                                                Burnt Area
130                                        </div>
131                                        <div class="valeur">
132                                                none
133                                        </div>
134                           </div><!-- ferme navigV -->
135                        </td><td valign="top">
136                                <div class="contenu2">
137                                <jstl:import url="./commun/tabs_em.jsp"/>
138                                <div class="mainBody">
139                                        <div class="pageEccad">
140                                                <div class="selection">
141                                                        <div class="bloc" style="width: 80%; margin-left: 5px">
142                                                                <div class="legendbloc">Product Selection</div>
143                                                                <table width="100%">
144                                                                        <tr><td class="valeur" width="30%">
145                                                                            <h:outputText value="Product"/>
146                                                                        </td><td class="valeur" width="70%" align="left">
147                                                                                <h:selectOneMenu style="width: 180px;" value="#{emissionBean.facteur.produit.id_item}" binding="#{emissionBean.facteur.produit.itemUI}" valueChangeListener="#{emissionBean.facteur.majProduit}" onchange="submit();">
148                                                                                        <f:selectItems value="#{emissionBean.facteur.produit.liste_item}"/>
149                                                                                </h:selectOneMenu>
150                                                                        </td></tr>
151                                                                        <tr><td class="valeur" width="30%">
152                                                                                <h:outputText value="Gaz"/>
153                                                                        </td><td class="valeur" width="70%">
154                                                                                <h:selectOneMenu style="width: 180px;" value="#{emissionBean.facteur.gaz.id_item}" binding="#{emissionBean.facteur.gaz.itemUI}" valueChangeListener="#{emissionBean.facteur.majGaz}" onchange="submit();">
155                                                                                        <f:selectItems value="#{emissionBean.facteur.gaz.liste_item}" />
156                                                                                </h:selectOneMenu>
157                                                                        </td></tr>
158                                                                        <tr>
159                                                                        <td class="valeur" width="30%" valign="top">
160                                                                                <h:outputText value="Description"/>
161                                                                                <div align="center" style="width: 100%; padding-top: 10px;">
162                                                                                        <h:commandLink onclick="javascript:window.open('./page_metadata.jsf?produit=#{emissionBean.facteur.produit.id_item}', 'Metadata', 'menubar=yes,status=yes,location=no,scrollbars=yes,resizable=yes,width=600')" value="More information"/>
163                                                                                </div>
164                                                                        </td>
165                                                                        <td>
166                                                                                <div class="valeur" style="width: 70%; overflow: auto;">
167                                                                                <h:outputText value="#{emissionBean.facteur.produit.header_item}" />
168                                                                        </div>
169                                                                        </td></tr>
170                                                                        <tr><td class="valeur" width="15%">
171                                                                            <h:outputText value="Product"/>
172                                                                        </td><td class="valeur" width="85%" align="left">
173                                                                                <h:selectOneMenu style="width: 20%;" value="#{emissionBean.landcover.landproduit.id_item}" binding="#{emissionBean.landcover.landproduit.itemUI}">
174                                                                                        <f:selectItems value="#{emissionBean.landcover.landproduit.liste_item}"/>
175                                                                                </h:selectOneMenu>
176                                                                        </td></tr>
177                                                                       
178                                                                        <tr>
179                                                                        <td class="valeur" width="15%" valign="top">
180                                                                                <h:outputText value="Description"/>
181                                                                                <div align="center" style="width: 100%; padding-top: 10px;">
182                                                                                        <h:commandLink onclick="javascript:window.open('./page_metadata.jsf?produit=#{emissionBean.landcover.landproduit.id_item}', 'Metadata', 'menubar=yes,status=yes,location=no,scrollbars=yes,resizable=yes,width=600')" value="More information"/>
183                                                                                </div>
184                                                                        </td>
185                                                                        <td>
186                                                                                <div class="valeur" style="width: 70%; overflow: auto;">
187                                                                                <h:outputText value="#{emissionBean.landcover.landproduit.header_item}" />
188                                                                        </div>
189                                                                        </td></tr>
190                                                                       
191                                                                </table>
192                                                </div>
193                                                <h:dataTable width="99%" styleClass="valeur" style="text-align: left; margin-top: 15px;"
194                                                 value="#{emissionBean.landcover.liste_vegetation}" var="vegetation" 
195                                                 cellpadding="5" cellspacing="1px"
196                                                 id="tableau_vegetation">
197
198                                                <h:column rendered="true">
199                                                <h:inputHidden value="#{vegetation.selected}"/>
200                                            <h:outputText escape="false" value="<div class=\"liste_out\" onmouseout=\"mouseOut(#{vegetation.id});\" onmouseover=\"mouseIn(#{vegetation.id});\" style=\"width=100%;\" onclick=\"selectIt(#{vegetation.id});\" name=\"select_#{vegetation.id}\" id=\"select_#{vegetation.id}\">"></h:outputText>
201                                            <h:outputText value="#{vegetation.nom}" />
202                                            <h:outputText escape="false"  value="</div>"></h:outputText>
203                                                </h:column>
204
205                                                </h:dataTable>
206
207                                        <div class="bloc" style="position: relative; margin-left: 5px; width: 80%; height: 50px; margin-top: 40px; border-style: none;background-color: transparent;">
208                                                <%--div id="errorArea" class="errorArea" style="width: 50%; position: absolute; top: 0px; left: 10px; height: 48px;overflow: auto;">
209                                                        <h:message id="err1" for="Latitude_North"/>
210                                                        <h:message id="err2" for="Longitude_West"/>
211                                                        <h:message id="err3" for="Latitude_South"/>
212                                                        <h:message id="err4" for="Longitude_East"/>
213                                                       
214                                                       
215                                                </div--%>
216                                                <div style="position: absolute; right: 10px">
217                                                        <h:commandButton action="#{emissionBean.nextLandcover}" styleClass="commandbouton" style="width: 150px; height: 30px;" value="Next step" ></h:commandButton>
218                                                </div>
219                                        </div><!-- ferme conteneur bouton -->   
220                                       
221                                                </div><!-- ferme selection -->
222                                                <p style="clear: both"/>       
223                                       
224                                        </div><!-- ferme page eccad -->
225                                <div id="force_largeur" style="position:relative; width: 730px; height: 1px; background-color: transparent;"></div>
226                                        </div> <!-- ferme mainbody -->
227                                </div><!-- ferme contenu -->
228                                </td>
229                               
230                                <td valign="top">
231                                <div class="contenu">
232                                        <div class="pageEccad">
233                                                <div class="selection">
234                                                        <div class="bloc" style="width: 80%; margin-left: 5px">
235                                                                <div class="legendbloc">Product Selection</div>
236                                                                <table width="100%">
237                                                                        <tr><td class="valeur" width="30%">
238                                                                            <h:outputText value="Product"/>
239                                                                        </td><td class="valeur" width="70%" align="left">
240                                                                                <h:selectOneMenu style="width: 70%;" value="#{emissionBean.burnt.burnt.id_item}" valueChangeListener="#{emissionBean.burnt.majBurnt}" onchange="submit();">
241                                                                                        <f:selectItems value="#{emissionBean.burnt.burnt.liste_item}"/>
242                                                                                </h:selectOneMenu>
243                                                                        </td></tr>
244                                                                        <tr>
245                                                                        <td class="valeur" width="30%" valign="top">
246                                                                                <h:outputText value="Description"/>
247                                                                                <div align="center" style="width: 100%; padding-top: 10px;">
248                                                                                        <h:commandLink onclick="javascript:window.open('./page_metadata.jsf?produit=#{emissionBean.burnt.burnt.id_item}', 'Metadata', 'menubar=yes,status=yes,location=no,scrollbars=yes,resizable=yes,width=600')" value="More information"/>
249                                                                                </div>
250                                                                        </td>
251                                                                        <td>
252                                                                                <div class="valeur" style="width: 70%; overflow: auto;">
253                                                                                <h:outputText value="#{emissionBean.burnt.burnt.header_item}" />
254                                                                        </div>
255                                                                        </td></tr>
256                                                                </table>
257                                                </div>
258                                               
259                                                <h:inputHidden id="dateDebut" value="#{emissionBean.burnt.date_debut}"/>
260                                                <h:inputHidden id="dateFin" value="#{emissionBean.burnt.date_fin}"/>
261                                               
262                                                <div class="bloc" style="width: 35%; margin-left: 5px; margin-top: 40px;position: relative;float: left; height: 90px">
263                                                        <div class="legendbloc">Date Selection (yyyy-mm-dd)</div>
264                                                                <table width="100%">
265                                                                        <tr><td class="valeur" width="30%">
266                                                                                <h:outputText value="Begin Date"/>
267                                                                        </td><td class="valeur" width="40%" align="left">
268                                                                                <h:inputText id="begDate" value="#{emissionBean.burnt.date_debut}" binding="#{emissionBean.burnt.datedebUI}" size="10" required="true">
269                                                                                        <f:validator validatorId="validationDate"/>
270                                                                                </h:inputText>
271                                                                        </td>
272                                                                        <td class="valeur" width="30%">
273                                                                                <h:outputText  value="#{emissionBean.burnt.frequence}"/>
274                                                                        </td></tr>
275                                                                        <tr><td class="valeur" width="30%">
276                                                                                <h:outputText value="End Date"/>
277                                                                        </td><td class="valeur" width="40%" align="left">
278                                                                                <h:inputText id="endDate" value="#{emissionBean.burnt.date_fin}" binding="#{emissionBean.burnt.datefinUI}" size="10" required="true">
279                                                                                        <f:validator validatorId="validationDate"/>
280                                                                                </h:inputText>
281                                                                        </td><td class="valeur" width="30%"></td></tr>
282                                                                        <tr>
283                                                                                <td class="valeur" width="30%"><div class="link" onclick="init_date()" align="left">Default</div></td>
284                                                                        </tr>
285                                                                </table>
286                                                       
287                                                </div>
288                                                <div id='ZoneStudy'>
289                                                        <div class="bloc" style="width: 43%; margin-left: 5px; margin-top: 40px; position: relative; float: left; height: 90px">
290                                                                <div class="legendbloc">Area Selection</div>
291                                                                <table class="valeur" width="100%"> 
292                                                                        <tr>
293                                                                                <td class="valeur" width="30%"></td>
294                                                                                <td class="valeur" style="border-left: solid; border-width: 1px" align="center">
295                                                                                        <img alt="ULC" src=".resources/images/ULC.png" width="18px" title="Upper Left Corner"/>
296                                                                                </td>
297                                                                                <td class="valeur" style="border-left: solid; border-width: 1px" align="center">
298                                                                                        <img alt="LRC" src=".resources/images/LRC.png" width="18px" title="Lower Right Corner"/>
299                                                                                </td>
300                                                                        </tr>
301                                                                        <tr>
302                                                                                <td class="valeur" style="border-top: solid; border-width: 1px;" width="30%" align="left">Latitude</td>
303                                                                                <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px" align="center">
304                                                                                <h:inputText id="Latitude_North" value="#{emissionBean.facteur.zone.northbc}" binding="#{emissionBean.facteur.northbcInput}" size="6" required="true" style="text-align: right;">
305                                                                                        <f:validateDoubleRange minimum="-90" maximum="90"/>
306                                                                                </h:inputText>
307                                                                                </td>
308                                                                                <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px" align="center">
309                                                                                        <h:inputText align="right" id="Latitude_South" value="#{emissionBean.facteur.zone.southbc}" binding="#{emissionBean.facteur.southbcInput}" size="6" required="true" style="text-align: right;">
310                                                                                                <f:validateDoubleRange minimum="-90" maximum="90"/>
311                                                                                        </h:inputText>
312                                                                                </td>
313                                                                        </tr>
314                                                                        <tr>
315                                                                                <td class="valeur" style="border-top: solid; border-width: 1px;" width="30%" align="left">Longitude</td>
316                                                                                <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px;" align="center">
317                                                                                <h:inputText id="Longitude_West" value="#{emissionBean.facteur.zone.westbc}" binding="#{emissionBean.facteur.westbcInput}" size="6" required="true" style="text-align: right;">
318                                                                                        <f:validateDoubleRange minimum="-180" maximum="180"/>
319                                                                                </h:inputText>
320                       
321                                                                </td>
322                                                                <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px" align="center">                             
323                                                                        <h:inputText id="Longitude_East" value="#{emissionBean.facteur.zone.eastbc}" binding="#{emissionBean.facteur.eastbcInput}" size="6" required="true" style="text-align: right;">
324                                                                                <f:validateDoubleRange minimum="-180" maximum="180"/>
325                                                                        </h:inputText>
326                                                        </td></tr>
327                                                        <tr>
328                                                                        <td class="valeur" width="30%"><div class="link" onclick="init_coord()" align="left">Default</div></td> 
329                                                                        <td class="valeur" ></td>
330                                                                        <td class="valeur" width="30%">
331                                                                                <%--h:outputText value="negative longitude is west"  style="font-size:smaller"/--%>
332                                                                        </td>
333                                                                                       
334                                                        </tr>
335                                                        </table>
336                                                <h:inputHidden id="dateDebutSauv" value="#{emissionBean.burnt.date_debutSauv}"/>
337                                                <h:inputHidden id="dateFinSauv" value="#{emissionBean.burnt.date_finSauv}"/>
338                                                <h:inputHidden id="validationLonLat" validator="#{emissionBean.validateLatLon}" value="null"/>
339                                                <h:inputHidden id="validationDate"   validator="#{emissionBean.validateDate}" value="null"/>
340                                               
341                                                </div> <!-- ferme le bloc -->
342                                        </div> <!--  ferme zone study -->
343                                        <div class="bloc" style="position: relative; clear: left;margin-left: 5px; width: 80%; height: 50px; margin-top: 40px; border-style: none;background-color: transparent;">
344                                                <div id="errorArea" class="errorArea" style="width: 50%; position: absolute; top: 50px; left: 10px; height: 48px;overflow: auto;">
345                                                        <h:message id="err1" for="Latitude_North"/>
346                                                        <h:message id="err2" for="Longitude_West"/>
347                                                        <h:message id="err3" for="Latitude_South"/>
348                                                        <h:message id="err4" for="Longitude_East"/>
349                                                        <h:message id="err5" for="validationLonLat"/>
350                                                        <h:message id="err6" for="begDate"/>
351                                                        <h:message id="err7" for="endDate"/>
352                                                        <h:message id="err8" for="validationDate"/>
353                                                </div>
354                                                <div style="position: absolute; left: 10px">
355                                                        <h:commandButton action="#{emissionBean.prevBurntArea}" styleClass="commandbouton" style="width: 170px; height: 30px;" value="Previous step" ></h:commandButton>
356                                                </div>
357                                                <div style="position: absolute; right: 10px">
358                                                        <h:commandButton action="#{emissionBean.processData}" styleClass="commandbouton" style="width: 150px; height: 30px;" value="Process data" ></h:commandButton>
359                                                </div>
360                                        </div><!-- ferme conteneur bouton -->   
361                                       
362                                                </div><!-- ferme selection -->
363                                                <p style="clear: both"/>       
364                                       
365                                        </div><!-- ferme page eccad -->
366                                <div id="force_largeur" style="position:relative; width: 730px; height: 1px; background-color: transparent;"></div>
367                                </div><!-- ferme contenu -->
368                                </td>
369                                </tr>
370                                </table>
371                        </div><!-- ferme centre -->
372                </div><!-- ferme page -->
373        </h:form>       
374               
375
376</body> 
377
378
379
380
381
Note: See TracBrowser for help on using the repository browser.