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

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/ambrosia/ambrosia.tpl.html @ 2744 – Rev 1232 → 1235