Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1916 Rev 1922
Line 134... Line 134...
134 
		<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/<?=isset($_GET['style']) ? $_GET['style'] : 'sauvages'?>.css" rel="stylesheet" type="text/css" media="screen" />
 134 
		<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/<?=isset($_GET['style']) ? $_GET['style'] : 'sauvages'?>.css" rel="stylesheet" type="text/css" media="screen" />
135 
	</head>
 135 
	</head>
Line 136... Line 136...
136 
 
 136 
 
137 
	<body data-spy="scroll">
 137 
	<body data-spy="scroll">
- 
 
 138 
		<div id="zone-appli" class="container">
- 
 
 139 
			<div class="row-fluid entete">
138 
		<div id="zone-appli" class="container">
 140 
				<div class="span12">
139 
			<?php if ($titre == 'defaut' ) : ?>
 141 
					<?php if ($titre == 'defaut' ) : ?>
140 
				<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/img/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1>
 142 
						<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/img/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1>
141 
			<?php else: ?>
 143 
					<?php else: ?>
142 
				<h1 id="widget-titre"><?= $titre ?></h1>
 144 
						<h1 id="widget-titre"><?= $titre ?></h1>
- 
 
 145 
					<?php endif; ?>
- 
 
 146 
					<p class="discretion">
- 
 
 147 
						Un aide interactive est à votre disposition sur l'interface.
- 
 
 148 
						Une fois familiarisé, vous pouvez cliquer sur le bouton suivant pour la désactiver :
- 
 
 149 
						<button id="btn-aide" class="btn btn-mini btn-success">
- 
 
 150 
							<span class="icon-question-sign icon-white"></span>
- 
 
 151 
							<span id="btn-aide-txt" >Désactiver l'aide</span>
- 
 
 152 
						</button>
- 
 
 153 
					</p>
143 
			<?php endif; ?>
 154 
				</div>
- 
 
 155 
			</div>
- 
 
 156 
			<div class="row-fluid">
144
157 
				<div class="span12">
145 
			<h2>Observateur</h2>
 158 
					<h2>Observateur</h2>
146 
			<form id="form-observateur" action="#" autocomplete="on">
 159 
					<form id="form-observateur" action="#" autocomplete="on">
147 
				<fieldset id="partie-identification">
 160 
						<fieldset id="partie-identification">
148 
					<div class="row-fluid">
 161 
							<div class="row-fluid">
149 
						<div class="span6 control-group has-tooltip" data-placement="bottom"
 162 
								<div class="span6 control-group has-tooltip" data-placement="bottom"
150 
							title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
 163 
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
151 
								Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
164 
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
152 
								ultérieurement. Des informations complémentaires vont vous être
165 
										ultérieurement. Des informations complémentaires vont vous être
153 
								demandées : prénom et nom.">
 166 
										demandées : prénom et nom.">
154 
								<label class="control-label" for="courriel">
 167 
										<label class="control-label" for="courriel">
155 
									<strong class="obligatoire">*</strong>
168 
											<strong class="obligatoire">*</strong>
156 
									Courriel
 169 
											Courriel
157 
								</label>
 170 
										</label>
158 
								<div class="controls">
 171 
										<div class="controls">
159 
									<div class="input-prepend">
 172 
											<div class="input-prepend">
160 
										<span class="add-on">
 173 
												<span class="add-on">
161 
											<i class="icon-envelope"></i>
 174 
													<i class="icon-envelope"></i>
162 
										</span>
 175 
												</span>
163 
										<input id="courriel" name="courriel" class="span11" type="text"/>
 176 
												<input id="courriel" name="courriel" class="span11" type="text"/>
- 
 
 177 
												<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
- 
 
 178 
											</div>
- 
 
 179 
										</div>
- 
 
 180
- 
 
 181 
								</div>
- 
 
 182 
								<div id="zone-courriel-confirmation" class="span6 hidden control-group has-tooltip"
- 
 
 183 
									data-placement="bottom"
- 
 
 184 
									title="Saisissez à nouveau votre courriel afin de le confirmer. Le
- 
 
 185 
										copier/coller est désactivé pour éviter les erreurs.">
- 
 
 186 
									<label class="control-label" for="courriel_confirmation">
- 
 
 187 
										<strong class="obligatoire">*</strong>
- 
 
 188 
										Courriel (confirmation)
- 
 
 189 
									</label>
- 
 
 190 
									<div class="controls">
- 
 
 191 
										<div class="input-prepend">
- 
 
 192 
											<span class="add-on">
- 
 
 193 
												<i class="icon-envelope"></i>
- 
 
 194 
											</span>
- 
 
 195 
											<input id="courriel_confirmation" name="courriel_confirmation"
- 
 
 196 
											 	class="span11" type="text"/>
164 
										<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
 197 
										</div>
165 
									</div>
 198 
									</div>
166 
								</div>
 - 
 
167
199 
								</div>
168 
						</div>
 200 
							</div>
169 
						<div id="zone-courriel-confirmation" class="span6 hidden control-group has-tooltip"
 201 
							<div id="zone-prenom-nom" class="row-fluid hidden">
170 
							data-placement="bottom"
- 
 
171 
							title="Saisissez à nouveau votre courriel afin de le confirmer. Le
- 
 
172 
								copier/coller est désactivé pour éviter les erreurs.">
 202 
								<div class="span6 control-group">
173 
							<label class="control-label" for="courriel_confirmation">
 203 
									<label for="prenom" class="control-label">
174 
								<strong class="obligatoire">*</strong>
 204 
										<strong class="obligatoire">*</strong>
175 
								Courriel (confirmation)
 205 
										Prénom
- 
 
 206 
									</label>
176 
							</label>
 207 
									<input id="prenom" name="prenom" class="span12" type="text"/>
177 
							<div class="controls">
 208 
								</div>
178 
								<div class="input-prepend">
 209 
								<div class="span6 control-group">
179 
									<span class="add-on">
 210 
									<label for="nom" class="control-label">
- 
 
 211 
										<strong class="obligatoire">*</strong>
180 
										<i class="icon-envelope"></i>
 212 
										Nom
181 
									</span>
 213 
									</label>
182 
									<input id="courriel_confirmation" name="courriel_confirmation"
214 
									<div class="controls">
- 
 
 215 
										<input id="nom" name="nom"  class="span12" type="text"/>
183 
									 	class="span11" type="text"/>
 216 
									</div>
184 
								</div>
 217 
								</div>
- 
 
 218 
							</div>
- 
 
 219 
						</fieldset>
185 
							</div>
 220 
					</form>
- 
 
 221 
				</div>
- 
 
 222 
			</div>
- 
 
 223 
			<!-- Messages d'erreur du formulaire-->
- 
 
 224 
			<div class="row-fluid">
- 
 
 225 
				<div class="zone-alerte span12">
- 
 
 226 
					<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display:none;">
- 
 
 227 
						<a class="close">×</a>
- 
 
 228 
						<h4 class="alert-heading">Information : copier/coller</h4>
- 
 
 229 
						<p>
- 
 
 230 
							Merci de ne pas copier/coller votre courriel.<br/>
- 
 
 231 
							La double saisie permet de vérifier l'absence d'erreurs.
186 
						</div>
 232 
						</p>
187 
					</div>
 233 
					</div>
188 
					<div id="zone-prenom-nom" class="row-fluid hidden">
 - 
 
189 
						<div class="span6 control-group">
 - 
 
190 
							<label for="prenom" class="control-label">
 234 
					<div id="dialogue-courriel-introuvable" class="alert alert-info alert-block" style="display:none;">
191 
								<strong class="obligatoire">*</strong>
 - 
 
192 
								Prénom
 - 
 
193 
							</label>
 235 
						<a class="close">×</a>
194 
							<input id="prenom" name="prenom" class="span12" type="text"/>
 236 
						<h4 class="alert-heading">Information : courriel introuvable</h4>
195 
						</div>
 237 
						<p>
196 
						<div class="span6 control-group">
 238 
							Vous n'êtes pas inscrit à Tela Botanica avec ce courriel.<br/>
197 
							<label for="nom" class="control-label">
 239 
							Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
198 
								<strong class="obligatoire">*</strong>
 - 
 
199 
								Nom
 - 
 
200 
							</label>
 - 
 
201 
							<div class="controls">
 240 
							Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
202 
								<input id="nom" name="nom"  class="span12" type="text"/>
 - 
 
203 
							</div>
 241 
							il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
204 
						</div>
 242 
						</p>
- 
 
 243 
					</div>
- 
 
 244 
					<div id="dialogue-google-map" class="alert alert-info alert-block" style="display: none;">
- 
 
 245 
						<a class="close">×</a>
- 
 
 246 
						<h4 class="alert-heading">Information sur Google Map</h4>
- 
 
 247 
						<div class="contenu"></div>
205 
					</div>
 248 
					</div>
206 
				</fieldset>
 249 
				</div>
Line 207... Line 250...
207 
			</form>
 250 
			</div>
208
251
209 
			<form id="form-obs" action="#" autocomplete="on">
 252 
			<form id="form-obs" class="form-inline" action="#" autocomplete="on">
210 
				<h2>Fiche de terrain</h2>
 253 
				<h2>Fiche de terrain</h2>
211 
				<div id="zone-fiche-terrain">
 254 
				<div id="zone-fiche-terrain">
212 
					<fieldset id="partie-date">
 255 
					<fieldset id="partie-date">
- 
 
 256 
						<legend>Date du relevé</legend>
- 
 
 257 
						<div class="row-fluid">
- 
 
 258 
							<div class="span12 control-group has-tooltip"
213 
						<legend>Date du relevé</legend>
259 
								title="Vous pouvez cliquer sur l'icône de calendrier pour
214 
						<ul>
 260 
								sélectionner une date dans un calendrier. La date doit être au format :
215 
							<li>
 261 
								jj/mm/aaaa">
- 
 
 262 
								<label class="control-label">
- 
 
 263 
									<strong class="obligatoire">*</strong>
- 
 
 264 
									Date du relevé
- 
 
 265 
									<div class="input-prepend">
- 
 
 266 
										<span id="date-icone" class="add-on"></span>
- 
 
 267 
										<input id="date" class="input-small" name="date" type="text"
216 
								<label for="date" title="Indiquez la date de votre relevé (au format jj/mm/aaaa) ou utilisez le calendrier">
 268 
											placeholder="jj/mm/aaaa" />
217 
									<strong class="obligatoire">*</strong> Date du relevé
 - 
 
218 
								</label>
 269 
									</div>
219 
								<input id="date" name="date" type="text" value="" />
 270 
								</label>
220 
							</li>
 271 
							</div>
- 
 
 272 
						</div>
221 
						</ul>
 273 
					</fieldset>
222 
					</fieldset>
 274
- 
 
 275 
					<fieldset id="partie-station">
- 
 
 276 
						<legend>Lieu du relevé</legend>
- 
 
 277
223 
					<fieldset id="partie-station">
 278
224 
						<legend>Lieu du relevé</legend>
 279 
 
225 
						<ul>
 280 
						<div class="row-fluid">
- 
 
 281 
							<div class="span12">
226 
							<li>
 282 
								<label for="map_canvas" class="control-label"
- 
 
 283 
										title="Veuillez localiser l'observation">
227 
								<label id="label_map_canvas" for="map_canvas" class="oblig" title="Sur la carte ci-dessous, retracez le parcours étudié, en placant d'abord le point de début de la rue, puis le point de fin">
 284 
									<strong class="obligatoire">*</strong>
228 
									<strong class="obligatoire">*</strong> Localisation de la rue étudiée
 285 
									Géolocalisation
229 
								</label>
 286 
								</label>
230 
							</li>
 287 
								<div class="row-fluid">
231 
							<li>
 288 
									<div class="span12">
232 
								<ul class="liste_indication_geolocalisation">
 289 
										<ul class="unstyled liste_indication_geolocalisation">
233 
									<li class="indication_geolocalisation">1ere étape : Entrez le nom de la rue et de la ville dans l'espace de recherche ci-dessous</li>
 290 
											<li class="indication_geolocalisation">Étape 1/4 : Entrez le nom de la rue et de la ville dans l'espace de recherche ci-dessous</li>
234 
									<li class="indication_geolocalisation">2eme étape : Placez le drapeau vert au début de la portion de rue étudiée</li>
 - 
 
235 
									<li class="indication_geolocalisation">3eme étape : Placez le drapeau rouge à la fin de la portion de rue étudiée, si vous vous êtes trompé,
 291 
											<li class="indication_geolocalisation">Étape 2/4 : Placez le drapeau vert au début de la portion de rue étudiée</li>
236 
																			vous pouvez redéplacer le drapeau vert</li>
 292 
											<li class="indication_geolocalisation">Étape 3/4 : Placez le drapeau rouge à la fin de la portion de rue étudiée, si vous vous êtes trompé, vous pouvez redéplacer le drapeau vert</li>
- 
 
 293 
											<li class="indication_geolocalisation">Étape 4/4 : Voilà ! Votre zone d'étude est localisée ! Vous pouvez passer à la saisie de l'observation.</li>
- 
 
 294 
										</ul>
- 
 
 295 
									</div>
- 
 
 296 
								</div>
- 
 
 297 
								<div class="form-search form-horizontal">
- 
 
 298 
									<div class="control-group">
- 
 
 299 
										<input id="carte-recherche"
- 
 
 300 
											class="search-query span12 obs-chp-etendu has-tooltip"
237 
									<li class="indication_geolocalisation">4eme étape : Voilà ! Votre zone d'étude est localisée ! Vous pouvez passer à la saisie de l'observation.</li>
 301 
											type="text"
- 
 
 302 
											title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante."
- 
 
 303 
											placeholder="Entrez un nom de ville, de lieu ou de rue..."
- 
 
 304 
											name="adresse"
- 
 
 305 
											data-label="Adresse"
- 
 
 306 
											value=""/>
238 
								</ul>
 307 
									</div>
- 
 
 308 
								</div>
- 
 
 309 
							</div>
- 
 
 310 
						</div>
239 
								<input id="rue" name="rue" type="text" placeholder="Entrez un nom de ville, de lieu ou de rue..." value="" />
 311 
						<div class="row-fluid">
- 
 
 312 
							<div class="span12">
- 
 
 313 
								<div id="map-canvas" class="has-tooltip"
- 
 
 314 
									title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
240 
							</li>
 315 
										représentant votre station ou bien le glisser-déposer sur
- 
 
 316 
										le lieu souhaité."></div>
- 
 
 317 
							</div>
241 
							<li id="map-canvas"></li>
 318 
						</div>
- 
 
 319 
						<div id="coordonnees-geo-affichage" class="row-fluid">
242 
							<li>
 320 
							<label for="coordonnees-geo" class="span6">
243 
								<label for="coordonnees-geo">
 321 
								<a class="afficher-coord btn">
244 
									<a href="#" class="afficher-coord">Afficher</a>
 322 
									<span class="afficher-coord-action">Afficher</span>
245 
									<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
 323 
									<span class="afficher-coord-action" style="display:none;">Cacher</span>
246 
									Les coordonnées géographiques
 324 
									coordonnées
247 
									<span id="lat-lon-info" class="info"
325 
									<span id="lat-lon-info" class="info has-tooltip"
248 
										title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
 326 
										title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
- 
 
 327 
										(WGS84)
249 
										(WGS84)
 328 
									</span>
250 
									</span>
 329 
								</a>
- 
 
 330 
							</label>
251 
								</label>
 331 
							<div id="info-commune" class="span6">
252 
								<ul id="coordonnees-geo" style="display:none;">
 332 
								<span for="marqueur-commune">Commune : </span>
253 
									<li id="coord-lat">
333 
								<span id="marqueur-commune">
- 
 
 334 
									<span id="commune-nom" class="commune-info"></span>
- 
 
 335 
									(<span id="commune-code-insee" class="commune-info has-tooltip"
254 
										<label for="latitude">Latitude</label>
 336 
										title="Code INSEE de la commune"></span>)
- 
 
 337 
								</span>
- 
 
 338 
							</div>
255 
										<input id="latitude" name="latitude" type="text" value=""/>
 339 
						</div>
- 
 
 340 
						<div id="coordonnees-geo" class="row-fluid" style="display:none;">
256 
									</li>
 341 
							<div class="form-inline">
257 
									<li id="coord-lng">
 342 
								<div id="coord-lat" class="span4 control-group">
- 
 
 343 
									<label for="latitude" class="control-label">
258 
										<label for="longitude">Longitude</label>
 344 
										<strong class="obligatoire">*</strong>
259 
										<input id="longitude" name="longitude" type="text" value=""/>
 345 
										Latitude
260 
									</li>
 346 
									</label>
- 
 
 347 
									<div class="controls">
- 
 
 348 
										<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
261 
									<li id="info-commune">
 349 
									</div>
262 
										<label for="marqueur-commune">Commune</label><br />
 350 
								</div>
263 
										<span id="marqueur-commune">
 351 
								<div id="coord-lng" class="span4">
264 
											<span id="commune-nom" class="commune-info"></span>
 352 
									<label for="longitude" class="control-label">
265 
											(<span id="commune-code-insee" class="commune-info" title="Code INSEE de la commune"></span>)
 353 
										<strong class="obligatoire">*</strong>
266 
										</span>
 354 
										Longitude
267 
									</li>
 355 
									</label>
268 
									<li>
 356 
									<div class="controls">
269 
										<input id="geolocaliser" type="button" value="Voir sur la carte"/>
 357 
										<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
270 
									</li>
 358 
									</div>
271 
								</ul>
 359 
								</div>
- 
 
 360 
								<div class="span4">
272 
							</li>
 361 
									<button id="geolocaliser" class="btn has-tooltip"
273 
							<li>
 362 
										title="Centre la carte sur les coordonnées de latitude et longitude saisies.">
274 
								<hr class="nettoyage" />
 363 
										Voir sur la carte
275 
							</li>
 364 
									</button>
276 
							<li>
 365 
								</div>
- 
 
 366 
							</div>
277 
								<ul>
 367 
						</div>
278 
									<li>
 368
279 
										<label for="rue_cote" title="Choisissez le (ou les) côté(s) de la rue que vous avez étudié">
 369 
						<label for="rue_cote" title="Choisissez le (ou les) côté(s) de la rue que vous avez étudié">
280 
											<strong class="obligatoire">*</strong>
370 
							<strong class="obligatoire">*</strong>
281 
											Côté de la rue
 371 
							Côté de la rue
282 
										</label>
 372 
						</label>
283 
										<select id="rue_cote" name="rue_cote">
 373 
						<select id="rue_cote" name="rue_cote">
284 
											<option value="">Sélectionner un type de côté</option>
 374 
							<option value="">Sélectionner un type de côté</option>
285 
										 	<option value="pair">Pair</option>
 375 
						 	<option value="pair">Pair</option>
286 
										 	<option value="impair">Impair</option>
 376 
						 	<option value="impair">Impair</option>
287 
										 	<option value="2cotes">Les deux</option>
 - 
 
288 
										</select>
- 
 
289 
									</li>
 - 
 
290 
								</ul>
 - 
 
291 
							</li>
 377 
						 	<option value="2cotes">Les deux</option>
- 
 
 378 
						</select>
292 
						</ul>
 379 
					</fieldset>
293 
					</fieldset>
 380 
 
294 
					<fieldset id="partie-observation">
 381 
					<fieldset id="partie-observation">
295 
						<legend>Observations</legend>
382 
						<legend>Observations</legend>
296 
						<ul>
 383 
						<ul>
Line 332... Line 419...
332 
						</ul>
 419 
						</ul>
333 
					</fieldset>
 420 
					</fieldset>
334 
				</div><!-- zone-fiche-terrain-->
 421 
				</div><!-- zone-fiche-terrain-->
335 
			</form>
 422 
			</form>
Line 336... Line 423...
336
423
337 
			<div id="zone-fiche-terrain-photo">
 424 
			<div id="zone-fiche-terrain-photo">
338 
				<form id="form-upload"  action="<?= $url_ws_upload ?>?projet=sauvages"
425 
				<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=sauvages"
- 
 
 426 
					method="post" enctype="multipart/form-data">
- 
 
 427 
					<div class="row-fluid">
339 
					method="post" enctype="multipart/form-data">
 428 
						<div class="span12">
340 
					<fieldset id="partie-photo">
 429 
							<fieldset id="partie-photo">
341 
						<legend>Ajouter une photo</legend>
 430 
								<legend>Ajouter une photo</legend>
- 
 
 431 
								<p class="miniature-info" class="discretion help-inline">Vous pouvez ajouter des photos correspondant à cette espèce. Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
342 
						<p id="miniature-info" class="discretion">Vous pouvez ajouter une photo correspondant à cette espèce. La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>
432 
								<div id ="photos-conteneur">
343 
						<input type="file" id="fichier" name="fichier" accept="image/jpeg"/>
 433 
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
344 
						<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
 - 
 
345 
						<p id="miniature-msg">&nbsp;</p>
 434 
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
346 
						<div id="miniature"></div>
 435 
									<div id="miniatures"></div>
- 
 
 436 
									<p class="miniature-msg" class="span12">&nbsp;</p>
347 
						<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>
 437 
								</div>
- 
 
 438 
							</fieldset>
- 
 
 439 
						</div>
348 
					</fieldset>
 440 
					</div>
- 
 
 441 
				</form>
- 
 
 442 
				<div class="row-fluid">
- 
 
 443 
					<div class="span12 centre has-tooltip"
- 
 
 444 
						title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
- 
 
 445 
							ajouter votre observation à la liste à transmettre.">
- 
 
 446 
						<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
- 
 
 447 
							Ajouter
- 
 
 448 
						</button>
- 
 
 449 
					</div>
- 
 
 450 
				</div>
Line -... Line 451...
- 
 
 451 
			</div>
- 
 
 452
- 
 
 453 
			<!-- Messages d'erreur du formulaire-->
- 
 
 454 
			<div class="row-fluid">
- 
 
 455 
				<div class="zone-alerte span6 offset3">
- 
 
 456 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
- 
 
 457 
						<a class="close">×</a>
- 
 
 458 
						<h4 class="alert-heading">Information : 10 observations maximum</h4>
- 
 
 459 
						<p>
- 
 
 460 
							Vous venez d'ajouter votre 10ème observation.<br/>
- 
 
 461 
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
349 
				</form>
 462 
						</p>
- 
 
 463 
					</div>
- 
 
 464 
				</div>
- 
 
 465 
				<div class="zone-alerte span6 offset3">
350
466 
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
- 
 
 467 
						<a class="close">×</a>
- 
 
 468 
						<h4 class="alert-heading">Information : champs en erreur</h4>
- 
 
 469 
						<p>
- 
 
 470 
							Certains champs du formulaire sont mal remplis.<br/>
- 
 
 471 
							Veuillez vérifier vos données.
351 
				<div>
 472 
						</p>
352 
					<button id="ajouter-obs" type="button">Ajouter</button>
 473 
					</div>
- 
 
 474 
				</div>
- 
 
 475 
				<div class="zone-alerte span6 offset3">
- 
 
 476 
					<div id="dialogue-form-invalide-rue" class="alert alert-warning alert-block" style="display: none;">
- 
 
 477 
						<a class="close">×</a>
- 
 
 478 
						<h4 class="alert-heading">Information : champs en erreur</h4>
- 
 
 479 
						<p>
- 
 
 480 
							Le coordonnées du début et de la fin de la rue n'ont pas été géoréférencé.<br/>
- 
 
 481 
							Veuillez suivre les étapes indiquées dans le champ « Géolocalisation ».
- 
 
 482 
						</p>
- 
 
 483 
					</div>
Line 353... Line 484...
353 
				</div>
 484 
				</div>
354 
			</div><!-- zone-fiche-terrain-photo -->
 485 
			</div>
355
486
356 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
 487 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
357 
			<div id="zone-liste-obs">
 - 
 
358 
				<form action="#" >
 488 
			<div id="zone-liste-obs" class="row-fluid hidden">
359 
					<fieldset id="partie-preview">
 - 
 
360 
						<legend>Liste des observations à transmettre</legend>
 - 
 
361 
						<table id="liste-obs">
 - 
 
362 
							<thead>
 489 
				<div class="span12">
363 
								<tr>
 490 
					<div class="well">
364 
									<th>N&deg;</th>
 491 
						<div class="row-fluid">
365 
									<th>Date</th>
 492 
							<div class="span8">
366 
									<th>Adresse</th>
 493 
								<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
367 
									<th>Nom</th>
 494 
							</div>
368 
									<th>Milieu(x)</th>
 495 
							<div class="span4 droite">
369 
									<th title="Latitude / Longitude">Lat./Long.</th>
 496 
								<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
370 
									<th>Photo</th>
 497 
									type="button" disabled="disabled"
371 
									<th>Notes</th>
 498 
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
372 
									<th></th>
 - 
 
373 
								</tr>
 499 
									Transmettre
374 
							</thead>
 500 
								</button>
375 
							<tbody></tbody>
 501 
							</div>
376 
						</table>
 502 
						</div>
377 
						<button id="transmettre-obs" type="button">Transmettre</button>
 - 
 
378 
					</fieldset>
 503 
						<div id="liste-obs" ></div>
379 
				</form>
 504 
					</div>
- 
 
 505 
				</div>
380 
			</div> <!-- zone-liste-obs : wrap3 -->
 506 
			</div>
381 
		</div>
 507
382
508 
			<div class="row-fluid">
383 
		<!-- Messages d'erreur du formulaire-->
 509 
				<div class="zone-alerte span6 offset3">
384 
		<div id="dialogue-bloquer-copier-coller" style="display: none;" title="Information copier/coller">
 510 
					<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
385 
			<p>
 511 
						<a class="close">×</a>
386 
				Merci de ne pas copier/coller votre courriel.<br/>
 512 
						<h4 class="alert-heading">Attention : aucune observation</h4>
387 
				La double saisie permet de vérifier l'absence d'erreurs.
 513 
						<p>Veuillez saisir des observations pour les transmettres.</p>
- 
 
 514 
					</div>
388 
			</p>
 515
- 
 
 516 
					<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;">
389 
		</div>
 517 
						<a class="close">×</a>
- 
 
 518 
						<h4 class="alert-heading">Information : transmission des observations</h4>
390 
		<div id="dialogue-zero-obs" style="display: none;" title="Information aucune observation">
 519 
						<div class="alert-txt"></div>
- 
 
 520 
					</div>
391 
			<p>Veuillez saisir des observations pour les transmettres.</p>
 521
- 
 
 522 
					<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
- 
 
 523 
						<a class="close">×</a>
- 
 
 524 
						<h4 class="alert-heading">Erreur : transmission des observations</h4>
- 
 
 525 
						<div class="alert-txt"></div>
392 
		</div>
 526 
					</div>
Line 393... Line 527...
393 
		<div id="dialogue-form-invalide" style="display: none;" title="Validation du formulaire">
 527 
				</div>
394 
			<p>Certains champs n'ont pas été saisis correctement, veuillez vérifier les champs saisis.</p>
 - 
 
395 
		</div>
 528 
			</div>
396
- 
 
397 
		<div id="dialogue-obs-transaction" style="display: none;" title="Transmission des observations"></div>
 529 
		</div>
398
- 
 
399 
		<div id="dialogue-google-map" style="display: none;" title="Information sur Google Map"></div>
 - 
 
400
530
401 
		<div id="dialogue-erreur" style="display: none;" title="Erreur"></div>
 531 
		<!-- Fenêtres modales -->
- 
 
 532 
		<div id="chargement" class="modal-fenetre" style="display:none;">
402
533 
			<div id="chargement-centrage" class="modal-contenu">
403 
		<div id="chargement" style="position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:#777;background:rgba(90,86,93,0.7);text-align:center;display:none;">
534 
				<img id="chargement-img"
404 
			<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">
 535 
					src="<?=$url_base?>modules/saisie/squelettes/florileges/img/chargement_arbre.gif"
- 
 
 536 
					alt="Transfert en cours..."/>
405 
				<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/img/chargement_arbre.gif" alt="Transfert en cours..."/>
 537 
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
406 
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
 538 
					Transfert des observations en cours...<br />
407 
					Transfert des observations en cours...<br />
 539 
					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
Line -... Line 540...
- 
 
 540 
					d'observations à transférer.
- 
 
 541 
				</p>
- 
 
 542 
			</div>
- 
 
 543 
		</div>
- 
 
 544
- 
 
 545 
		<!-- Templates HTML -->
- 
 
 546 
		<div id="tpl-transmission-ok" style="display:none;">
- 
 
 547 
			<p class="msg">
- 
 
 548 
				Merci Beaucoup&nbsp;! Vos observations ont bien été transmises aux chercheurs.<br />
- 
 
 549 
				Elles sont désormais affichées sur la carte Sauvages de ma rue,
- 
 
 550 
				et s'ajoutent aux données du Carnet en ligne.<br />
- 
 
 551 
				Elles sont désormais consultables à travers les différents outils de visualisation
- 
 
 552 
				du réseau Tela Botanica (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
- 
 
 553 
				<a href="http://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>,
- 
 
 554 
				<a href="http://www.tela-botanica.org/appli:identiplante">identiplante</a>,
- 
 
 555 
				<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
- 
 
 556 
			</p>
- 
 
 557 
			<p>
- 
 
 558 
				Bonne continuation&nbsp;!
- 
 
 559 
			</p>
- 
 
 560 
			<p>
- 
 
 561 
				Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
- 
 
 562 
				connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
- 
 
 563 
				N'oubliez pas qu'il est nécessaire de
- 
 
 564 
				<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
- 
 
 565 
				au préalable, si ce n'est pas déjà fait.
- 
 
 566 
			</p>
- 
 
 567 
			<p>
- 
 
 568 
				Pour toute question, n'hésitez pas à nous contacter à&nbsp;:
- 
 
 569 
				<a href="mailto:sauvages@tela-botanica.org">sauvages@tela-botanica.org</a>
- 
 
 570 
			</p>
- 
 
 571 
		</div>
- 
 
 572 
		<div id="tpl-transmission-ko" style="display:none;">
- 
 
 573 
			<p class="msg">
- 
 
 574 
				Une erreur est survenue lors de la transmission de vos observations.<br />
408 
					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.
 575 
				Vous pouvez signaler le dysfonctionnement à
409 
				</p>
 576 
				<a class="courriel-erreur" href="mailto:cel_remarques@tela-botanica.org">cel_remarques@tela-botanica.org</a>.
410 
			</div>
 577 
			</p>
411 
		</div>
 578 
		</div>
412
579