WebSVN – eFlore/Applications.cel – Diff – /branches/v2.24-sarcloir/widget/modules/saisie/squelettes/ambrosia/ambrosia.tpl.html


<!DOCTYPE html>
<html>
	<head>
		<title>Saisie simplifiée du CEL</title>
		
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<meta http-equiv="Content-style-type" content="text/css" />
		<meta http-equiv="Content-script-type" content="text/javascript" />
		<meta http-equiv="Content-language" content="fr" />
		
		<meta name="revisit-after" content="15 days" />
        <meta name="robots" content="index,follow" />
        <meta name="author" content="Jean-Pascal MILCENT" />
        <meta name="keywords" content="Tela Botanica, CEL" />
        <meta name="description" content="Widget de saisie simplifiée pour le CEL" />
 
		<!-- Viewport Mobile -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		<!-- Favicones -->
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/defaut/img/favicon.ico" />
		
		<!-- Javascript : bibliothèques -->
		<!-- Google Map v3 -->
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>	
		
		<!-- Jquery -->
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.js"></script>
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
		<!-- Jquery Plugins -->
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
		<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>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
		<!-- Jquery Form :nécessaire pour l'upload des images -->
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
		
		<!-- Bootstrap -->
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.1/js/bootstrap.min.js"></script>
		
		<!-- Javascript : appli saisie -->
		<script type="text/javascript">
		//<![CDATA[
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
			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 'html5' dans l'URL enclenche les fonctions avancées HTML5
			var PROJET_TAG = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : 'WidgetSaisie'?>";
			// URL du web service réalisant l'insertion des données dans la base du CEL.
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
			// Code du référentiel utilisé pour les nom scientifiques.
			var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
			// Code de la version du référentiel utilisé pour les nom scientifiques.
			var NOM_SCI_VERSION = "<?=$ns_version?>";
			// Nombre d'élément dans les listes d'auto-complétion
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
			// URL du web service permettant l'auto-complétion des noms scientifiques.
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+
					"masque={masque}&"+
					"recherche=etendue&"+
					"retour.champs=famille,nom_retenu,num_taxonomique,nom_retenu.id&"+
					"version.projet="+NOM_SCI_VERSION+"&"+
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
			console.log(SERVICE_AUTOCOMPLETION_NOM_SCI_URL);
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";
			// URL du marqueur à utiliser dans la carte Google Map
			var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";
			// URL de l'icône du bouton supprimer
			var SUPPRIMER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/supprimer.png";
			// URL de l'icône du chargement en cours
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";
			// URL de l'icône du calendrier
			var CALENDRIER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/calendrier.png";
		//]]>
		</script>
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/defaut.js"></script>
			
		<!-- CSS -->
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.1/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="<?=$url_base?>modules/saisie/squelettes/defaut/css/<?=isset($_GET['style']) ? $_GET['style'] : 'defaut'?>.css" rel="stylesheet" type="text/css" media="screen" />
	</head>
 
	<body>
		<div class="container">
			<div class="row-fluid">
				<div class="span6 page-header">
					<div class="row">
						<img class="span2" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
						<h1 class="span4">Saisie simplifiée des observations</h1>
					</div>
				</div>
				
				<div class="span6">
					<div class="well">
						<h2>Observateur</h2>
						<form id="form-observateur" class="" action="#" autocomplete="on">
							<div class="row-fluid">
								<div class="span6">
									<label for="prenom">Prénom</label>
									<div>
										<input id="prenom" name="prenom" type="text" value=""/>
									</div>
								</div>
								<div class="span6">
									<label for="nom">Nom</label>
									<div>
										<input id="nom" name="nom" type="text" value=""/>
									</div>
								</div>
							</div>
							<div class="row-fluid">
								<div class="span6">
									<label for="courriel"  
										title="Veuillez saisir votre adresse courriel.">
										<strong class="obligatoire">*</strong> Courriel
									</label>
									<div class="input-prepend">
										<span class="add-on">
											<i class="icon-envelope"></i>
										</span>
										<input id="courriel" name="courriel" type="text" value=""/>
									</div>
								</div>
								<div class="span6">
									<label for="courriel_confirmation" title="Veuillez saisir confirmer votre adresse courriel.">
										<strong class="obligatoire">*</strong> Courriel (confirmation)
									</label>
									<div class="input-prepend">
										<span class="add-on">
											<i class="icon-envelope"></i>
										</span>
										<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>
									</div>
								</div>
							</div>
						</form>
						<div class="row-fluid">
							<div class="span6">
								<button id="btn-aide" class="btn btn-mini btn-warning">
									<span class="icon-question-sign icon-white"></span>
									<span id="btn-aide-txt" >Activer l'aide</span>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Messages d'erreur du formulaire-->
			<div class="row">
				<div class="zone-alerte span6 offset3">
					<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display: none;" title="">
						<a class="close">×</a>
						<h4 class="alert-heading">Information : copier/coller</h4>
						<p>
							Merci de ne pas copier/coller votre courriel.<br/>
							La double saisie permet de vérifier l'absence d'erreurs.
						</p>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="well">
						<div class="row-fluid">
							<div class="span12">
								<h2>Lieu du relevé</h2>
							</div>
						</div>
						<div class="row-fluid">
							<div class="span4">
								<label for="map_canvas" title="Veuillez localiser l'observation">
									<strong class="obligatoire">*</strong> 
									Géolocalisation
								</label>
							</div>
							<div class="span8 droite">
								<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
									<div class="control-group">
										<label for="carte-recherche">Rechercher</label>
										<input id="carte-recherche" class="search-query" type="text" value=""
											rel="tooltip"
											title="Permet de centrer la carte sur le lieu recherché."
											placeholder="Centrer la carte sur un lieu..."/>
									</div>
								</form>
							</div>
						</div>
						<div class="row-fluid">
							<div class="span12">
								<div id="map-canvas"></div>
							</div>
						</div>
						<div class="row-fluid">
							<label for="coordonnees-geo" class="span7">
								<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" 
									rel="tooltip" 
									title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
									(WGS84)
								</span>
							</label>
							<div id="info-commune" class="span5">
					    		<span for="marqueur-commune">Commune : </span>
					    		<span id="marqueur-commune">
					    			<span id="commune-nom" class="commune-info"></span>
					    			(<span id="commune-code-insee" class="commune-info" 
					    				rel="tooltip" 
					    				title="Code INSEE de la commune"></span>)
					    		</span>
				    		</div>
						</div>
						<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
							<div id="coordonnees-geo" class="well" style="display:none;">
								<div class="row-fluid form-inline">
									<div id="coord-lat" class="span4">				
										<label for="latitude">Latitude</label>
										<div>
											<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
										</div>
									</div>
									<div id="coord-lng" class="span4">
										<label for="longitude">Longitude</label>
										<div>
											<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
										</div>
									</div>
									<div class="span1">
										<div>
											<input id="geolocaliser" type="button" value="Voir sur la carte" 
												rel="tooltip"
												title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
										</div>
									</div>
						    	</div>
							</div>
							<div class="row-fluid">
								<div class="span4">
									<label for="lieudit">
										Lieu-dit
									</label>
									<div>
										<input type="text" id="lieudit" class="input-medium" name="lieudit" value="" />
									</div>
								</div>
								<div class="span4">
									<label for="station">
										Station
									</label>
									<div>
										<input type="text" id="station" class="input-medium" name="station" value="" />
									</div>
								</div>
								<div class="span4">
									<label for="milieux">
										Milieu
									</label>
									<div>
										<input type="text" id="milieu" class="input-medium" name="milieu" value="" />
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
				<div class="span6">
					<div class="well">
						<form id="form-obs" action="#" autocomplete="on">
							<h2>Observations</h2> 
							<div class="row-fluid">
								<div class="span4">
									<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
										<strong class="obligatoire">*</strong> Date du relevé
									</label>
									<div class="input-prepend">
										<span id="date-icone" class="add-on"></span>
										<input id="date" class="input-small" name="date" type="text" value="" 
											placeholder="jj/mm/aaaa"
											rel="tooltip"
											data-original-title="Vous pouvez cliquer sur l'icône de calendrier pour sélectionner un date dans un calendrier."/>
									</div>
								</div>
								<div id="taxon-input-groupe" class="span8">
									<label for="taxon" title="Choisissez une espèce">
										<strong class="obligatoire">*</strong> 
										Espèce
									</label>
									<div class="input-prepend">
										<span class="add-on">
											<i class="icon-leaf"></i>
										</span>
										<input type="text" id="taxon" name="taxon" value="" />
									</div>
								</div>
							</div>
							<div class="row-fluid">
								<div class="span12">
									<label for="notes">Notes</label>
									<div>
										<textarea id="notes" class="span5" rows="7" name="notes" 
											placeholder="Vous pouvez éventuellement ajouter une note sur votre observation..."
										></textarea>
									</div>
								</div>
							</div>
						</form>
						<form id="form-upload" class="well form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image" 
							method="post" enctype="multipart/form-data">
							<label>Photo</label>
							<input type="file" id="fichier" name="fichier" accept="image/jpeg"/>
							<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
							<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>
							<div id="miniature"></div>
							<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>
							<p id="miniature-msg" class="span12">&nbsp;</p>
						</form>
						<div class="row-fluid">
							<div class="span12 centre">
								<button id="ajouter-obs" class="btn btn-primary btn-large" type="button"
									title="Ajoute l'observation courante à la liste ci-dessous.">
									Créer
								</button>
							</div>
						</div>
					</div>
				</div>		
			</div>
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
			<div id="zone-liste-obs" class="row-fluid">
				<form action="#" class="well form-horizontal">
					<div class="row-fluid">
						<h2>Liste des <span class="obs-nbre"></span> observations à transmettre</h2>
						<table id="liste-obs" class="table table-bordered table-condensed">
							<thead>
								<tr>
									<th rowspan="3">Photo</th>
									<th><i class="icon-leaf illustration">&nbsp;</i>Nom</th>
									<th colspan="2">Commune (code INSEE) [<span title="Latitude / Longitude"><i class="icon-map-marker">&nbsp;</i>Lat./Long.</span>]</th>
									<th rowspan="3">Notes</th>
									<th rowspan="3"><i class="icon-trash icone">&nbsp;</i>Action</th>
								</tr>
								<tr>
									<!-- Photo -->
									<th rowspan="2"><i class="icon-calendar illustration">&nbsp;</i>Date</th>
									<th>Lieu-dit</th>
									<th>Station</th>
									<!-- Notes -->
									<!-- Action -->								
								</tr>
								<tr>
									<!-- N° -->
									<!-- Photo -->
									<!-- Nom scientifique & Date -->
									<th colspan="2">Milieu</th>
									<!-- Notes -->
									<!-- Action -->
								</tr>
							</thead>
							<tbody></tbody>
						</table>
					</div>
					<div class="row">
						<div class="zone-alerte span6 offset3">
							<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
								<a class="close">×</a>
								<h4 class="alert-heading">Attention : aucune observation</h4>
								<p>Veuillez saisir des observations pour les transmettres.</p>
							</div>
							
							<div id="dialogue-obs-transaction" class="alert alert-success alert-block" style="display: none;"">
								<a class="close">×</a>
								<h4 class="alert-heading">Information : transmission des observations</h4>
								<div class="alert-txt"></div>
							</div>
							
							<div id="dialogue-erreur" class="alert alert-error alert-block" style="display: none;">
								<a class="close">×</a>
								<h4 class="alert-heading">Erreur : transmission des observations</h4>
								<div class="alert-txt"></div>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12 droite">
							<button id="transmettre-obs" class="btn btn-primary btn-large" type="button"
								title="Ajoute les observations à votre Carnet en Ligne et les rend publiques.">
								Transmettre
							</button>
						</div>
					</div>
				</form>
			</div>
			
			<footer class="row-fluid">
				<p class="span12">&copy; Tela Botanica 2012</p>
			</footer>
		</div>
		
		<!-- Fenêtres modales -->
		<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/img/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>
		
		<!-- Stats : Google Analytics-->
		<script type="text/javascript">
			//<![CDATA[
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-20092557-1']);
			_gaq.push(['_trackPageview']);
			
			(function() {
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
			//]]>
		</script>
	</body>
</html>

Rev 1220	Rev 1221
1	`<!DOCTYPE html>`	1	`<!DOCTYPE html>`
2	`<html>`	2	`<html>`
3	`<head>`	3	`<head>`
4	`<title>Saisie simplifiée du CEL</title>`	4	`<title>Saisie simplifiée du CEL</title>`
5		5
6	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`	6	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`
7	`<meta http-equiv="Content-style-type" content="text/css" />`	7	`<meta http-equiv="Content-style-type" content="text/css" />`
8	`<meta http-equiv="Content-script-type" content="text/javascript" />`	8	`<meta http-equiv="Content-script-type" content="text/javascript" />`
9	`<meta http-equiv="Content-language" content="fr" />`	9	`<meta http-equiv="Content-language" content="fr" />`
10		10
11	`<meta name="revisit-after" content="15 days" />`	11	`<meta name="revisit-after" content="15 days" />`
12	`<meta name="robots" content="index,follow" />`	12	`<meta name="robots" content="index,follow" />`
13	`<meta name="author" content="Jean-Pascal MILCENT" />`	13	`<meta name="author" content="Jean-Pascal MILCENT" />`
14	`<meta name="keywords" content="Tela Botanica, CEL" />`	14	`<meta name="keywords" content="Tela Botanica, CEL" />`
15	`<meta name="description" content="Widget de saisie simplifiée pour le CEL" />`	15	`<meta name="description" content="Widget de saisie simplifiée pour le CEL" />`
16		16
17	`<!-- Viewport Mobile -->`	17	`<!-- Viewport Mobile -->`
18	`<meta name="viewport" content="width=device-width, initial-scale=1.0">`	18	`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
19		19
20	`<!-- Favicones -->`	20	`<!-- Favicones -->`
21	`<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/defaut/img/favicon.ico" />`	21	`<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/defaut/img/favicon.ico" />`
22		22
23	`<!-- Javascript : bibliothèques -->`	23	`<!-- Javascript : bibliothèques -->`
24	`<!-- Google Map v3 -->`	24	`<!-- Google Map v3 -->`
25	`<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->`	25	`<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->`
26	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=fr&region=FR"></script>`	26	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=fr&region=FR"></script>`
27		27
28	`<!-- Jquery -->`	28	`<!-- Jquery -->`
29	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.js"></script>`	29	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.js"></script>`
30	`<!-- Jquery UI -->`	30	`<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->`
31	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>`	31	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>`
32	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>`	32	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>`
33	`<!-- Jquery Plugins -->`	33	`<!-- Jquery Plugins -->`
-		34	`<!-- Jquery Validate : nécessaire pour la validation des formulaires -->`
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/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>`	36	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>`
-		37	`<!-- Jquery Form :nécessaire pour l'upload des images -->`
36	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>`	38	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>`
37		39
38	`<!-- Bootstrap -->`	40	`<!-- Bootstrap -->`
39	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.1/js/bootstrap.min.js"></script>`	41	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.1/js/bootstrap.min.js"></script>`
40		42
41	`<!-- Javascript : appli saisie -->`	43	`<!-- Javascript : appli saisie -->`
42	`<script type="text/javascript">`	44	`<script type="text/javascript">`
43	`//<![CDATA[`	45	`//<![CDATA[`
44	`// La présence du parametre 'debug' dans l'URL enclenche le dégogage`	46	`// La présence du parametre 'debug' dans l'URL enclenche le dégogage`
45	`var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;`	47	`var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;`
46	`// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5`	48	`// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5`
47	`var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;`	49	`var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;`
48	`// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5`	50	`// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5`
49	`var PROJET_TAG = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : 'WidgetSaisie'?>";`	51	`var PROJET_TAG = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : 'WidgetSaisie'?>";`
50	`// URL du web service réalisant l'insertion des données dans la base du CEL.`	52	`// URL du web service réalisant l'insertion des données dans la base du CEL.`
51	`var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";`	53	`var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";`
52	`// Code du référentiel utilisé pour les nom scientifiques.`	54	`// Code du référentiel utilisé pour les nom scientifiques.`
53	`var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";`	55	`var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";`
54	`// Code de la version du référentiel utilisé pour les nom scientifiques.`	56	`// Code de la version du référentiel utilisé pour les nom scientifiques.`
55	`var NOM_SCI_VERSION = "<?=$ns_version?>";`	57	`var NOM_SCI_VERSION = "<?=$ns_version?>";`
56	`// Nombre d'élément dans les listes d'auto-complétion`	58	`// Nombre d'élément dans les listes d'auto-complétion`
57	`var AUTOCOMPLETION_ELEMENTS_NBRE = 20;`	59	`var AUTOCOMPLETION_ELEMENTS_NBRE = 20;`
58	`// URL du web service permettant l'auto-complétion des noms scientifiques.`	60	`// URL du web service permettant l'auto-complétion des noms scientifiques.`
59	`var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+`	61	`var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+`
60	`"masque={masque}&"+`	62	`"masque={masque}&"+`
61	`"recherche=etendue&"+`	63	`"recherche=etendue&"+`
62	`"retour.champs=famille,nom_retenu,num_taxonomique,nom_retenu.id&"+`	64	`"retour.champs=famille,nom_retenu,num_taxonomique,nom_retenu.id&"+`
63	`"version.projet="+NOM_SCI_VERSION+"&"+`	65	`"version.projet="+NOM_SCI_VERSION+"&"+`
64	`"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;`	66	`"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;`
65	`console.log(SERVICE_AUTOCOMPLETION_NOM_SCI_URL);`	67	`console.log(SERVICE_AUTOCOMPLETION_NOM_SCI_URL);`
66	`// Squelette d'URL du web service d'eFlore fournissant les noms de communes.`	68	`// 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}";`	69	`var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";`
68	`// URL du marqueur à utiliser dans la carte Google Map`	70	`// URL du marqueur à utiliser dans la carte Google Map`
69	`var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";`	71	`var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";`
70	`// URL de l'icône du bouton supprimer`	72	`// URL de l'icône du bouton supprimer`
71	`var SUPPRIMER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/supprimer.png";`	73	`var SUPPRIMER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/supprimer.png";`
72	`// URL de l'icône du chargement en cours`	74	`// URL de l'icône du chargement en cours`
73	`var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";`	75	`var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";`
74	`// URL de l'icône du calendrier`	76	`// URL de l'icône du calendrier`
75	`var CALENDRIER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/calendrier.png";`	77	`var CALENDRIER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/calendrier.png";`
76	`//]]>`	78	`//]]>`
77	`</script>`	79	`</script>`
78	`<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/defaut.js"></script>`	80	`<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/defaut.js"></script>`
79		81
80	`<!-- CSS -->`	82	`<!-- CSS -->`
81	`<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />`	83	`<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />`
82	`<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />`	84	`<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />`
83	`<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.1/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />`	85	`<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.1/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />`
84	`<link href="<?=$url_base?>modules/saisie/squelettes/defaut/css/<?=isset($_GET['style']) ? $_GET['style'] : 'defaut'?>.css" rel="stylesheet" type="text/css" media="screen" />`	86	`<link href="<?=$url_base?>modules/saisie/squelettes/defaut/css/<?=isset($_GET['style']) ? $_GET['style'] : 'defaut'?>.css" rel="stylesheet" type="text/css" media="screen" />`
85	`</head>`	87	`</head>`
86		88
87	`<body>`	89	`<body>`
88	`<div class="container">`	90	`<div class="container">`
89	`<div class="row-fluid">`	91	`<div class="row-fluid">`
90	`<div class="span6 page-header">`	92	`<div class="span6 page-header">`
91	`<div class="row">`	93	`<div class="row">`
92	`<img class="span2" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />`	94	`<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>`	95	`<h1 class="span4">Saisie simplifiée des observations</h1>`
94	`</div>`	96	`</div>`
95	`</div>`	97	`</div>`
96		98
97	`<div class="span6">`	99	`<div class="span6">`
98	`<div class="well">`	100	`<div class="well">`
99	`<h2>Observateur</h2>`	101	`<h2>Observateur</h2>`
100	`<form id="form-observateur" class="" action="#" autocomplete="on">`	102	`<form id="form-observateur" class="" action="#" autocomplete="on">`
101	`<div class="row-fluid">`	103	`<div class="row-fluid">`
102	`<div class="span6">`	104	`<div class="span6">`
103	`<label for="prenom">Prénom</label>`	105	`<label for="prenom">Prénom</label>`
104	`<div>`	106	`<div>`
105	`<input id="prenom" name="prenom" type="text" value=""/>`	107	`<input id="prenom" name="prenom" type="text" value=""/>`
106	`</div>`	108	`</div>`
107	`</div>`	109	`</div>`
108	`<div class="span6">`	110	`<div class="span6">`
109	`<label for="nom">Nom</label>`	111	`<label for="nom">Nom</label>`
110	`<div>`	112	`<div>`
111	`<input id="nom" name="nom" type="text" value=""/>`	113	`<input id="nom" name="nom" type="text" value=""/>`
112	`</div>`	114	`</div>`
113	`</div>`	115	`</div>`
114	`</div>`	116	`</div>`
115	`<div class="row-fluid">`	117	`<div class="row-fluid">`
116	`<div class="span6">`	118	`<div class="span6">`
117	`<label for="courriel"`	119	`<label for="courriel"`
118	`title="Veuillez saisir votre adresse courriel.">`	120	`title="Veuillez saisir votre adresse courriel.">`
119	`<strong class="obligatoire">*</strong> Courriel`	121	`<strong class="obligatoire">*</strong> Courriel`
120	`</label>`	122	`</label>`
121	`<div class="input-prepend">`	123	`<div class="input-prepend">`
122	`<span class="add-on">`	124	`<span class="add-on">`
123	`<i class="icon-envelope"></i>`	125	`<i class="icon-envelope"></i>`
124	`</span>`	126	`</span>`
125	`<input id="courriel" name="courriel" type="text" value=""/>`	127	`<input id="courriel" name="courriel" type="text" value=""/>`
126	`</div>`	128	`</div>`
127	`</div>`	129	`</div>`
128	`<div class="span6">`	130	`<div class="span6">`
129	`<label for="courriel_confirmation" title="Veuillez saisir confirmer votre adresse courriel.">`	131	`<label for="courriel_confirmation" title="Veuillez saisir confirmer votre adresse courriel.">`
130	`<strong class="obligatoire">*</strong> Courriel (confirmation)`	132	`<strong class="obligatoire">*</strong> Courriel (confirmation)`
131	`</label>`	133	`</label>`
132	`<div class="input-prepend">`	134	`<div class="input-prepend">`
133	`<span class="add-on">`	135	`<span class="add-on">`
134	`<i class="icon-envelope"></i>`	136	`<i class="icon-envelope"></i>`
135	`</span>`	137	`</span>`
136	`<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>`	138	`<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>`
137	`</div>`	139	`</div>`
138	`</div>`	140	`</div>`
139	`</div>`	141	`</div>`
140	`</form>`	142	`</form>`
141	`<div class="row-fluid">`	143	`<div class="row-fluid">`
142	`<div class="span6">`	144	`<div class="span6">`
143	`<button id="btn-aide" class="btn btn-mini btn-warning">`	145	`<button id="btn-aide" class="btn btn-mini btn-warning">`
144	`<span class="icon-question-sign icon-white"></span>`	146	`<span class="icon-question-sign icon-white"></span>`
145	`<span id="btn-aide-txt" >Activer l'aide</span>`	147	`<span id="btn-aide-txt" >Activer l'aide</span>`
146	`</button>`	148	`</button>`
147	`</div>`	149	`</div>`
148	`</div>`	150	`</div>`
149	`</div>`	151	`</div>`
150	`</div>`	152	`</div>`
151	`</div>`	153	`</div>`
152	`<!-- Messages d'erreur du formulaire-->`	154	`<!-- Messages d'erreur du formulaire-->`
153	`<div class="row">`	155	`<div class="row">`
154	`<div class="zone-alerte span6 offset3">`	156	`<div class="zone-alerte span6 offset3">`
155	`<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display: none;" title="">`	157	`<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display: none;" title="">`
156	`<a class="close">×</a>`	158	`<a class="close">×</a>`
157	`<h4 class="alert-heading">Information : copier/coller</h4>`	159	`<h4 class="alert-heading">Information : copier/coller</h4>`
158	`<p>`	160	`<p>`
159	`Merci de ne pas copier/coller votre courriel.<br/>`	161	`Merci de ne pas copier/coller votre courriel.<br/>`
160	`La double saisie permet de vérifier l'absence d'erreurs.`	162	`La double saisie permet de vérifier l'absence d'erreurs.`
161	`</p>`	163	`</p>`
162	`</div>`	164	`</div>`
163	`</div>`	165	`</div>`
164	`</div>`	166	`</div>`
165	`<div class="row-fluid">`	167	`<div class="row-fluid">`
166	`<div class="span6">`	168	`<div class="span6">`
167	`<div class="well">`	169	`<div class="well">`
168	`<div class="row-fluid">`	170	`<div class="row-fluid">`
169	`<div class="span12">`	171	`<div class="span12">`
170	`<h2>Lieu du relevé</h2>`	172	`<h2>Lieu du relevé</h2>`
171	`</div>`	173	`</div>`
172	`</div>`	174	`</div>`
173	`<div class="row-fluid">`	175	`<div class="row-fluid">`
174	`<div class="span4">`	176	`<div class="span4">`
175	`<label for="map_canvas" title="Veuillez localiser l'observation">`	177	`<label for="map_canvas" title="Veuillez localiser l'observation">`
176	`<strong class="obligatoire">*</strong>`	178	`<strong class="obligatoire">*</strong>`
177	`Géolocalisation`	179	`Géolocalisation`
178	`</label>`	180	`</label>`
179	`</div>`	181	`</div>`
180	`<div class="span8 droite">`	182	`<div class="span8 droite">`
181	`<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >`	183	`<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >`
182	`<div class="control-group">`	184	`<div class="control-group">`
183	`<label for="carte-recherche">Rechercher</label>`	185	`<label for="carte-recherche">Rechercher</label>`
184	`<input id="carte-recherche" class="search-query" type="text" value=""`	186	`<input id="carte-recherche" class="search-query" type="text" value=""`
185	`rel="tooltip"`	187	`rel="tooltip"`
186	`title="Permet de centrer la carte sur le lieu recherché."`	188	`title="Permet de centrer la carte sur le lieu recherché."`
187	`placeholder="Centrer la carte sur un lieu..."/>`	189	`placeholder="Centrer la carte sur un lieu..."/>`
188	`</div>`	190	`</div>`
189	`</form>`	191	`</form>`
190	`</div>`	192	`</div>`
191	`</div>`	193	`</div>`
192	`<div class="row-fluid">`	194	`<div class="row-fluid">`
193	`<div class="span12">`	195	`<div class="span12">`
194	`<div id="map-canvas"></div>`	196	`<div id="map-canvas"></div>`
195	`</div>`	197	`</div>`
196	`</div>`	198	`</div>`
197	`<div class="row-fluid">`	199	`<div class="row-fluid">`
198	`<label for="coordonnees-geo" class="span7">`	200	`<label for="coordonnees-geo" class="span7">`
199	`<a href="#" class="afficher-coord">Afficher</a>`	201	`<a href="#" class="afficher-coord">Afficher</a>`
200	`<a href="#" class="afficher-coord" style="display:none;">Cacher</a>`	202	`<a href="#" class="afficher-coord" style="display:none;">Cacher</a>`
201	`les coordonnées géographiques`	203	`les coordonnées géographiques`
202	`<span id="lat-lon-info" class="info"`	204	`<span id="lat-lon-info" class="info"`
203	`rel="tooltip"`	205	`rel="tooltip"`
204	`title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">`	206	`title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">`
205	`(WGS84)`	207	`(WGS84)`
206	`</span>`	208	`</span>`
207	`</label>`	209	`</label>`
208	`<div id="info-commune" class="span5">`	210	`<div id="info-commune" class="span5">`
209	`<span for="marqueur-commune">Commune : </span>`	211	`<span for="marqueur-commune">Commune : </span>`
210	`<span id="marqueur-commune">`	212	`<span id="marqueur-commune">`
211	`<span id="commune-nom" class="commune-info"></span>`	213	`<span id="commune-nom" class="commune-info"></span>`
212	`(<span id="commune-code-insee" class="commune-info"`	214	`(<span id="commune-code-insee" class="commune-info"`
213	`rel="tooltip"`	215	`rel="tooltip"`
214	`title="Code INSEE de la commune"></span>)`	216	`title="Code INSEE de la commune"></span>)`
215	`</span>`	217	`</span>`
216	`</div>`	218	`</div>`
217	`</div>`	219	`</div>`
218	`<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">`	220	`<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">`
219	`<div id="coordonnees-geo" class="well" style="display:none;">`	221	`<div id="coordonnees-geo" class="well" style="display:none;">`
220	`<div class="row-fluid form-inline">`	222	`<div class="row-fluid form-inline">`
221	`<div id="coord-lat" class="span4">`	223	`<div id="coord-lat" class="span4">`
222	`<label for="latitude">Latitude</label>`	224	`<label for="latitude">Latitude</label>`
223	`<div>`	225	`<div>`
224	`<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>`	226	`<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>`
225	`</div>`	227	`</div>`
226	`</div>`	228	`</div>`
227	`<div id="coord-lng" class="span4">`	229	`<div id="coord-lng" class="span4">`
228	`<label for="longitude">Longitude</label>`	230	`<label for="longitude">Longitude</label>`
229	`<div>`	231	`<div>`
230	`<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>`	232	`<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>`
231	`</div>`	233	`</div>`
232	`</div>`	234	`</div>`
233	`<div class="span1">`	235	`<div class="span1">`
234	`<div>`	236	`<div>`
235	`<input id="geolocaliser" type="button" value="Voir sur la carte"`	237	`<input id="geolocaliser" type="button" value="Voir sur la carte"`
236	`rel="tooltip"`	238	`rel="tooltip"`
237	`title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>`	239	`title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>`
238	`</div>`	240	`</div>`
239	`</div>`	241	`</div>`
240	`</div>`	242	`</div>`
241	`</div>`	243	`</div>`
242	`<div class="row-fluid">`	244	`<div class="row-fluid">`
243	`<div class="span4">`	245	`<div class="span4">`
244	`<label for="lieudit">`	246	`<label for="lieudit">`
245	`Lieu-dit`	247	`Lieu-dit`
246	`</label>`	248	`</label>`
247	`<div>`	249	`<div>`
248	`<input type="text" id="lieudit" class="input-medium" name="lieudit" value="" />`	250	`<input type="text" id="lieudit" class="input-medium" name="lieudit" value="" />`
249	`</div>`	251	`</div>`
250	`</div>`	252	`</div>`
251	`<div class="span4">`	253	`<div class="span4">`
252	`<label for="station">`	254	`<label for="station">`
253	`Station`	255	`Station`
254	`</label>`	256	`</label>`
255	`<div>`	257	`<div>`
256	`<input type="text" id="station" class="input-medium" name="station" value="" />`	258	`<input type="text" id="station" class="input-medium" name="station" value="" />`
257	`</div>`	259	`</div>`
258	`</div>`	260	`</div>`
259	`<div class="span4">`	261	`<div class="span4">`
260	`<label for="milieux">`	262	`<label for="milieux">`
261	`Milieu`	263	`Milieu`
262	`</label>`	264	`</label>`
263	`<div>`	265	`<div>`
264	`<input type="text" id="milieu" class="input-medium" name="milieu" value="" />`	266	`<input type="text" id="milieu" class="input-medium" name="milieu" value="" />`
265	`</div>`	267	`</div>`
266	`</div>`	268	`</div>`
267	`</div>`	269	`</div>`
268	`</form>`	270	`</form>`
269	`</div>`	271	`</div>`
270	`</div>`	272	`</div>`
271	`<div class="span6">`	273	`<div class="span6">`
272	`<div class="well">`	274	`<div class="well">`
273	`<form id="form-obs" action="#" autocomplete="on">`	275	`<form id="form-obs" action="#" autocomplete="on">`
274	`<h2>Observations</h2>`	276	`<h2>Observations</h2>`
275	`<div class="row-fluid">`	277	`<div class="row-fluid">`
276	`<div class="span4">`	278	`<div class="span4">`
277	`<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">`	279	`<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">`
278	`<strong class="obligatoire">*</strong> Date du relevé`	280	`<strong class="obligatoire">*</strong> Date du relevé`
279	`</label>`	281	`</label>`
280	`<div class="input-prepend">`	282	`<div class="input-prepend">`
281	`<span id="date-icone" class="add-on"></span>`	283	`<span id="date-icone" class="add-on"></span>`
282	`<input id="date" class="input-small" name="date" type="text" value=""`	284	`<input id="date" class="input-small" name="date" type="text" value=""`
283	`placeholder="jj/mm/aaaa"/>`	285	`placeholder="jj/mm/aaaa"`
-		286	`rel="tooltip"`
-		287	`data-original-title="Vous pouvez cliquer sur l'icône de calendrier pour sélectionner un date dans un calendrier."/>`
284	`</div>`	288	`</div>`
285	`</div>`	289	`</div>`
286	`<div id="taxon-input-groupe" class="span8">`	290	`<div id="taxon-input-groupe" class="span8">`
287	`<label for="taxon" title="Choisissez une espèce">`	291	`<label for="taxon" title="Choisissez une espèce">`
288	`<strong class="obligatoire">*</strong>`	292	`<strong class="obligatoire">*</strong>`
289	`Espèce`	293	`Espèce`
290	`</label>`	294	`</label>`
291	`<div class="input-prepend">`	295	`<div class="input-prepend">`
292	`<span class="add-on">`	296	`<span class="add-on">`
293	`<i class="icon-leaf"></i>`	297	`<i class="icon-leaf"></i>`
294	`</span>`	298	`</span>`
295	`<input type="text" id="taxon" name="taxon" value="" />`	299	`<input type="text" id="taxon" name="taxon" value="" />`
296	`</div>`	300	`</div>`
297	`</div>`	301	`</div>`
298	`</div>`	302	`</div>`
299	`<div class="row-fluid">`	303	`<div class="row-fluid">`
300	`<div class="span12">`	304	`<div class="span12">`
301	`<label for="notes">Notes</label>`	305	`<label for="notes">Notes</label>`
302	`<div>`	306	`<div>`
303	`<textarea id="notes" class="span5" rows="7" name="notes"`	307	`<textarea id="notes" class="span5" rows="7" name="notes"`
304	`placeholder="Vous pouvez éventuellement ajouter une note sur votre observation..."`	308	`placeholder="Vous pouvez éventuellement ajouter une note sur votre observation..."`
305	`></textarea>`	309	`></textarea>`
306	`</div>`	310	`</div>`
307	`</div>`	311	`</div>`
308	`</div>`	312	`</div>`
309	`</form>`	313	`</form>`
310	`<form id="form-upload" class="well form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&service=upload-image"`	314	`<form id="form-upload" class="well form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&service=upload-image"`
311	`method="post" enctype="multipart/form-data">`	315	`method="post" enctype="multipart/form-data">`
312	`<label>Photo</label>`	316	`<label>Photo</label>`
313	`<input type="file" id="fichier" name="fichier" accept="image/jpeg"/>`	317	`<input type="file" id="fichier" name="fichier" accept="image/jpeg"/>`
314	`<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>`	318	`<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>`
315	`<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>`	319	`<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>`
316	`<div id="miniature"></div>`	320	`<div id="miniature"></div>`
317	`<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>`	321	`<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>`
318	`<p id="miniature-msg" class="span12"> </p>`	322	`<p id="miniature-msg" class="span12"> </p>`
319	`</form>`	323	`</form>`
320	`<div class="row-fluid">`	324	`<div class="row-fluid">`
321	`<div class="span12 centre">`	325	`<div class="span12 centre">`
322	`<button id="ajouter-obs" class="btn btn-primary btn-large" type="button"`	326	`<button id="ajouter-obs" class="btn btn-primary btn-large" type="button"`
323	`title="Ajoute l'observation courante à la liste ci-dessous.">`	327	`title="Ajoute l'observation courante à la liste ci-dessous.">`
324	`Créer`	328	`Créer`
325	`</button>`	329	`</button>`
326	`</div>`	330	`</div>`
327	`</div>`	331	`</div>`
328	`</div>`	332	`</div>`
329	`</div>`	333	`</div>`
330	`</div>`	334	`</div>`
331	`<!-- Affiche le tableau récapitualif des observations ajoutées -->`	335	`<!-- Affiche le tableau récapitualif des observations ajoutées -->`
332	`<div id="zone-liste-obs" class="row-fluid">`	336	`<div id="zone-liste-obs" class="row-fluid">`
333	`<form action="#" class="well form-horizontal">`	337	`<form action="#" class="well form-horizontal">`
334	`<div class="row-fluid">`	338	`<div class="row-fluid">`
335	`<h2>Liste des <span class="obs-nbre"></span> observations à transmettre</h2>`	339	`<h2>Liste des <span class="obs-nbre"></span> observations à transmettre</h2>`
336	`<table id="liste-obs" class="table table-bordered table-condensed">`	340	`<table id="liste-obs" class="table table-bordered table-condensed">`
337	`<thead>`	341	`<thead>`
338	`<tr>`	342	`<tr>`
339	`<th rowspan="3">Photo</th>`	343	`<th rowspan="3">Photo</th>`
340	`<th><i class="icon-leaf illustration"> </i>Nom</th>`	344	`<th><i class="icon-leaf illustration"> </i>Nom</th>`
341	`<th colspan="2">Commune (code INSEE) [<span title="Latitude / Longitude"><i class="icon-map-marker"> </i>Lat./Long.</span>]</th>`	345	`<th colspan="2">Commune (code INSEE) [<span title="Latitude / Longitude"><i class="icon-map-marker"> </i>Lat./Long.</span>]</th>`
342	`<th rowspan="3">Notes</th>`	346	`<th rowspan="3">Notes</th>`
343	`<th rowspan="3"><i class="icon-trash icone"> </i>Action</th>`	347	`<th rowspan="3"><i class="icon-trash icone"> </i>Action</th>`
344	`</tr>`	348	`</tr>`
345	`<tr>`	349	`<tr>`
346	`<!-- Photo -->`	350	`<!-- Photo -->`
347	`<th rowspan="2"><i class="icon-calendar illustration"> </i>Date</th>`	351	`<th rowspan="2"><i class="icon-calendar illustration"> </i>Date</th>`
348	`<th>Lieu-dit</th>`	352	`<th>Lieu-dit</th>`
349	`<th>Station</th>`	353	`<th>Station</th>`
350	`<!-- Notes -->`	354	`<!-- Notes -->`
351	`<!-- Action -->`	355	`<!-- Action -->`
352	`</tr>`	356	`</tr>`
353	`<tr>`	357	`<tr>`
354	`<!-- N° -->`	358	`<!-- N° -->`
355	`<!-- Photo -->`	359	`<!-- Photo -->`
356	`<!-- Nom scientifique & Date -->`	360	`<!-- Nom scientifique & Date -->`
357	`<th colspan="2">Milieu</th>`	361	`<th colspan="2">Milieu</th>`
358	`<!-- Notes -->`	362	`<!-- Notes -->`
359	`<!-- Action -->`	363	`<!-- Action -->`
360	`</tr>`	364	`</tr>`
361	`</thead>`	365	`</thead>`
362	`<tbody></tbody>`	366	`<tbody></tbody>`
363	`</table>`	367	`</table>`
364	`</div>`	368	`</div>`
365	`<div class="row">`	369	`<div class="row">`
366	`<div class="zone-alerte span6 offset3">`	370	`<div class="zone-alerte span6 offset3">`
367	`<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">`	371	`<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">`
368	`<a class="close">×</a>`	372	`<a class="close">×</a>`
369	`<h4 class="alert-heading">Attention : aucune observation</h4>`	373	`<h4 class="alert-heading">Attention : aucune observation</h4>`
370	`<p>Veuillez saisir des observations pour les transmettres.</p>`	374	`<p>Veuillez saisir des observations pour les transmettres.</p>`
371	`</div>`	375	`</div>`
372		376
373	`<div id="dialogue-obs-transaction" class="alert alert-success alert-block" style="display: none;"">`	377	`<div id="dialogue-obs-transaction" class="alert alert-success alert-block" style="display: none;"">`
374	`<a class="close">×</a>`	378	`<a class="close">×</a>`
375	`<h4 class="alert-heading">Information : transmission des observations</h4>`	379	`<h4 class="alert-heading">Information : transmission des observations</h4>`
376	`<div class="alert-txt"></div>`	380	`<div class="alert-txt"></div>`
377	`</div>`	381	`</div>`
378		382
379	`<div id="dialogue-erreur" class="alert alert-error alert-block" style="display: none;">`	383	`<div id="dialogue-erreur" class="alert alert-error alert-block" style="display: none;">`
380	`<a class="close">×</a>`	384	`<a class="close">×</a>`
381	`<h4 class="alert-heading">Erreur : transmission des observations</h4>`	385	`<h4 class="alert-heading">Erreur : transmission des observations</h4>`
382	`<div class="alert-txt"></div>`	386	`<div class="alert-txt"></div>`
383	`</div>`	387	`</div>`
384	`</div>`	388	`</div>`
385	`</div>`	389	`</div>`
386	`<div class="row-fluid">`	390	`<div class="row-fluid">`
387	`<div class="span12 droite">`	391	`<div class="span12 droite">`
388	`<button id="transmettre-obs" class="btn btn-primary btn-large" type="button"`	392	`<button id="transmettre-obs" class="btn btn-primary btn-large" type="button"`
389	`title="Ajoute les observations à votre Carnet en Ligne et les rend publiques.">`	393	`title="Ajoute les observations à votre Carnet en Ligne et les rend publiques.">`
390	`Transmettre`	394	`Transmettre`
391	`</button>`	395	`</button>`
392	`</div>`	396	`</div>`
393	`</div>`	397	`</div>`
394	`</form>`	398	`</form>`
395	`</div>`	399	`</div>`
396		400
397	`<footer class="row-fluid">`	401	`<footer class="row-fluid">`
398	`<p class="span12">© Tela Botanica 2012</p>`	402	`<p class="span12">© Tela Botanica 2012</p>`
399	`</footer>`	403	`</footer>`
400	`</div>`	404	`</div>`
401		405
402	`<!-- Fenêtres modales -->`	406	`<!-- Fenêtres modales -->`
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;">`	407	`<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;">`
404	`<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">`	408	`<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">`
405	`<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/img/chargement_arbre.gif" alt="Transfert en cours..."/>`	409	`<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/img/chargement_arbre.gif" alt="Transfert en cours..."/>`
406	`<p id="chargement-txt" style="color:white;font-size:1.5em;">`	410	`<p id="chargement-txt" style="color:white;font-size:1.5em;">`
407	`Transfert des observations en cours...<br />`	411	`Transfert des observations en cours...<br />`
408	`Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.`	412	`Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.`
409	`</p>`	413	`</p>`
410	`</div>`	414	`</div>`
411	`</div>`	415	`</div>`
412		416
413	`<!-- Stats : Google Analytics-->`	417	`<!-- Stats : Google Analytics-->`
414	`<script type="text/javascript">`	418	`<script type="text/javascript">`
415	`//<![CDATA[`	419	`//<![CDATA[`
416	`var _gaq = _gaq \|\| [];`	420	`var _gaq = _gaq \|\| [];`
417	`_gaq.push(['_setAccount', 'UA-20092557-1']);`	421	`_gaq.push(['_setAccount', 'UA-20092557-1']);`
418	`_gaq.push(['_trackPageview']);`	422	`_gaq.push(['_trackPageview']);`
419		423
420	`(function() {`	424	`(function() {`
421	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`	425	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`
422	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`	426	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`
423	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`	427	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`
424	`})();`	428	`})();`
425	`//]]>`	429	`//]]>`
426	`</script>`	430	`</script>`
427	`</body>`	431	`</body>`
428	`</html>`	432	`</html>`

Subversion Repositories eFlore/Applications.cel

(root)/branches/v2.24-sarcloir/widget/modules/saisie/squelettes/ambrosia/ambrosia.tpl.html @ 3784 – Rev 1220 → 1221