Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2360 Rev 2366
Line 37... Line 37...
37 
		<!-- Bootstrap -->
 37 
		<!-- Bootstrap -->
38 
		<script src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
 38 
		<script src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
39 
		<script src="http://resources.tela-botanica.org/bootstrap/modal/2.2.5/js/bootstrap-modalmanager.js"></script>
 39 
		<script src="http://resources.tela-botanica.org/bootstrap/modal/2.2.5/js/bootstrap-modalmanager.js"></script>
40 
		<script src="http://resources.tela-botanica.org/bootstrap/modal/2.2.5/js/bootstrap-modal.js"></script>
 40 
		<script src="http://resources.tela-botanica.org/bootstrap/modal/2.2.5/js/bootstrap-modal.js"></script>
Line -... Line 41...
- 
 
 41 
 
- 
 
 42 
		<!-- Proj4js -->
- 
 
 43 
		<script type="text/javascript" src="http://resources.tela-botanica.org/proj4js/2.2.1/proj4.js"></script>
41 
 
 44 
 
- 
 
 45 
		<!-- Javascript : appli saisie -->
42 
		<!-- Javascript : appli saisie -->
 46 
		<script src="<?=$url_base?>saisie?projet=arbres-tetards&amp;service=taxons" type="text/javascript"></script>
43 
		<script>
 47 
		<script>
44 
		//<![CDATA[
 48 
		//<![CDATA[
45 
			// Précharger le formulaire avec les infos d'une observation
 49 
			// Précharger le formulaire avec les infos d'une observation
46 
			var OBS_ID = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>";
 50 
			var OBS_ID = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>";
Line 92... Line 96...
92 
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
 96 
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
93 
			// Squelette d'URL du web service de l'annuaire.
 97 
			// Squelette d'URL du web service de l'annuaire.
94 
			var SERVICE_ANNUAIRE_ID_URL = "<?=$url_ws_annuaire?>";
 98 
			var SERVICE_ANNUAIRE_ID_URL = "<?=$url_ws_annuaire?>";
95 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
 99 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
96 
			var SERVICE_NOM_COMMUNE_URL = "http://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
 100 
			var SERVICE_NOM_COMMUNE_URL = "http://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
- 
 
 101 
			// Squelette d'URL du web service d'eFlore fournissant l'altitude
- 
 
 102 
			var SERVICE_ALTITUDE_URL = "http://api.tela-botanica.org/service:eflore:0.1/nasa-srtm/altitude?lon={lon}&lat={lat}";
Line 97... Line 103...
97 
 
 103 
 
98 
			// URL du marqueur à utiliser dans la carte Google Map
 104 
			// URL du marqueur à utiliser dans la carte Google Map
99 
			var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/arbres-tetards/img/marqueurs/epingle.png";
 105 
			var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/arbres-tetards/img/marqueurs/epingle.png";
100 
			// URL de l'icône du chargement en cours
 106 
			// URL de l'icône du chargement en cours
Line 293... Line 299...
293 
			</div>
 299 
			</div>
294 
			<div class="row-fluid">
 300 
			<div class="row-fluid">
295 
				<div class="span12">
 301 
				<div class="span12">
296 
					<div class="well">
 302 
					<div class="well">
297 
						<div class="row-fluid">
 303 
						<div class="row-fluid">
- 
 
 304 
							<div class="span12">
- 
 
 305 
								<h2>Lieu du relevé</h2>
- 
 
 306 
							</div>
- 
 
 307 
						</div>
- 
 
 308 
						<div class="row-fluid">
298 
							<div class="span6">
 309 
							<div class="span6">
- 
 
 310 
								<div class="row-fluid">
- 
 
 311 
									<div class="span4">
- 
 
 312 
										<label for="map_canvas" title="Veuillez localiser l'observation">
- 
 
 313 
											Géolocalisation
- 
 
 314 
										</label>
299 
								<div>
 315 
									</div>
300 
									<div class="row-fluid">
 316 
									<div class="span8 droite">
- 
 
 317 
										<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
301 
										<div class="span12">
 318 
											<div class="control-group">
302 
											<h2>Lieu du relevé</h2>
 319 
												<label for="carte-recherche">Rechercher</label>
- 
 
 320 
												<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
- 
 
 321 
													title="Permet de centrer la carte sur le lieu recherché."
- 
 
 322 
													placeholder="Centrer la carte sur un lieu..."/>
303 
										</div>
 323 
											</div>
- 
 
 324 
										</form>
304 
									</div>
 325 
									</div>
- 
 
 326 
								</div>
- 
 
 327 
								<div class="row-fluid">
- 
 
 328 
									<div class="span12">
- 
 
 329 
										<div id="map-canvas" class="has-tooltip"
- 
 
 330 
											title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
- 
 
 331 
												représentant votre station ou bien le glisser-déposer sur
- 
 
 332 
												le lieu souhaité."></div>
- 
 
 333 
									</div>
- 
 
 334 
								</div>
- 
 
 335 
								<div class="row-fluid">
- 
 
 336 
									<div id="info-altitude" class="span5">
- 
 
 337 
										<span for="marqueur-altitude">Altitude : </span>
- 
 
 338 
										<span id="marqueur-altitude"><span id="altitude"></span> m</span>
- 
 
 339 
									</div>
- 
 
 340 
 
- 
 
 341 
									<div id="info-commune" class="span7">
- 
 
 342 
										<span for="marqueur-commune">Commune : </span>
- 
 
 343 
										<span id="marqueur-commune">
- 
 
 344 
											<span id="commune-nom" class="commune-info"></span>
- 
 
 345 
											(<span id="commune-code-insee" class="commune-info has-tooltip"
- 
 
 346 
												title="Code INSEE de la commune"></span>)
- 
 
 347 
										</span>
- 
 
 348 
									</div>
- 
 
 349 
								</div>
- 
 
 350 
							</div>
- 
 
 351 
							<div class="span6">
- 
 
 352 
								<form id="form-station" action="#" enctype="multipart/form-data" autocomplete="on">
305 
									<div class="row-fluid">
 353 
									<div class="row-fluid">
- 
 
 354 
										<div class="span12 control-group has-tooltip"
- 
 
 355 
											title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
306 
										<div class="span4">
 356 
											<label class="control-label">
307 
											<label for="map_canvas" title="Veuillez localiser l'observation">
 357 
												<strong class="obligatoire">*</strong>
308 
												Géolocalisation
 358 
												Lieu-dit
- 
 
 359 
												<input type="text" id="lieudit" name="lieudit"/>
309 
											</label>
 360 
											</label>
310 
										</div>
 361 
										</div>
311 
										<div class="span8 droite">
 - 
 
312 
											<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
 - 
 
313 
												<div class="control-group">
 - 
 
314 
													<label for="carte-recherche">Rechercher</label>
 - 
 
315 
													<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
 - 
 
316 
														title="Permet de centrer la carte sur le lieu recherché."
 - 
 
317 
														placeholder="Centrer la carte sur un lieu..."/>
 - 
 
318 
												</div>
 - 
 
319 
											</form>
 - 
 
320 
										</div>
 - 
 
321 
									</div>
 362 
									</div>
- 
 
 363 
 
322 
									<div class="row-fluid">
 364 
									<div class="row-fluid">
- 
 
 365 
										<div class="span12 control-group has-tooltip"
- 
 
 366 
											title="Sélectionnez une ou plusieurs situations correspondant au site.">
323 
										<div class="span12">
 367 
											<label class="span2 control-label">
- 
 
 368 
												Situation(s)
- 
 
 369 
											</label>
324 
											<div id="map-canvas" class="has-tooltip"
 370 
											<div id="milieux-controls" class="controls">
- 
 
 371 
												<div class="input-prepend">
- 
 
 372 
													<div class="btn-group">
325 
												title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
 373 
														<button class="btn dropdown-toggle" data-toggle="dropdown">
- 
 
 374 
															<i class="icon-globe"></i>
326 
													représentant votre station ou bien le glisser-déposer sur
 375 
															Sélectionner une ou plusieurs situations
327 
													le lieu souhaité."></div>
 376 
															<span class="caret"></span>
- 
 
 377 
														</button>
- 
 
 378 
														<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
- 
 
 379 
															<li>
- 
 
 380 
																<label class="checkbox">
- 
 
 381 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="séparation de parcelle"/>
- 
 
 382 
																	Séparation de parcelle
- 
 
 383 
																</label>
- 
 
 384 
															</li>
- 
 
 385 
															<li>
- 
 
 386 
																<label class="checkbox">
- 
 
 387 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="proximité de bâtiment"/>
- 
 
 388 
																	Proximité de bâtiment
- 
 
 389 
																</label>
- 
 
 390 
															</li>
- 
 
 391 
															<li>
- 
 
 392 
																<label class="checkbox">
- 
 
 393 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="plein champ"/>
- 
 
 394 
																	Plein champ
- 
 
 395 
																</label>
- 
 
 396 
															</li>
- 
 
 397 
															<li>
- 
 
 398 
																<label class="checkbox">
- 
 
 399 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="jardin de particulier"/>
- 
 
 400 
																	Jardin de particulier
- 
 
 401 
																</label>
- 
 
 402 
															</li>
- 
 
 403 
															<li>
- 
 
 404 
																<label class="checkbox">
- 
 
 405 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="bord de cours d'eau"/>
- 
 
 406 
																	Bord de cours d'eau
- 
 
 407 
																</label>
- 
 
 408 
															</li>
- 
 
 409 
															<li>
- 
 
 410 
																<label class="checkbox">
- 
 
 411 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="bord de chemin"/>
- 
 
 412 
																	Bord de chemin
- 
 
 413 
																</label>
- 
 
 414 
															</li>
- 
 
 415 
															<li>
- 
 
 416 
																<label class="checkbox">
- 
 
 417 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="intégré à une haie"/>
- 
 
 418 
																	Intégré à une haie
- 
 
 419 
																</label>
- 
 
 420 
															</li>
- 
 
 421 
															<li>
- 
 
 422 
																<label class="checkbox">
- 
 
 423 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="en forêt"/>
- 
 
 424 
																	En forêt
- 
 
 425 
																</label>
- 
 
 426 
															</li>
- 
 
 427 
															<li>
- 
 
 428 
																<label class="checkbox">
- 
 
 429 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="en zone humide"/>
- 
 
 430 
																	En zone humide
- 
 
 431 
																</label>
- 
 
 432 
															</li>
- 
 
 433 
														</ul>
- 
 
 434 
													</div>
- 
 
 435 
												</div>
- 
 
 436 
											</div>
328 
										</div>
 437 
										</div>
329 
									</div>
 438 
									</div>
- 
 
 439 
 
330 
									<div class="row-fluid">
 440 
									<div class="row-fluid">
331 
										<label class="span7 control-label">
 441 
										<label class="span12 control-label">
332 
											<a href="#" class="afficher-coord">Afficher</a>
 442 
											<a href="#" class="afficher-coord btn">Afficher les coordonnées (WGS 84 et Lambert 93)</a>
333 
											<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
 443 
											<a href="#" class="afficher-coord btn" style="display:none;">Cacher les coordonnées (WGS 84 et Lambert 93)</a>
334 
											les coordonnées géographiques
 - 
 
335 
											<span id="lat-lon-info" class="info has-tooltip"
 - 
 
336 
												title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
 - 
 
337 
												(WGS84)
 - 
 
338 
											</span>
 - 
 
339 
										</label>
 444 
										</label>
340 
										<div id="info-commune" class="span5">
 - 
 
341 
											<span for="marqueur-commune">Commune : </span>
 - 
 
342 
											<span id="marqueur-commune">
 - 
 
343 
												<span id="commune-nom" class="commune-info"></span>
 - 
 
344 
												(<span id="commune-code-insee" class="commune-info has-tooltip"
 - 
 
345 
								    				title="Code INSEE de la commune"></span>)
 - 
 
346 
											</span>
 - 
 
347 
										</div>
 - 
 
348 
									</div>
 445 
									</div>
349 
									<form id="form-station" action="#" enctype="multipart/form-data" autocomplete="on">
 - 
 
350 
										<div id="coordonnees-geo" class="well" style="display:none;">
 446 
									<div id="coordonnees-geo" class="well" style="display:none;">
351 
											<div class="row-fluid form-inline">
 - 
 
352 
												<div id="coord-lat" class="span4">
 - 
 
353 
													<label for="latitude">Latitude</label>
 - 
 
354 
													<div>
 - 
 
355 
														<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
 - 
 
356 
													</div>
 - 
 
357 
												</div>
 - 
 
358 
												<div id="coord-lng" class="span4">
 - 
 
359 
													<label for="longitude">Longitude</label>
 - 
 
360 
													<div>
 - 
 
361 
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
 - 
 
362 
													</div>
 - 
 
363 
												</div>
 - 
 
364 
												<div class="span1">
 - 
 
365 
													<div>
 - 
 
366 
														<input id="geolocaliser" type="button" value="Voir sur la carte"
 - 
 
367 
															class="has-tooltip"
 - 
 
368 
															title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
 - 
 
369 
													</div>
 - 
 
370 
												</div>
 - 
 
371 
									    	</div>
 - 
 
372 
										</div>
 - 
 
373 
										<div class="row-fluid">
 447 
										<div class="row-fluid">
374 
											<div class="span6 control-group has-tooltip"
 448 
											<div id="coord-lat" class="span4">
375 
												title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
 - 
 
376 
												<label class="control-label">
 449 
												<label>Latitude
377 
													Lieu-dit
 450 
													<input id="latitude" class="input-mini" name="latitude" type="text"
378 
													<input type="text" id="lieudit" class="" name="lieudit"/>
 451 
														title="Latitude (WGS 84)" value=""/>
379 
												</label>
 452 
												</label>
380 
											</div>
 453 
											</div>
381 
											<div class="span6 control-group has-tooltip"
 454 
											<div id="coord-lng" class="span4">
382 
												title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
 - 
 
383 
												<label class="control-label">
 455 
												<label>Longitude
384 
													Station
 456 
													<input id="longitude" class="input-mini" name="longitude" type="text"
385 
													<input type="text" id="station" class="" name="station"/>
 457 
														title="Longitude (WGS 84)" value=""/>
386 
												</label>
 458 
												</label>
387 
											</div>
 459 
											</div>
- 
 
 460 
											<div class="span1">
- 
 
 461 
												<input id="geolocaliser" type="button" value="Voir sur la carte"
- 
 
 462 
													class="btn has-tooltip"
- 
 
 463 
													title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
- 
 
 464 
											</div>
388 
										</div>
 465 
										</div>
389 
 
 - 
 
390 
										<div class="row-fluid">
 466 
										<div class="row-fluid form-inline">
391 
											<div class="span12 control-group" >
 467 
											<div id="coord-l93-x" class="span4">
392 
												<label class="span12 control-label">
 468 
												<label >X Lambert 93
- 
 
 469 
													<input id="l93-x" disabled type="text" class="input-mini obs-chp-etendu"
393 
													<strong class="obligatoire">*</strong>
 470 
															name="coordonneeLambert93X"
- 
 
 471 
															data-label="Lambert 93 X"
394 
													Milieu
 472 
															value=""/>
395 
													<select id="milieu" class="span8" name="milieu">
 473 
												</label>
396 
														<option selected value="">Sélectionnez un milieu</option>
 474 
											</div>
397 
														<?php foreach ($milieux as $milieu => $description) : ?>
 475 
											<div id="coord-l93-y" class="span4">
398 
														<option value="<?=strtolower($milieu)?>">
 476 
												<label>Y Lambert 93
399 
															<?=$milieu?> <?=($description != '') ? "($description)" : '' ?>
 477 
													<input id="l93-y" disabled type="text" class="input-mini obs-chp-etendu"
400 
														</option>
 478 
															name="coordonneeLambert93Y"
401 
														<?php endforeach; ?>
 479 
															data-label="Lambert 93 Y"
402 
														<option value="">Autre : préciser dans les commentaires.</option>
 - 
 
403 
													</select>
 480 
															value=""/>
404 
												</label>
 481 
												</label>
405 
											</div>
 482 
											</div>
406 
										</div>
 483 
										</div>
- 
 
 484 
									</div>
- 
 
 485 
								</form>
- 
 
 486 
							</div>
- 
 
 487 
						</div>
Line -... Line 488...
- 
 
 488 
 
- 
 
 489 
						<div class="row-fluid">
- 
 
 490 
							<div class="span6">
- 
 
 491 
								<form id="form-obs" class="form-horizontal" action="#" autocomplete="on">
- 
 
 492 
									<h2>Arbre observé</h2>
Line 407... Line 493...
407 
 
 493 
									<input id="referentiel" type="hidden" value="bdtfx" />
408 
 
 494 
 
- 
 
 495 
									<div class="row-fluid">
- 
 
 496 
										<div class="span12 control-group has-tooltip"
409 
										<div class="row-fluid">
 497 
												title="Vous pouvez cliquer sur l'icône de calendrier pour
- 
 
 498 
													sélectionner une date dans un calendrier.">
- 
 
 499 
											<label for="date"class="control-label"  title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
- 
 
 500 
												<strong class="obligatoire">*</strong>
410 
											<div class="span12 control-group has-tooltip"
 501 
												Date du relevé
- 
 
 502 
											</label>
- 
 
 503 
											<div class="controls">
- 
 
 504 
												<div class="input-prepend">
- 
 
 505 
													<span id="date-icone" class="add-on"></span>
- 
 
 506 
													<input id="date" name="date" type="text" placeholder="jj/mm/aaaa" />
- 
 
 507 
												</div>
- 
 
 508 
											</div>
- 
 
 509 
										</div>
- 
 
 510 
									</div>
- 
 
 511 
 
- 
 
 512 
									<div class="row-fluid">
- 
 
 513 
										<div class="span12">
- 
 
 514 
											<div id="taxon-liste-input-groupe" class="control-group has-tooltip"
- 
 
 515 
												title="Sélectionnez une espèce dans la liste déroulante par son nom latin
411 
												title="Indiquez la surface en m² de la station au sein de laquelle la plante est présente.">
 516 
												ou commun. Si une espèce est absente, sélectionner «Autre espèce»." >
412 
												<label class="span12 control-label">
 - 
 
413 
													<strong class="obligatoire">*</strong>
 - 
 
414 
													Surface de la station
 - 
 
415 
													<select id="station-surface" class="span8 obs-chp-etendu" name="stationSurface"
 - 
 
416 
															data-label="Surface couverte dans la station">
 - 
 
417 
														<option selected value="">Sélectionnez une surface</option>
 - 
 
418 
														<option value="0-5">&lt;5 m²</option>
 - 
 
419 
														<option value="5-10">5-10 m²</option>
 - 
 
420 
														<option value="10-50">10-50 m²</option>
 - 
 
421 
														<option value="50-100">50-100 m²</option>
 - 
 
422 
														<option value="100-500">100-500 m²</option>
 - 
 
423 
														<option value="500-1000">500-1000 m²</option>
 517 
												<label for="taxon-liste" class="control-label" title="Choisissez l'espèce rencontrée.">
424 
														<option value="1000+">&gt; 1000 m²</option>
 518 
													<strong class="obligatoire">*</strong>
- 
 
 519 
													Espèces
- 
 
 520 
												</label>
- 
 
 521 
												<div class="controls">
- 
 
 522 
													<div class="input-prepend ">
- 
 
 523 
														<span class="add-on">
- 
 
 524 
															<i class="icon-leaf"></i>
- 
 
 525 
														</span>
- 
 
 526 
 
- 
 
 527 
														<select id="taxon-liste" name="taxon-liste">
- 
 
 528 
															<option value="" selected>Sélectionner une espèce</option>
- 
 
 529 
 
- 
 
 530 
															<optgroup id="taxon-liste-noms">
- 
 
 531 
																<?php foreach ($taxons['sci-et-fr'] as $taxon) :?>
- 
 
 532 
																	<option
- 
 
 533 
																		class="<?=$taxon['nom_type'] ?>"
- 
 
 534 
																		value="<?=$taxon['num_nom'] ?>"
- 
 
 535 
																		title="<?=$taxon['nom_title'] ?>"
- 
 
 536 
																		data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
- 
 
 537 
																		>
- 
 
 538 
																		<?=$taxon['nom_a_afficher']?>
- 
 
 539 
																	</option>
- 
 
 540 
																<?php endforeach; ?>
- 
 
 541 
															</optgroup>
- 
 
 542 
															<optgroup id="taxon-liste-special">
- 
 
 543 
																<?php foreach ($taxons['speciaux'] as $taxon) :?>
- 
 
 544 
																	<option
- 
 
 545 
																		class="<?=$taxon['nom_type'] ?>"
- 
 
 546 
																		value="<?=$taxon['num_nom'] ?>"
- 
 
 547 
																		title="<?=$taxon['nom_title'] ?>"
- 
 
 548 
																		data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
- 
 
 549 
																		>
- 
 
 550 
																		<?=$taxon['nom_a_afficher']?>
- 
 
 551 
																	</option>
- 
 
 552 
																<?php endforeach; ?>
- 
 
 553 
																<option value="?">Autre espèce</option>
- 
 
 554 
															</optgroup>
- 
 
 555 
														</select>
425 
													</select>
 556 
													</div>
426 
												</label>
 557 
												</div>
427 
											</div>
 - 
 
428 
										</div>
 558 
											</div>
429 
 
 559 
										</div>
430 
 
 560 
									</div>
- 
 
 561 
									<div id="taxon-input-groupe" class="row-fluid hidden">
- 
 
 562 
										<div class="span12">
- 
 
 563 
											<div class="control-group has-tooltip"
- 
 
 564 
												title="Sélectionnez une espèce dans la liste déroulante pour lier
431 
										<div class="row-fluid">
 565 
													votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir
- 
 
 566 
													un nom absent du référentiel (Ex. : 'fleur violette' ou 'Viola sp.1')." >
- 
 
 567 
												<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée.">
432 
											<div class="span12">
 568 
													<strong class="obligatoire">*</strong>
- 
 
 569 
													Autre espèce
433 
												<label for="milieuCommentaire">Commentaires sur le milieu</label>
 570 
												</label>
434 
												<div>
 571 
												<div class="controls">
435 
													<textarea id="milieu-commentaire" class="span12 obs-chp-etendu" rows="7"
 572 
													<input id="taxon" name="taxon" type="text" class="span12"
436 
														name="milieuCommentaire" data-label="Commentaires sur le milieu"
 573 
														placeholder="Autre espèce (ou indication sur la plante)"
437 
														placeholder="Vous pouvez éventuellement ajouter des informations complémentaires concernant le milieu"></textarea>
 574 
														value="<?= $nom_sci_espece_defaut; ?>" />
438 
												</div>
 575 
												</div>
439 
											</div>
 - 
 
440 
										</div>
 576 
											</div>
441 
									</form>
 - 
 
442 
								</div>
 - 
 
443 
							</div>
 - 
 
444 
							<div class="span6">
 - 
 
445 
								<form id="form-obs" action="#" autocomplete="on">
 - 
 
Line 446... Line 577...
446 
									<h2>Observation</h2>
 577 
										</div>
447 
									<input id="referentiel" type="hidden" value="bdtfx" />
 578 
									</div>
448 
 
 579 
 
449 
									<div class="row-fluid">
 - 
 
450 
										<div id="taxon-input-groupe" class="span8 has-tooltip"
 - 
 
451 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
 - 
 
452 
												votre nom au référentiel selectionné. Si vous
 580 
									<div class="row-fluid">
453 
												le désirez vous pouvez aussi saisir un nom absent du référentiel
 581 
										<div class="span12 control-group has-tooltip"
454 
												(Ex. : 'fleur violette' ou 'viola sinensis???')." >
 - 
 
455 
											<label class="span12 control-label">Espèce
 - 
 
456 
												<div class="input-prepend">
 582 
												title="Indiquez la certitude de votre détermination.">
457 
													<span class="add-on"><i class="icon-leaf"></i></span>
 583 
											<label for="certitude" class="control-label">
- 
 
 584 
												<strong class="obligatoire">*</strong>
- 
 
 585 
												Identification de l'arbre
- 
 
 586 
											</label>
- 
 
 587 
											<div class="controls">
- 
 
 588 
												<select id="certitude" class="span12" name="certitude">
- 
 
 589 
													<option selected value="">Sélectionnez une certitude</option>
- 
 
 590 
													<option value="certaine">Certaine</option>
- 
 
 591 
													<option value="douteuse">Douteuse</option>
458 
													<input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" />
 592 
													<option value="A déterminer">À déterminer</option>
459 
												</div>
 593 
												</select>
Line 460... Line 594...
460 
											</label>
 594 
											</div>
461 
										</div>
 595 
										</div>
462 
									</div>
 596 
									</div>
463 
 
 597 
 
464 
									<div class="row-fluid">
 - 
 
465 
										<div class="span12 control-group has-tooltip"
 598 
									<div class="row-fluid">
- 
 
 599 
										<div class="span12 control-group has-tooltip"
- 
 
 600 
												title="Indiquez le type de formation de l'arbre ou des arbres têtards.">
- 
 
 601 
											<label for="formation" class="control-label">
- 
 
 602 
												<strong class="obligatoire">*</strong>
- 
 
 603 
												Formation
- 
 
 604 
											</label>
- 
 
 605 
											<div class="controls">
- 
 
 606 
												<select id="formation" class="span12 obs-chp-etendu"
- 
 
 607 
														name="arbreTetardFormation"
466 
												title="Vous pouvez cliquer sur l'icône de calendrier pour
 608 
														data-label="Type de formation">
- 
 
 609 
													<option selected value="">Sélectionnez une formation</option>
- 
 
 610 
													<option value="alignement">Arbres d'alignement</option>
- 
 
 611 
													<option value="isolé">Arbre isolé</option>
- 
 
 612 
												</select>
467 
													sélectionner une date dans un calendrier.">
 613 
											</div>
- 
 
 614 
										</div>
- 
 
 615 
									</div>
468 
											<label class="span12 control-label"  title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
 616 
									<div id="aligne-nbre-groupe" class="row-fluid form-inline hidden">
- 
 
 617 
										<div class="span12">
- 
 
 618 
											<div class="control-group has-tooltip"
- 
 
 619 
												title="Indiquez le nombre d'arbres têtards alignés." >
- 
 
 620 
												<label for="aligne-nbre" class="control-label">
469 
												<strong class="obligatoire">*</strong>
 621 
													<strong class="obligatoire">*</strong>
- 
 
 622 
													Nombre d'arbres
- 
 
 623 
												</label>
- 
 
 624 
												<div class="controls">
470 
												Date du relevé
 625 
													<input id="aligne-nbre" type="number" class="span2 obs-chp-etendu"
- 
 
 626 
														name="arbreTetardAligneNbre"
- 
 
 627 
														data-label="Nombre d'arbres d'alignement"
- 
 
 628 
														value="" />
- 
 
 629 
												</div>
- 
 
 630 
											</div>
- 
 
 631 
										</div>
- 
 
 632 
									</div>
- 
 
 633 
 
- 
 
 634 
									<div class="row-fluid">
471 
												<div class="input-prepend">
 635 
										<div class="span12 control-group has-tooltip"
- 
 
 636 
												title="Indiquez si des cavités sont présentes sur l'arbre.">
- 
 
 637 
											<label for="cavites" class="control-label">
- 
 
 638 
												Cavités
- 
 
 639 
											</label>
- 
 
 640 
											<div class="controls">
- 
 
 641 
												<select id="cavites" class="span12 obs-chp-etendu"
- 
 
 642 
														name="arbreTetardPresenceCavite"
- 
 
 643 
														data-label="Présence de cavités">
- 
 
 644 
													<option selected value="">Sélectionnez la présence de cavités</option>
- 
 
 645 
													<option value="aucune">Aucune</option>
472 
													<span id="date-icone" class="add-on"></span>
 646 
													<option value="petite">Oui, petite(s)</option>
473 
													<input id="date" name="date" type="text" placeholder="jj/mm/aaaa" />
 647 
													<option value="grande">Oui, grande(s)</option>
Line 474... Line 648...
474 
												</div>
 648 
												</select>
475 
											</label>
 649 
											</div>
476 
										</div>
 650 
										</div>
477 
									</div>
 651 
									</div>
478 
 
 652 
 
- 
 
 653 
									<div class="row-fluid">
479 
									<div class="row-fluid">
 654 
										<div class="span12 control-group has-tooltip"
480 
										<div class="span12 control-group has-tooltip"
 655 
												title="Indiquez la circonférence à 1m du sol.">
481 
												title="Indiquez ici le pourcentage de recouvrement par la plante sur la surface de la station.">
 656 
											<label for="circonference" class="control-label">
482 
											<label class="span12 control-label">
 657 
												Circonférence
483 
												<strong class="obligatoire">*</strong>
 658 
											</label>
484 
												Recouvrement par la plante de la surface de la station
 659 
											<div class="controls">
485 
												<select id="recouvrement" class="span8 obs-chp-etendu" name="recouvrement"
 660 
												<select id="circonference" class="span12 obs-chp-etendu"
486 
														data-label="Recouvrement au sein de la surface couverte dans la station">
 661 
														name="arbreTetardCirconferenceA1m"
487 
													<option selected value="">Sélectionnez un recouvrement</option>
 - 
 
488 
													<option value="+">&lt;1 %</option>
 662 
														data-label="Circonférence à 1 m du sol">
489 
													<option value="1">1-5 %</option>
 663 
													<option selected value="">Sélectionnez la circonférence (à 1m du sol)</option>
- 
 
 664 
													<option value="0-0,5">0 à 0,5m</option>
- 
 
 665 
													<option value="0,5-2">0,5 à 2m</option>
- 
 
 666 
													<option value="2-3">2 à 3m</option>
- 
 
 667 
													<option value="+3">&gt; à 3m</option>
- 
 
 668 
												</select>
- 
 
 669 
											</div>
- 
 
 670 
										</div>
- 
 
 671 
									</div>
- 
 
 672 
 
490 
													<option value="2">5-25 %</option>
 673 
									<div class="row-fluid">
- 
 
 674 
										<div class="span12 control-group has-tooltip"
- 
 
 675 
												title="Indiquez la hauteur de la tête.">
- 
 
 676 
											<label for="hauteur-tete" class="control-label">
- 
 
 677 
												Hauteur de la tête
- 
 
 678 
											</label>
- 
 
 679 
											<div class="controls">
- 
 
 680 
												<select id="hauteur-tete" class="span12 obs-chp-etendu"
- 
 
 681 
														name="arbreTetardHauteurTete"
- 
 
 682 
														data-label="Hauteur de la tête">
- 
 
 683 
													<option selected value="">Sélectionnez la hauteur</option>
491 
													<option value="3">25-50 %</option>
 684 
													<option value="0-1,5">0 à 1,5m</option>
492 
													<option value="4">50-75 %</option>
 685 
													<option value="1,5-3">1,5 à 3m</option>
Line 493... Line 686...
493 
													<option value="5">75-100 %</option>
 686 
													<option value="+3">&gt; à 3m</option>
494 
												</select>
 687 
												</select>
495 
											</label>
 688 
											</div>
496 
										</div>
 689 
										</div>
497 
									</div>
 690 
									</div>
- 
 
 691 
 
- 
 
 692 
									<div class="row-fluid">
498 
 
 693 
										<div class="span12">
- 
 
 694 
											<label for="presence-sp">Espèces présentes sur l'arbre (végétale ou animale)</label>
- 
 
 695 
											<div>
- 
 
 696 
												<textarea id="presence-sp" class="span12 obs-chp-etendu" rows="7"
- 
 
 697 
													name="arbreTetardPresenceSp"
- 
 
 698 
													data-label="Présence d'espèces sur l'arbre"
- 
 
 699 
													placeholder="Vous pouvez éventuellement indiquez des informations du type : Champignons ; Lierre ; Mousses ; Lichens ; Autre plante... Larve d'insecte saproxylique ; Galerie dans le bois ; Pelote de réjection ; Nid ; Crotte ; Trou"></textarea>
- 
 
 700 
											</div>
- 
 
 701 
										</div>
- 
 
 702 
									</div>
- 
 
 703 
								</form>
- 
 
 704 
							</div>
- 
 
 705 
							<div class="span6">
- 
 
 706 
								<form id="form-gestion" class="form-horizontal" action="#" autocomplete="on">
- 
 
 707 
									<h2>Gestion de l'arbre</h2>
- 
 
 708 
 
- 
 
 709 
									<div class="row-fluid">
- 
 
 710 
										<div class="span12 control-group has-tooltip"
- 
 
 711 
												title="Indiquez le type de taille de l'arbre.">
- 
 
 712 
											<label for="taille-type" class="control-label">
- 
 
 713 
												Type de taille
- 
 
 714 
											</label>
- 
 
 715 
											<div class="controls">
- 
 
 716 
												<select id="taille-type" class="span12 obs-chp-etendu"
- 
 
 717 
														name="arbreTetardTailleType"
- 
 
 718 
														data-label="Type de taille">
- 
 
 719 
													<option selected value="">Sélectionnez le type de taille</option>
- 
 
 720 
													<option value="trogne">Trogne</option>
- 
 
 721 
													<option value="tête de chat">Tête de chat</option>
- 
 
 722 
													<option value="émonde">Émonde</option>
- 
 
 723 
													<option value="autre">Autre, précisez le type de taille dans les notes</option>
- 
 
 724 
												</select>
- 
 
 725 
											</div>
- 
 
 726 
										</div>
- 
 
 727 
									</div>
- 
 
 728 
 
- 
 
 729 
									<div class="row-fluid">
- 
 
 730 
										<div class="span12 control-group has-tooltip"
- 
 
 731 
												title="Indiquez le type d’entretien de l'arbre, en précisant la périodicité des coupes.">
- 
 
 732 
											<label for="entretient" class="control-label">
- 
 
 733 
												Type d'entretient
- 
 
 734 
											</label>
- 
 
 735 
											<div class="controls">
- 
 
 736 
												<select id="entretient" class="span12 obs-chp-etendu"
- 
 
 737 
														name="arbreTetardEntretientCoupe"
499 
									<div class="row-fluid">
 738 
														data-label="Type d'entretient">
500 
										<div class="span12">
 739 
													<option selected value="">Sélectionnez la périodicité des coupes d'entretient</option>
501 
											<label for="notes">Notes</label>
 740 
													<option value="récente">Coupe récente (< 5 ans ; branches de diamètre < 10cm)</option>
Line -... Line 741...
- 
 
 741 
													<option value="ancienne">Ancienne (5 à 10 ans ; diamètre des branches entre 10 et 15 cm )</option>
- 
 
 742 
													<option value="non entretenu">Non entretenu ( diamètre des branches > 15 cm)</option>
- 
 
 743 
												</select>
- 
 
 744 
											</div>
- 
 
 745 
										</div>
- 
 
 746 
									</div>
- 
 
 747 
 
- 
 
 748 
									<div class="row-fluid">
- 
 
 749 
										<div class="span12 control-group has-tooltip"
- 
 
 750 
												title="Indiquez l'état sanitaire de l'arbre têtard.">
- 
 
 751 
											<label for="etat-sanitaire" class="control-label">
- 
 
 752 
												État sanitaire
- 
 
 753 
											</label>
- 
 
 754 
											<div class="controls">
- 
 
 755 
												<select id="etat-sanitaire" class="span12 obs-chp-etendu"
- 
 
 756 
														name="arbreTetardEtatSanitaire"
- 
 
 757 
														data-label="État sanitaire">
- 
 
 758 
													<option selected value="">Sélectionnez l'état sanitaire</option>
502 
											<div>
 759 
													<option value="mort">Mort</option>
- 
 
 760 
													<option value="dépérissant">Dépérissant</option>
- 
 
 761 
													<option value="bon">Bon état général</option>
- 
 
 762 
												</select>
- 
 
 763 
											</div>
- 
 
 764 
										</div>
- 
 
 765 
									</div>
- 
 
 766 
								</form>
503 
												<textarea id="notes" class="span12" rows="7" name="notes"
 767 
 
504 
													placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
 768 
								<div>
505 
											</div>
 769 
									<h2>Notes</h2>
506 
										</div>
 770 
									<textarea id="notes" form="form-obs" class="span12" rows="7" name="notes"
507 
									</div>
 771 
										placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation"></textarea>
508 
 
 772 
								</div>
509 
								</form>
 773 
 
510 
								<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=<?=isset($_GET['projet']) ? $_GET['projet'] : 'defaut'?>"
 774 
								<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=<?=isset($_GET['projet']) ? $_GET['projet'] : 'defaut'?>"
Line 519... Line 783...
519 
										</div>
 783 
										</div>
520 
										<p class="miniature-msg" class="span12">&nbsp;</p>
 784 
										<p class="miniature-msg" class="span12">&nbsp;</p>
521 
									</div>
 785 
									</div>
522 
								</form>
 786 
								</form>
523 
							</div>
 787 
							</div>
- 
 
 788 
						</div>
- 
 
 789 
 
524 
							<div class="row-fluid">
 790 
						<div class="row-fluid">
- 
 
 791 
 
- 
 
 792 
						</div>
- 
 
 793 
 
- 
 
 794 
						<div class="row-fluid">
525 
								<div class="span12 centre has-tooltip"
 795 
							<div class="span12 centre has-tooltip"
526 
									title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
 796 
								title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
527 
										ajouter votre observation à la liste à transmettre.">
 797 
									ajouter votre observation à la liste à transmettre.">
528 
									<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
 798 
								<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
529 
										Créer
 799 
									Créer
530 
									</button>
 800 
								</button>
531 
								</div>
 - 
 
532 
							</div>
 801 
							</div>
533 
						</div>
 802 
						</div>
534 
					</div>
 803 
					</div>
535 
				</div>
 804 
				</div>
536 
			</div>
 805 
			</div>