source: ether_eccad/trunk/ECCAD_INTERFACE/JSF/page_critere.jsp @ 68

Last change on this file since 68 was 68, checked in by cbipsl, 14 years ago

commit v1 eccad

  • Property svn:executable set to *
File size: 11.5 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://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
Note: See TracBrowser for help on using the repository browser.