source: ether_eccad/trunk/ECCAD_INTERFACE/JSF/page_em_burnt.jsp @ 848

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

maj eccad V3.2
  • 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<f:view>
8<script language="JavaScript" src="../JavaScript/global.js"> </script>
9<head>
10                <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
11                <title>Eccad - selection page</title>
12                <link rel="stylesheet" 
13                          href="../css/Eccad.css"
14                          type="text/css"
15                      media="all">
16                <link rel="stylesheet" href="../css/carte.css" type="text/css" media="all"/>
17                <script type="text/javascript">
18                function init_coord() {
19                document.getElementById("form_pageCritere:UpLeftLat").value="90.0";
20                document.getElementById("form_pageCritere:LowRightLat").value="-90.0";
21                document.getElementById("form_pageCritere:UpLeftLon").value="-180.0";
22                document.getElementById("form_pageCritere:LowRightLon").value="180.0";
23                }
24                function init_date(begDate,endDate) {
25                document.getElementById("form_pageCritere:begDate").value=document.getElementById("form_pageCritere:dateDebut").value;
26                document.getElementById("form_pageCritere:endDate").value=document.getElementById("form_pageCritere:dateFin").value;
27                }
28                </script>
29</head>
30
31<body>
32        <h:form id="form_pageCritere">
33                <div id="page">
34                        <jstl:import url="./commun/bandeauhaut.jsp"/>
35
36       
37                   <div id="centre">
38                        <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" align="left" style="border: none; border-width: 0px">
39                        <tr><td width="115px">
40                           <div class="navigV">
41                                        <div style="width: 100%; margin-top: 10px" align="center">
42                                        <div class="copyright">Copyright 2006-2008<br/>CNES-CNRS</div>
43                                                <h:outputLink value="#{UrlBean.url.url_home}">
44                                                        <h:graphicImage value="/images/ECCAD_small.gif" width="100px"></h:graphicImage>
45                                                </h:outputLink>
46                                        </div>
47                                        <div class="nom" style="width: 100%;">
48                                                <h:outputLink value="./page_emission.jsf"><f:verbatim>Emission Factor</f:verbatim></h:outputLink>
49                                        </div>
50                                        <div class="valeur">
51                                                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}"/>
52                                        </div>
53                                        <div class="valeur">
54                                                Emission : <h:outputText value="#{emissionBean.facteur.gaz.name_item}"></h:outputText>
55                                        </div>
56                                        <div class="nom" style="width: 100%;">
57                                                <h:outputLink value="./page_em_landcover.jsf"><f:verbatim>Land Cover</f:verbatim></h:outputLink>
58                                        </div>
59                                        <div class="valeur">
60                                                <h:commandLink styleClass="valeur" 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="#{emissionBean.landcover.landproduit.name_item}"/>
61                                        </div>
62                                        <div class="valeur">
63                                                <h:dataTable var="classSelection" value="#{emissionBean.landcover.selectedClass}" styleClass="recap" rowClasses="recap">
64                                                        <h:column>
65                                                        <h:outputText escape="false" value="- &nbsp;"/><h:outputText value="#{classSelection}" />
66                                                        </h:column>
67                                                </h:dataTable>
68                                        </div>
69                                        <div class="nom" style="width: 100%;">
70                                                Burnt Area
71                                        </div>
72                                        <div class="valeur">
73                                                <h:commandLink styleClass="valeur" 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="#{emissionBean.burnt.burnt.name_item}"/>                                 
74                                        </div>
75                                       
76                           </div><!-- ferme navigV -->
77                        </td><td valign="top">
78                                <div class="contenu">
79                                        <div class="pageEccad">
80                                                <div class="selection">
81                                                        <div class="bloc" style="width: 80%; margin-left: 5px">
82                                                                <div class="legendbloc">Product Selection</div>
83                                                                <table width="100%">
84                                                                        <tr><td class="valeur" width="30%">
85                                                                            <h:outputText value="Product"/>
86                                                                        </td><td class="valeur" width="70%" align="left">
87                                                                                <h:selectOneMenu style="width: 70%;" value="#{emissionBean.burnt.burnt.id_item}" valueChangeListener="#{emissionBean.burnt.majBurnt}" onchange="submit();">
88                                                                                        <f:selectItems value="#{emissionBean.burnt.burnt.liste_item}"/>
89                                                                                </h:selectOneMenu>
90                                                                        </td></tr>
91                                                                        <tr>
92                                                                        <td class="valeur" width="30%" valign="top">
93                                                                                <h:outputText value="Description"/>
94                                                                                <div align="center" style="width: 100%; padding-top: 10px;">
95                                                                                        <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"/>
96                                                                                </div>
97                                                                        </td>
98                                                                        <td>
99                                                                                <div class="valeur" style="width: 70%; overflow: auto;">
100                                                                                <h:outputText value="#{emissionBean.burnt.burnt.header_item}" />
101                                                                        </div>
102                                                                        </td></tr>
103                                                                </table>
104                                                </div>
105                                               
106                                                <h:inputHidden id="dateDebut" value="#{emissionBean.burnt.date_debut}"/>
107                                                <h:inputHidden id="dateFin" value="#{emissionBean.burnt.date_fin}"/>
108                                               
109                                                <div class="bloc" style="width: 35%; margin-left: 5px; margin-top: 40px;position: relative;float: left; height: 90px">
110                                                        <div class="legendbloc">Date Selection (yyyy-mm-dd)</div>
111                                                                <table width="100%">
112                                                                        <tr><td class="valeur" width="30%">
113                                                                                <h:outputText value="Begin Date"/>
114                                                                        </td><td class="valeur" width="40%" align="left">
115                                                                                <h:inputText id="begDate" value="#{emissionBean.burnt.date_debut}" binding="#{emissionBean.burnt.datedebUI}" size="10" required="true">
116                                                                                        <f:validator validatorId="validationDate"/>
117                                                                                </h:inputText>
118                                                                        </td>
119                                                                        <td class="valeur" width="30%">
120                                                                                <h:outputText  value="#{emissionBean.burnt.frequence}"/>
121                                                                        </td></tr>
122                                                                        <tr><td class="valeur" width="30%">
123                                                                                <h:outputText value="End Date"/>
124                                                                        </td><td class="valeur" width="40%" align="left">
125                                                                                <h:inputText id="endDate" value="#{emissionBean.burnt.date_fin}" binding="#{emissionBean.burnt.datefinUI}" size="10" required="true">
126                                                                                        <f:validator validatorId="validationDate"/>
127                                                                                </h:inputText>
128                                                                        </td><td class="valeur" width="30%"></td></tr>
129                                                                        <tr>
130                                                                                <td class="valeur" width="30%"><div class="link" onclick="init_date()" align="left">Default</div></td>
131                                                                        </tr>
132                                                                </table>
133                                                       
134                                                </div>
135                                                <div id='ZoneStudy'>
136                                                        <div class="bloc" style="width: 43%; margin-left: 5px; margin-top: 40px; position: relative; float: left; height: 90px">
137                                                                <div class="legendbloc">Area Selection</div>
138                                                                <table class="valeur" width="100%"> 
139                                                                        <tr>
140                                                                                <td class="valeur" width="30%"></td>
141                                                                                <td class="valeur" style="border-left: solid; border-width: 1px" align="center">
142                                                                                        <img alt="ULC" src="../images/ULC.png" width="18px" title="Upper Left Corner"/>
143                                                                                </td>
144                                                                                <td class="valeur" style="border-left: solid; border-width: 1px" align="center">
145                                                                                        <img alt="LRC" src="../images/LRC.png" width="18px" title="Lower Right Corner"/>
146                                                                                </td>
147                                                                        </tr>
148                                                                        <tr>
149                                                                                <td class="valeur" style="border-top: solid; border-width: 1px;" width="30%" align="left">Latitude</td>
150                                                                                <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px" align="center">
151                                                                                <h:inputText id="UpLeftLat" value="#{emissionBean.facteur.zone.northbc}" binding="#{emissionBean.facteur.northbcInput}" size="6" required="true" style="text-align: right;">
152                                                                                        <f:validateDoubleRange minimum="-90" maximum="90"/>
153                                                                                </h:inputText>
154                                                                                </td>
155                                                                                <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px" align="center">
156                                                                                        <h:inputText align="right" id="LowRightLat" value="#{emissionBean.facteur.zone.southbc}" binding="#{emissionBean.facteur.southbcInput}" size="6" required="true" style="text-align: right;">
157                                                                                                <f:validateDoubleRange minimum="-90" maximum="90"/>
158                                                                                        </h:inputText>
159                                                                                </td>
160                                                                        </tr>
161                                                                        <tr>
162                                                                                <td class="valeur" style="border-top: solid; border-width: 1px;" width="30%" align="left">Longitude</td>
163                                                                                <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px;" align="center">
164                                                                                <h:inputText id="UpLeftLon" value="#{emissionBean.facteur.zone.westbc}" binding="#{emissionBean.facteur.westbcInput}" size="6" required="true" style="text-align: right;">
165                                                                                        <f:validateDoubleRange minimum="-180" maximum="180"/>
166                                                                                </h:inputText>
167                       
168                                                                </td>
169                                                                <td class="valeur" style="border-top: solid; border-left: solid; border-width: 1px" align="center">                             
170                                                                        <h:inputText id="LowRightLon" value="#{emissionBean.facteur.zone.eastbc}" binding="#{emissionBean.facteur.eastbcInput}" size="6" required="true" style="text-align: right;">
171                                                                                <f:validateDoubleRange minimum="-180" maximum="180"/>
172                                                                        </h:inputText>
173                                                        </td></tr>
174                                                        <tr>
175                                                                        <td class="valeur" width="30%"><div class="link" onclick="init_coord()" align="left">Default</div></td> 
176                                                                        <td class="valeur" ></td>
177                                                                        <td class="valeur" width="30%">
178                                                                                <%--h:outputText value="negative longitude is west"  style="font-size:smaller"/--%>
179                                                                        </td>
180                                                                                       
181                                                        </tr>
182                                                        </table>
183                                                <h:inputHidden id="dateDebutSauv" value="#{emissionBean.burnt.date_debutSauv}"/>
184                                                <h:inputHidden id="dateFinSauv" value="#{emissionBean.burnt.date_finSauv}"/>
185                                                <h:inputHidden id="validationLonLat" validator="#{emissionBean.validateLatLon}" value="null"/>
186                                                <h:inputHidden id="validationDate"   validator="#{emissionBean.validateDate}" value="null"/>
187                                               
188                                                </div> <!-- ferme le bloc -->
189                                        </div> <!--  ferme zone study -->
190                                        <div class="bloc" style="position: relative; clear: left;margin-left: 5px; width: 80%; height: 50px; margin-top: 40px; border-style: none;background-color: transparent;">
191                                                <div id="errorArea" class="errorArea" style="width: 50%; position: absolute; top: 50px; left: 10px; height: 48px;overflow: auto;">
192                                                        <h:message id="err1" for="UpLeftLat"/>
193                                                        <h:message id="err2" for="UpLeftLon"/>
194                                                        <h:message id="err3" for="LowRightLat"/>
195                                                        <h:message id="err4" for="LowRightLon"/>
196                                                        <h:message id="err5" for="validationLonLat"/>
197                                                        <h:message id="err6" for="begDate"/>
198                                                        <h:message id="err7" for="endDate"/>
199                                                        <h:message id="err8" for="validationDate"/>
200                                                </div>
201                                                <div style="position: absolute; left: 10px">
202                                                        <h:commandButton action="#{emissionBean.prevBurntArea}" styleClass="commandbouton" style="width: 170px; height: 30px;" value="Previous step" ></h:commandButton>
203                                                </div>
204                                                <div style="position: absolute; right: 10px">
205                                                        <h:commandButton action="#{emissionBean.processData}" styleClass="commandbouton" style="width: 150px; height: 30px;" value="Process data" ></h:commandButton>
206                                                </div>
207                                        </div><!-- ferme conteneur bouton -->   
208                                       
209                                                </div><!-- ferme selection -->
210                                                <p style="clear: both"/>       
211                                       
212                                        </div><!-- ferme page eccad -->
213                                <div id="force_largeur" style="position:relative; width: 730px; height: 1px; background-color: transparent;"></div>
214                                </div><!-- ferme contenu -->
215                                </td></tr>
216                                </table>
217                        </div><!-- ferme centre -->
218                </div><!-- ferme page -->
219        </h:form>       
220               
221</body> 
222</f:view>
223
224
225
226
Note: See TracBrowser for help on using the repository browser.