Subversion Repositories eFlore/Applications.cel

		//<![CDATA[

			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;

			// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5

			var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;

			// La présence du parametre 'ville' dans l'URL géolocalise

			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";

			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.

			var CHARGEMENT_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/chargement.gif";

			// URL de l'icône de fin de rue

		<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/<?=isset($_GET['style']) ? $_GET['style'] : 'sauvages'?>.css" rel="stylesheet" type="text/css" media="screen" />

							<input id="nom" name="nom" type="text" value=""/>

							<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>

						</li>

					</ul>

				</fieldset>

				<div id="zone-fiche-terrain">

					<fieldset id="partie-date">

						<legend>Date du relevé</legend> 

						<ul>

							<li>

								<label for="date" title="Indiquez la date de votre relevé (au format jj/mm/aaaa) ou utilisez le calendrier">

									<strong class="obligatoire">*</strong> Date du relevé

								</label>

								<input id="date" name="date" type="text" value="" />

							</li>

						</ul>

					</fieldset>

					<fieldset id="partie-station">

						<legend>Lieu du relevé</legend>

						<ul>

							<li>

								<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">

									<strong class="obligatoire">*</strong> Localisation de la rue étudiée

								</label>

							</li>

							<li>

								<ul class="liste_indication_geolocalisation">

									<li class="indication_geolocalisation">1ere étape : Entrez le nom de la rue et de la ville dans l'espace de recherche ci-dessous</li>

									<li class="indication_geolocalisation">2eme étape : Placez le drapeau vert au début de la portion de rue étudiée</li>

									<li class="indication_geolocalisation">3eme étape : 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>

									<li class="indication_geolocalisation">4eme étape : Voilà ! Votre zone d'étude est localisée ! Vous pouvez passer à la saisie de l'observation.</li>

								</ul>

								<input id="rue" name="rue" type="text" placeholder="Entrez un nom de ville, de lieu ou de rue..." value="" />

							</li>

							<li id="map-canvas"></li>

							<li>

								<label for="coordonnees-geo">

									<a href="#" class="afficher-coord">Afficher</a>

									<a href="#" class="afficher-coord" style="display:none;">Cacher</a>

									Les coordonnées géographiques

									<span id="lat-lon-info" class="info" 

										title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">

										(WGS84)

									</span>

								</label>

								<ul id="coordonnees-geo" style="display:none;">

									<li id="coord-lat">						

										<label for="latitude">Latitude</label>

										<input id="latitude" name="latitude" type="text" value=""/>

									</li>

									<li id="coord-lng">

										<label for="longitude">Longitude</label>

										<input id="longitude" name="longitude" type="text" value=""/>

									</li>

									<li id="info-commune">

							    		<label for="marqueur-commune">Commune</label><br />

							    		<span id="marqueur-commune">

							    			(<span id="commune-code-insee" class="commune-info" title="Code INSEE de la commune"></span>)

							    		</span>

						    		</li>

									<li>

										<input id="geolocaliser" type="button" value="Voir sur la carte"/>

									</li>

								</ul>

							</li>

							<li>

								<hr class="nettoyage" />

							</li>

							<li>

								<ul>

									<li>

										<label for="rue_cote" title="Choisissez le (ou les) côté(s) de la rue que vous avez étudié">

											<strong class="obligatoire">*</strong> 

											Côté de la rue

										</label>

										<select id="rue_cote" name="rue_cote">

											<option value="">Sélectionner un type de côté</option>

										 	<option value="pair">Pair</option>

										 	<option value="impair">Impair</option>

										 	<option value="2cotes">Les deux</option>

										</select> 

									</li>

								</ul>

							</li>

						</ul>

					</fieldset>

					<fieldset id="partie-observation">

						<legend>Observations</legend> 

						<ul>

							<li>

								<label for="taxon" title="Choisissez une espèce rencontrée. Si vous avez trouvé d'autres espèces non listées, n'hésitez pas à le signaler dans les notes">

									<strong class="obligatoire">*</strong> 

									Espèce

								</label>

								<select id="taxon" name="taxon">

									<option value="">Sélectionner une espèce</option>

									<?php foreach ($taxons as $taxon) :?>

										<option value="<?=$taxon['num_nom_sel']?>" 

											title="<?=$taxon['nom_sel'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>">

											<?=$taxon['nom_fr']?>

										</option>

									<?php endforeach; ?> 

								</select> 

							</li>

							<li>

								<label for="liste-milieux" title="Indiquez le (ou les) milieu(x) dans lequel (lesquels) vous avez rencontré cette espèce">

									<strong class="obligatoire">*</strong> 

									Milieu

								</label>

								<ul id="liste-milieux">

									<?php foreach ($milieux as $milieu => $description) : ?>

									<li>

										<input type="checkbox" class="milieu" name="milieu[]" value="<?=$milieu?>" 

											<?=($description != '') ? 'title="'.$description.'"': '' ?>/>

										<?=$milieu?>

									</li>

									<?php endforeach; ?>

								</ul>

							</li>

							<li>

								<textarea id="notes" name="notes" rows="3" cols="4" placeholder="Indiquez nous en particulier le ou les outils d'identification que vous avez utilisé, et toute autre information concernant le milieu ou l'espèce" ></textarea>

							</li>

						</ul>

					</fieldset>

				</div><!-- zone-fiche-terrain-->

			</form>			

			<div id="zone-fiche-terrain-photo">

				<form id="form-upload"  action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image" 

					method="post" enctype="multipart/form-data">

					<fieldset id="partie-photo">

						<legend>Ajouter une photo</legend>

						<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>					

						<input type="file" id="fichier" name="fichier" accept="image/jpeg"/>

						<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>

						<p id="miniature-msg">&nbsp;</p>

						<div id="miniature"></div>

						<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>

					</fieldset>

				</form>

							<tbody></tbody>

		<div id="dialogue-google-map" style="display: none;" title="Information sur Google Map"></div>

		<div id="dialogue-erreur" style="display: none;" title="Erreur"></div>

		<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;">			

			<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">

				<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif" alt="Transfert en cours..."/>

				<p id="chargement-txt" style="color:white;font-size:1.5em;">

					Transfert des observations en cours...<br />

					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.

				</p>

			</div>

		</div>