Subversion Repositories eFlore/Applications.cel

Rev

Rev 1216 | Rev 1220 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1216 Rev 1218
Line 34... Line 34...
34 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.1/js/validate/1.9.0/jquery.validate.min.js"></script>
 34 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.1/js/validate/1.9.0/jquery.validate.min.js"></script>
35 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
 35 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
36 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
 36 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
Line 37... Line 37...
37
37
38 
		<!-- Bootstrap -->
 38 
		<!-- Bootstrap -->
- 
 
 39 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.1/js/bootstrap.min.js"></script>
Line 39... Line 40...
39 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.1/js/bootstrap.js"></script>
 40 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.1/js/bootstrap-tooltip.min.js"></script>
40
41
41 
		<!-- Javascript : appli saisie -->
 42 
		<!-- Javascript : appli saisie -->
42 
		<script type="text/javascript">
 43 
		<script type="text/javascript">
Line 57... Line 58...
57 
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
 58 
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
58 
			// URL du web service permettant l'auto-complétion des noms scientifiques.
 59 
			// URL du web service permettant l'auto-complétion des noms scientifiques.
59 
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+
 60 
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+
60 
					"masque={masque}&"+
 61 
					"masque={masque}&"+
61 
					"recherche=etendue&"+
 62 
					"recherche=etendue&"+
62 
					"retour.champs=nom_retenu,num_taxonomique,nom_retenu.id&"+
 63 
					"retour.champs=famille,nom_retenu,num_taxonomique,nom_retenu.id&"+
63 
					"version.projet="+NOM_SCI_VERSION+"&"+
 64 
					"version.projet="+NOM_SCI_VERSION+"&"+
64 
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
 65 
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
65 
			console.log(SERVICE_AUTOCOMPLETION_NOM_SCI_URL);
 66 
			console.log(SERVICE_AUTOCOMPLETION_NOM_SCI_URL);
66 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
 67 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
67 
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";
 68 
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";
Line 91... Line 92...
91 
					<div class="row">
 92 
					<div class="row">
92 
						<img class="span2" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
 93 
						<img class="span2" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
93 
						<h1 class="span4">Saisie simplifiée des observations</h1>
 94 
						<h1 class="span4">Saisie simplifiée des observations</h1>
94 
					</div>
 95 
					</div>
95 
				</div>
 96 
				</div>
- 
 
 97
96 
				<form id="form-observateur" class="span6 control-group" action="#" autocomplete="on">
 98 
				<div class="span6">
97 
					<div class="well">
 99 
					<div class="well">
98 
						<h2>Observateur</h2>
 100 
						<h2>Observateur</h2>
- 
 
 101 
						<form id="form-observateur" class="" action="#" autocomplete="on">
99 
						<div class="row-fluid">
 102 
							<div class="row-fluid">
100 
							<div class="span6">
 103 
								<div class="span6">
101 
								<label for="prenom">Prénom</label>
 104 
									<label for="prenom">Prénom</label>
102 
								<div>
 105 
									<div>
103 
									<input id="prenom" name="prenom" type="text" value=""/>
 106 
										<input id="prenom" name="prenom" type="text" value=""/>
- 
 
 107 
									</div>
104 
								</div>
 108 
								</div>
105 
							</div>
 - 
 
106 
							<div class="span6">
 109 
								<div class="span6">
107 
								<label for="nom">Nom</label>
 110 
									<label for="nom">Nom</label>
108 
								<div>
 111 
									<div>
109 
									<input id="nom" name="nom" type="text" value=""/>
 112 
										<input id="nom" name="nom" type="text" value=""/>
- 
 
 113 
									</div>
110 
								</div>
 114 
								</div>
111 
							</div>
 115 
							</div>
112 
						</div>
 - 
 
113 
						<div class="row-fluid">
 116 
							<div class="row-fluid">
114 
							<div class="span6">
 117 
								<div class="span6">
115 
								<label for="courriel"
118 
									<label for="courriel"
116 
									title="Veuillez saisir votre adresse courriel.">
 119 
										title="Veuillez saisir votre adresse courriel.">
117 
									<strong class="obligatoire">*</strong> Courriel
 120 
										<strong class="obligatoire">*</strong> Courriel
118 
								</label>
 121 
									</label>
119 
								<div class="input-prepend">
 122 
									<div class="input-prepend">
120 
									<span class="add-on">
 123 
										<span class="add-on">
121 
										<i class="icon-envelope"></i>
 124 
											<i class="icon-envelope"></i>
122 
									</span>
 125 
										</span>
123 
									<input id="courriel" name="courriel" type="text" value=""/>
 126 
										<input id="courriel" name="courriel" type="text" value=""/>
- 
 
 127 
									</div>
- 
 
 128 
								</div>
- 
 
 129 
								<div class="span6">
- 
 
 130 
									<label for="courriel_confirmation" title="Veuillez saisir confirmer votre adresse courriel.">
- 
 
 131 
										<strong class="obligatoire">*</strong> Courriel (confirmation)
- 
 
 132 
									</label>
- 
 
 133 
									<div class="input-prepend">
- 
 
 134 
										<span class="add-on">
- 
 
 135 
											<i class="icon-envelope"></i>
- 
 
 136 
										</span>
- 
 
 137 
										<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>
- 
 
 138 
									</div>
124 
								</div>
 139 
								</div>
125 
							</div>
 140 
							</div>
- 
 
 141 
						</form>
- 
 
 142 
						<div class="row-fluid">
126 
							<div class="span6">
 143 
							<div class="span6">
127 
								<label for="courriel_confirmation" title="Veuillez saisir confirmer votre adresse courriel.">
 - 
 
128 
									<strong class="obligatoire">*</strong> Courriel (confirmation)
 144 
								<button id="btn-aide" class="btn btn-mini btn-warning">
129 
								</label>
 - 
 
130 
								<div class="input-prepend">
 - 
 
131 
									<span class="add-on">
 145 
									<span class="icon-question-sign icon-white"></span>
132 
										<i class="icon-envelope"></i>
 146 
									<span id="btn-aide-txt" >Activer l'aide</span>
133 
									</span>
 147 
								</button>
134 
									<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>
 - 
 
135 
								</div>
 - 
 
136 
							</div>
 148 
							</div>
137 
						</div>
 149 
						</div>
138 
					</div>
 150 
					</div>
139 
				</form>
 151 
				</div>
140 
			</div>
 152 
			</div>
141 
			<div class="row-fluid">
 153 
			<div class="row-fluid">
142 
				<div class="span6">
 154 
				<div class="span6">
143 
					<div class="well">
 155 
					<div class="well">
144 
						<div class="row-fluid">
 156 
						<div class="row-fluid">
Line 156... Line 168...
156 
							<div class="span8 droite">
 168 
							<div class="span8 droite">
157 
								<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
 169 
								<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
158 
									<div class="control-group">
 170 
									<div class="control-group">
159 
										<label for="carte-recherche">Rechercher</label>
 171 
										<label for="carte-recherche">Rechercher</label>
160 
										<input id="carte-recherche" class="search-query" type="text" value=""
 172 
										<input id="carte-recherche" class="search-query" type="text" value=""
- 
 
 173 
											rel="tooltip"
- 
 
 174 
											title="Permet de centrer la carte sur le lieu recherché."
161 
											placeholder="Centrer la carte sur un lieu..."/>
 175 
											placeholder="Centrer la carte sur un lieu..."/>
162 
									</div>
 176 
									</div>
163 
								</form>
 177 
								</form>
164 
							</div>
 178 
							</div>
165 
						</div>
 179 
						</div>
Line 170... Line 184...
170 
						</div>
 184 
						</div>
171 
						<div class="row-fluid">
 185 
						<div class="row-fluid">
172 
							<label for="coordonnees-geo" class="span7">
 186 
							<label for="coordonnees-geo" class="span7">
173 
								<a href="#" class="afficher-coord">Afficher</a>
 187 
								<a href="#" class="afficher-coord">Afficher</a>
174 
								<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
 188 
								<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
175 
								Les coordonnées géographiques
 189 
								les coordonnées géographiques
176 
								<span id="lat-lon-info" class="info"
190 
								<span id="lat-lon-info" class="info"
- 
 
 191 
									rel="tooltip"
177 
									title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
 192 
									title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
178 
									(WGS84)
 193 
									(WGS84)
179 
								</span>
 194 
								</span>
180 
							</label>
 195 
							</label>
181 
							<div id="info-commune" class="span5">
 196 
							<div id="info-commune" class="span5">
182 
					    		<span for="marqueur-commune">Commune : </span>
 197 
					    		<span for="marqueur-commune">Commune : </span>
183 
					    		<span id="marqueur-commune">
 198 
					    		<span id="marqueur-commune">
184 
					    			<span id="commune-nom" class="commune-info"></span>
 199 
					    			<span id="commune-nom" class="commune-info"></span>
185 
					    			(<span id="commune-code-insee" class="commune-info" title="Code INSEE de la commune"></span>)
 200 
					    			(<span id="commune-code-insee" class="commune-info"
- 
 
 201 
					    				rel="tooltip"
- 
 
 202 
					    				title="Code INSEE de la commune"></span>)
186 
					    		</span>
 203 
					    		</span>
187 
				    		</div>
 204 
				    		</div>
188 
						</div>
 205 
						</div>
189 
						<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
 206 
						<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
190 
							<div id="coordonnees-geo" class="well" style="display:none;">
 207 
							<div id="coordonnees-geo" class="well" style="display:none;">
Line 201... Line 218...
201 
											<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
 218 
											<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
202 
										</div>
 219 
										</div>
203 
									</div>
 220 
									</div>
204 
									<div class="span1">
 221 
									<div class="span1">
205 
										<div>
 222 
										<div>
206 
											<input id="geolocaliser" type="button" value="Voir sur la carte"/>
 223 
											<input id="geolocaliser" type="button" value="Voir sur la carte"
- 
 
 224 
												rel="tooltip"
- 
 
 225 
												title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
207 
										</div>
 226 
										</div>
208 
									</div>
 227 
									</div>
209 
						    	</div>
 228 
						    	</div>
210 
							</div>
 229 
							</div>
211 
							<div class="row-fluid">
 230 
							<div class="row-fluid">
Line 237... Line 256...
237 
						</form>
 256 
						</form>
238 
					</div>
 257 
					</div>
239 
				</div>
 258 
				</div>
240 
				<div class="span6">
 259 
				<div class="span6">
241 
					<div class="well">
 260 
					<div class="well">
242 
						<form id="form-obs" class="" action="#" autocomplete="on">
 261 
						<form id="form-obs" action="#" autocomplete="on">
243 
							<h2>Observations</h2>
262 
							<h2>Observations</h2>
244 
							<div class="row-fluid">
 263 
							<div class="row-fluid">
245 
								<div class="span4">
 264 
								<div class="span4">
246 
									<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
 265 
									<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
247 
										<strong class="obligatoire">*</strong> Date du relevé
 266 
										<strong class="obligatoire">*</strong> Date du relevé