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 | |
---|