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://myfaces.apache.org/tomahawk" prefix="t"%> |
---|
5 | <%@ taglib uri="http://java.sun.com/jstl/core" prefix="jstl" %> |
---|
6 | |
---|
7 | |
---|
8 | <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%> |
---|
9 | <%@ taglib uri="http://richfaces.org/rich" prefix="rich"%> |
---|
10 | |
---|
11 | <f:view> |
---|
12 | <script language="JavaScript" src="../JavaScript/global.js"> </script> |
---|
13 | <head> |
---|
14 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> |
---|
15 | <title>Eccad - selection page</title> |
---|
16 | <link rel="stylesheet" |
---|
17 | href="../css/Eccad.css" |
---|
18 | type="text/css" |
---|
19 | media="all"> |
---|
20 | <link rel="stylesheet" href="../css/carte.css" type="text/css" media="all"/> |
---|
21 | <link rel="stylesheet" href="../css/panel.css" type="text/css" media="all"/> |
---|
22 | <script type="text/javascript"> |
---|
23 | function init_coord() { |
---|
24 | document.getElementById("form_pageCritere:UpLeftLat").value="90.0"; |
---|
25 | document.getElementById("form_pageCritere:LowRightLat").value="-90.0"; |
---|
26 | document.getElementById("form_pageCritere:UpLeftLon").value="-180.0"; |
---|
27 | document.getElementById("form_pageCritere:LowRightLon").value="180.0"; |
---|
28 | } |
---|
29 | function init_date(begDate,endDate) { |
---|
30 | document.getElementById("form_pageCritere:begDate").value=document.getElementById("form_pageCritere:dateDebut").value; |
---|
31 | document.getElementById("form_pageCritere:endDate").value=document.getElementById("form_pageCritere:dateFin").value; |
---|
32 | } |
---|
33 | </script> |
---|
34 | |
---|
35 | </head> |
---|
36 | |
---|
37 | <body onload="javascript:initTabs('tab1')"> |
---|
38 | <h:form id="form_pageCritere"> |
---|
39 | <div id="page"> |
---|
40 | <jstl:import url="./commun/bandeauhaut.jsp"/> |
---|
41 | |
---|
42 | |
---|
43 | <div id="centre"> |
---|
44 | <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" align="left" style="border: none; border-width: 0px"> |
---|
45 | <tr><td width="115px"> |
---|
46 | <div class="navigV"> |
---|
47 | <jstl:import url="./commun/verticalLink.jsp"/> |
---|
48 | </div><!-- ferme navigV --> |
---|
49 | </td><td valign="top"> |
---|
50 | <div class="contenu"> |
---|
51 | <jstl:import url="./commun/tabs_em.jsp"/> |
---|
52 | <div class="mainBody"> |
---|
53 | <div class="pageEccad"> |
---|
54 | <div class="selection"> |
---|
55 | <div class="bloc" style="width: 80%; margin-left: 5px"> |
---|
56 | <div class="legendbloc">Product Selection</div> |
---|
57 | <table width="100%"> |
---|
58 | |
---|
59 | <tr><td class="valeur" width="30%"> |
---|
60 | Parameter category |
---|
61 | </td><td class="valeur" width="70%" align="left"> |
---|
62 | <h:selectOneMenu id="critere_onemenu_id0_catparam" style="width: 70%;" value="#{critereBean.catParametre}" valueChangeListener="#{critereBean.catParametreChangement}" onchange="submit()" immediate="false"> |
---|
63 | <f:selectItems id="select1" value="#{critereBean.liste_catparametre}"/> |
---|
64 | </h:selectOneMenu> |
---|
65 | </td></tr> |
---|
66 | |
---|
67 | |
---|
68 | <tr><td class="valeur" width="30%"> |
---|
69 | Parameter |
---|
70 | </td><td class="valeur" width="70%" align="left"> |
---|
71 | <h:selectOneMenu id="critere_onemenu_id1_param" style="width: 70%;" value="#{critereBean.parametre}" binding="#{critereBean.parametreUI}" valueChangeListener="#{critereBean.parametreChangement}" onchange="submit()" immediate="false"> |
---|
72 | <f:selectItems id="select2" value="#{critereBean.liste_parametre}"/> |
---|
73 | </h:selectOneMenu> |
---|
74 | </td></tr> |
---|
75 | <tr><td class="valeur" width="30%"> |
---|
76 | <h:outputText value="Product"/> |
---|
77 | </td><td class="valeur" width="70%"> |
---|
78 | <h:selectOneMenu id="critere_onemenu_id3_produit" style="width: 70%;" value="#{critereBean.produit}" binding="#{critereBean.produitUI}" valueChangeListener="#{critereBean.produitChangement}" onchange="submit()" immediate="false"> |
---|
79 | <f:selectItems id="selectprod" value="#{critereBean.liste_produit}" /> |
---|
80 | </h:selectOneMenu> |
---|
81 | </td></tr> |
---|
82 | <tr> |
---|
83 | <td class="valeur" width="30%" valign="top"> |
---|
84 | <h:outputText id="descriptionproduit" value="Description"/> |
---|
85 | <div align="center" style="width: 100%; padding-top: 10px;"> |
---|
86 | <h:commandLink id="cmdlinkmetada" onclick="javascript:window.open('./page_metadata.jsf?produit=#{critereBean.produit}', 'Metadata', 'menubar=yes,status=yes,location=no,scrollbars=yes,resizable=yes,width=600')" value="More information"/> |
---|
87 | </div> |
---|
88 | </td> |
---|
89 | <td> |
---|
90 | <div class="valeur" style="width: 70%; height: 80px; overflow: auto;"> |
---|
91 | <h:outputText id="headerproduit" value="#{critereBean.produitbean.header}" binding="#{critereBean.produit_header_UI}"/> |
---|
92 | </div> |
---|
93 | </td></tr> |
---|
94 | </table> |
---|
95 | </div> |
---|
96 | <div id='ZoneStudy'> |
---|
97 | <div class="bloc" style="width: 80%; margin-left: 5px; margin-top: 40px;"> |
---|
98 | <div class="legendbloc">Area Selection</div> |
---|
99 | <table class="valeur" width="100%"> |
---|
100 | <tr> |
---|
101 | <td class="valeur" width="30%"></td> |
---|
102 | <td class="valeur" style="border-left: solid; border-width: 1px" align="center">Upper Left Corner</td> |
---|
103 | <td class="valeur" style="border-left: solid; border-width: 1px" align="center">Lower Right Corner</td> |
---|
104 | </tr> |
---|
105 | <tr> |
---|
106 | <td class="valeur" style="border-top: solid; border-width: 1px;" width="30%" align="left">Latitude</td> |
---|
107 | <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px" align="center"> |
---|
108 | <h:inputText id="UpLeftLat" value="#{critereBean.northbc}" size="6" required="true" binding="#{critereBean.northbcInput}" style="text-align: right;"> |
---|
109 | <f:validateDoubleRange minimum="-90" maximum="90"/> |
---|
110 | </h:inputText> |
---|
111 | </td> |
---|
112 | <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px" align="center"> |
---|
113 | <h:inputText align="right" id="LowRightLat" value="#{critereBean.southbc}" size="6" required="true" binding="#{critereBean.southbcInput}" style="text-align: right;"> |
---|
114 | <f:validateDoubleRange minimum="-90" maximum="90"/> |
---|
115 | </h:inputText> |
---|
116 | </td> |
---|
117 | </tr> |
---|
118 | <tr> |
---|
119 | <td class="valeur" style="border-top: solid; border-width: 1px;" width="30%" align="left">Longitude</td> |
---|
120 | <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px;" align="center"> |
---|
121 | <h:inputText id="UpLeftLon" value="#{critereBean.westbc}" size="6" required="true" binding="#{critereBean.westbcInput}" style="text-align: right;"> |
---|
122 | <f:validateDoubleRange minimum="-180" maximum="180"/> |
---|
123 | </h:inputText> |
---|
124 | |
---|
125 | </td> |
---|
126 | <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px" align="center"> |
---|
127 | <h:inputText id="LowRightLon" value="#{critereBean.eastbc}" size="6" required="true" binding="#{critereBean.eastbcInput}" style="text-align: right;"> |
---|
128 | <f:validateDoubleRange minimum="-180" maximum="180"/> |
---|
129 | </h:inputText> |
---|
130 | </td> |
---|
131 | </tr> |
---|
132 | <tr> |
---|
133 | <td class="valeur" width="30%"><div class="link" onclick="init_coord()" align="left">Default</div></td> |
---|
134 | <td class="valeur" ></td> |
---|
135 | <td class="valeur" width="30%"> |
---|
136 | <h:outputText value="negative longitude is west" style="font-size:smaller"/> |
---|
137 | </td> |
---|
138 | |
---|
139 | </tr> |
---|
140 | </table> |
---|
141 | </div> <!-- ferme le bloc --> |
---|
142 | </div> <!-- ferme zone study --> |
---|
143 | |
---|
144 | <h:inputHidden id="dateDebut" binding="#{critereBean.uiBegDateSauv}" value="#{critereBean.begDateSauv}"/> |
---|
145 | |
---|
146 | <h:inputHidden id="dateFin" binding="#{critereBean.uiEndDateSauv}" value="#{critereBean.endDateSauv}"/> |
---|
147 | |
---|
148 | |
---|
149 | |
---|
150 | <div class="bloc" style="width: 80%; margin-left: 5px; margin-top: 40px;"> |
---|
151 | <div class="legendbloc">Date Selection (yyyy-mm-dd)</div> |
---|
152 | <table width="100%"> |
---|
153 | <tr><td class="valeur" width="30%"> |
---|
154 | <h:outputText value="Begin Date"/> |
---|
155 | </td><td class="valeur" width="40%" align="left"> |
---|
156 | <h:inputText id="begDate" value="#{critereBean.begDate}" size="10" binding="#{critereBean.uiBegDate}" required="true"> |
---|
157 | <f:validator validatorId="validationDate"/> |
---|
158 | </h:inputText><br> |
---|
159 | </td> |
---|
160 | </tr> |
---|
161 | <tr><td class="valeur" width="30%"> |
---|
162 | <h:outputText value="End Date"/> |
---|
163 | </td><td class="valeur" width="40%" align="left"> |
---|
164 | <h:inputText id="endDate" value="#{critereBean.endDate}" size="10" binding="#{critereBean.uiEndDate}" required="true"> |
---|
165 | <f:validator validatorId="validationDate"/> |
---|
166 | </h:inputText> |
---|
167 | </td> |
---|
168 | <td class="valeur" width="30%"></td> |
---|
169 | </tr> |
---|
170 | <tr> |
---|
171 | <td class="valeur" width="30%"><div class="link" onclick="init_date()" align="left">Default</div></td> |
---|
172 | <td class="valeur" width="60%" align="left"> |
---|
173 | <h:outputText binding="#{critereBean.produit_temp}" value="#{critereBean.produitbean.temporalres}" style="font-size:smaller"/> |
---|
174 | </td> |
---|
175 | </tr> |
---|
176 | </table> |
---|
177 | |
---|
178 | </div> |
---|
179 | |
---|
180 | <h:inputHidden id="validationLonLat" validator="#{critereBean.validateLatLon}" value="null"/> |
---|
181 | <h:inputHidden id="validationDate" validator="#{critereBean.validateDate}" value="null"/> |
---|
182 | <h:inputHidden value="#{sessionBean.email}"/> |
---|
183 | |
---|
184 | <div class="bloc" style="position: relative; margin-left: 5px; width: 80%; height: 50px; margin-top: 40px; border-style: none;background-color: transparent;"> |
---|
185 | <div id="errorArea" class="errorArea" style="width: 50%; position: absolute; top: 0px; left: 10px; height: 48px;overflow: auto;"> |
---|
186 | <h:message id="err1" for="UpLeftLat"/> |
---|
187 | <h:message id="err2" for="UpLeftLon"/> |
---|
188 | <h:message id="err3" for="LowRightLat"/> |
---|
189 | <h:message id="err4" for="LowRightLon"/> |
---|
190 | <h:message id="err5" for="validationLonLat"/> |
---|
191 | <h:message id="err6" for="begDate"/> |
---|
192 | <h:message id="err7" for="endDate"/> |
---|
193 | <h:message id="err8" for="validationDate"/> |
---|
194 | </div> |
---|
195 | |
---|
196 | |
---|
197 | |
---|
198 | |
---|
199 | |
---|
200 | |
---|
201 | <div style="position: absolute; top: 10px; right: 10px"> |
---|
202 | |
---|
203 | <a4j:outputPanel layout="block" style="cursor: pointer" > |
---|
204 | <h:commandButton id="buton_dessinCarteInitiale1" action="page_carte" value="visualize" actionListener="#{carteBean.dessinCarteInitiale}" |
---|
205 | styleClass="commandbouton" |
---|
206 | /> |
---|
207 | <rich:toolTip> |
---|
208 | <h:panelGrid border="0" columns="1" > |
---|
209 | </h:panelGrid> |
---|
210 | </rich:toolTip> |
---|
211 | </a4j:outputPanel> |
---|
212 | |
---|
213 | </div> |
---|
214 | |
---|
215 | <div style="position: absolute; top: 10px; right: 200px"> |
---|
216 | <a4j:outputPanel layout="block" style="cursor: pointer" > |
---|
217 | <h:commandButton id="buton_extraction1" rendered="#{sessionBean.extract}" action="" value="extract" styleClass="commandbouton" |
---|
218 | /> |
---|
219 | <rich:toolTip> |
---|
220 | <h:panelGrid border="0" columns="1" > |
---|
221 | <h:outputText value="Available soon" /> |
---|
222 | </h:panelGrid> |
---|
223 | </rich:toolTip> |
---|
224 | </a4j:outputPanel> |
---|
225 | </div> |
---|
226 | </div><!-- ferme conteneur bouton --> |
---|
227 | |
---|
228 | |
---|
229 | </div> |
---|
230 | |
---|
231 | |
---|
232 | |
---|
233 | |
---|
234 | |
---|
235 | |
---|
236 | |
---|
237 | |
---|
238 | |
---|
239 | |
---|
240 | |
---|
241 | |
---|
242 | |
---|
243 | |
---|
244 | |
---|
245 | |
---|
246 | |
---|
247 | |
---|
248 | |
---|
249 | |
---|
250 | |
---|
251 | |
---|
252 | |
---|
253 | |
---|
254 | |
---|
255 | |
---|
256 | |
---|
257 | |
---|
258 | |
---|
259 | |
---|
260 | |
---|
261 | |
---|
262 | |
---|
263 | |
---|
264 | |
---|
265 | |
---|
266 | |
---|
267 | |
---|
268 | |
---|
269 | |
---|
270 | |
---|
271 | |
---|
272 | |
---|
273 | |
---|
274 | <!-- ferme conteneur bouton --> |
---|
275 | |
---|
276 | </div><!-- ferme selection --> |
---|
277 | <p style="clear: both"/> |
---|
278 | |
---|
279 | </div><!-- ferme page eccad --> |
---|
280 | <div id="force_largeur" style="position:relative; width: 730px; height: 1px; background-color: transparent;"></div> |
---|
281 | </div> |
---|
282 | </div><!-- ferme contenu --> |
---|
283 | </td></tr> |
---|
284 | </table> |
---|
285 | </div><!-- ferme centre --> |
---|
286 | </div><!-- ferme page --> |
---|
287 | </h:form> |
---|
288 | |
---|
289 | </body> |
---|
290 | </f:view> |
---|
291 | |
---|
292 | |
---|
293 | |
---|
294 | |
---|