Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1476 Rev 1485
Line 92... Line 92...
92
			// Nombre d'observations max autorisé avant transmission
92
			// Nombre d'observations max autorisé avant transmission
93
			var OBS_MAX_NBRE = 10;
93
			var OBS_MAX_NBRE = 10;
94
			// Durée d'affichage en milliseconde des messages d'informations
94
			// Durée d'affichage en milliseconde des messages d'informations
95
			var DUREE_MESSAGE = 15000;
95
			var DUREE_MESSAGE = 15000;
96
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
96
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
97
			var SERVICE_NOM_COMMUNE_URL = "http://localhost/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
97
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
98
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
98
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
99
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://localhost/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
99
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://www.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
100
			// URL du marqueur à utiliser dans la carte Google Map
100
			// URL du marqueur à utiliser dans la carte Google Map
101
			var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";
101
			var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";
102
			// URL de l'icône du chargement en cours
102
			// URL de l'icône du chargement en cours
103
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";
103
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";
104
			// URL de l'icône du calendrier
104
			// URL de l'icône du calendrier
Line 120... Line 120...
120
		<div class="container">
120
		<div class="container">
121
			<div class="row-fluid">
121
			<div class="row-fluid">
122
				<div class="span6 page-header">
122
				<div class="span6 page-header">
123
					<div class="row">
123
					<div class="row">
124
						<div class="span6">
124
						<div class="span6">
125
							<h1><img class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" /> Outil de saisie simplifiée (CEL)</h1>
125
							<h1><img id="logo-titre" class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" /> Ajout rapide d'observations</h1>
126
						</div>
126
						</div>
127
					</div>
127
					</div>
128
					<div class="row">
128
					<div class="row">
129
						<div class="span6">
129
						<div class="span6">
130
							<p>
130
							<p>
131
								Ce widget de saisie vous permet de partager simplement vos observations avec le 
131
								Cet outil vous permet de partager simplement vos observations avec le 
132
								<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>.
132
								<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a> (sous <a href="http://www.tela-botanica.org/page:licence?langue=fr">licence CC-BY-SA</a>).
133
								Complétez les champs, créez jusqu'à 10 observations (bouton "créer") puis partagez-les (bouton "transmettre"). 
-
 
134
								Retrouvez ensuite facilement ces observations dans 
133
								Identifiez-vous bien pour ensuite retrouver et gérer vos données dans
135
								<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
134
								<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
-
 
135
								Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
-
 
136
								Elles apparaissent immédiatement sur les <a href="http://www.tela-botanica.org/site:botanique?langue=fr">cartes et galeries photos </a> du site.
-
 
137
							</p>
-
 
138
							<p class="discretion">
-
 
139
								Pour toute question contactez <a href="mailto:cel_remarques@tela-botanica.org">cel_remarques@tela-botanica.org</a>
136
							</p>
140
							</p>
137
							<p class="discretion">
141
							<p class="discretion">
138
								Une fois familiarisé avec l'interface vous pouvez cliquer sur ce bouton pour désactiver l'aide.
142
								Une fois familiarisé avec l'interface vous pouvez cliquer sur ce bouton pour désactiver l'aide.
139
								<button id="btn-aide" class="btn btn-mini btn-success">
143
								<button id="btn-aide" class="btn btn-mini btn-success">
140
									<span class="icon-question-sign icon-white"></span>
144
									<span class="icon-question-sign icon-white"></span>
Line 149... Line 153...
149
					<div class="well">
153
					<div class="well">
150
						<h2>Observateur</h2>
154
						<h2>Observateur</h2>
151
						<form id="form-observateur" action="#" class="" autocomplete="on">
155
						<form id="form-observateur" action="#" class="" autocomplete="on">
152
							<div class="row-fluid">
156
							<div class="row-fluid">
153
								<div class="span6" rel="tooltip" data-placement="right"
157
								<div class="span6" rel="tooltip" data-placement="right"
154
									title="Saisissez votre courriel avec lequel vous être inscrit à Tela Botanica.
158
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
155
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire 
159
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire 
156
										ultérieurement. Des informations complémentaires vont vous être 
160
										ultérieurement. Des informations complémentaires vont vous être 
157
										demandées : prénom et nom.">
161
										demandées : prénom et nom.">
158
									<label for="courriel"  
162
									<label for="courriel"  
159
										title="Veuillez saisir votre adresse courriel.">
163
										title="Veuillez saisir votre adresse courriel.">
Line 167... Line 171...
167
										<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
171
										<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
168
									</div>
172
									</div>
169
								</div>
173
								</div>
170
								<div id="zone-courriel-confirmation" class="span6 hidden">
174
								<div id="zone-courriel-confirmation" class="span6 hidden">
171
									<label for="courriel_confirmation"  
175
									<label for="courriel_confirmation"  
172
										title="Veuillez saisir confirmer votre adresse courriel.">
176
										title="Veuillez saisir confirmer le courriel.">
173
										<strong class="obligatoire">*</strong> Courriel (confirmation)
177
										<strong class="obligatoire">*</strong> Courriel (confirmation)
174
									</label>
178
									</label>
175
									<div class="input-prepend">
179
									<div class="input-prepend">
176
										<span class="add-on">
180
										<span class="add-on">
177
											<i class="icon-envelope"></i>
181
											<i class="icon-envelope"></i>
Line 232... Line 236...
232
										</div>
236
										</div>
233
									</div>
237
									</div>
234
									<div class="row-fluid">
238
									<div class="row-fluid">
235
										<div class="span4">
239
										<div class="span4">
236
											<label for="map_canvas" title="Veuillez localiser l'observation">
240
											<label for="map_canvas" title="Veuillez localiser l'observation">
237
												<strong class="obligatoire">*</strong> 
-
 
238
												Géolocalisation
241
												Géolocalisation
239
											</label>
242
											</label>
240
										</div>
243
										</div>
241
										<div class="span8 droite">
244
										<div class="span8 droite">
242
											<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
245
											<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
Line 303... Line 306...
303
												</div>
306
												</div>
304
									    	</div>
307
									    	</div>
305
										</div>
308
										</div>
306
										<div class="row-fluid">
309
										<div class="row-fluid">
307
											<div class="span4" rel="tooltip" 
310
											<div class="span4" rel="tooltip" 
308
												title="Le lieu-dit est la dénomination administrative du lieu 
-
 
309
													que l’on peut trouver sur une carte au 1/25 000, sur le 
311
												title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
310
													cadastre ou au dire des habitants locaux." >
-
 
311
												<label for="lieudit">Lieu-dit</label>
312
												<label for="lieudit">Lieu-dit</label>
312
												<div>
313
												<div>
313
													<input type="text" id="lieudit" class="span2" name="lieudit"/>
314
													<input type="text" id="lieudit" class="span2" name="lieudit"/>
314
												</div>
315
												</div>
315
											</div>
316
											</div>
316
											<div class="span4" rel="tooltip" 
317
											<div class="span4" rel="tooltip" 
317
												title="La station est la dénomination qui caractérise le lieu 
318
												title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
318
													de la collecte d’un point de vue écologique. Il est 
-
 
319
													recommandéde choisir une station qui soit homogène dans 
-
 
320
													sa composition floristique afin de refléter le plus 
-
 
321
													fidèlement possible son identité sous l’angle 
-
 
322
													phytosociologique. Exemple : zone humide située au centre 
-
 
323
													du près. " >
-
 
324
												<label for="station">Station</label>
319
												<label for="station">Station</label>
325
												<div>
320
												<div>
326
													<input type="text" id="station" class="span2" name="station"/>
321
													<input type="text" id="station" class="span2" name="station"/>
327
												</div>
322
												</div>
328
											</div>
323
											</div>
329
											<div class="span4" rel="tooltip" 
324
											<div class="span4" rel="tooltip" 
330
												title="Le milieu est un terme générique caractérisant la 
325
												title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
331
													station. On peut se référer pour cela à des codes comme 
-
 
332
													Corine Biotope ou le nom d’une unité phytosociologique. 
-
 
333
													Exemple : prairie humide">
-
 
334
												<label for="milieux">Milieu</label>
326
												<label for="milieux">Milieu</label>
335
												<div>
327
												<div>
336
													<input type="text" id="milieu" class="span2" name="milieu" />
328
													<input type="text" id="milieu" class="span2" name="milieu" />
337
												</div>
329
												</div>
338
											</div>
330
											</div>
Line 346... Line 338...
346
									<?php if(!$referentiel_impose) : ?>
338
									<?php if(!$referentiel_impose) : ?>
347
										<div class="row-fluid">
339
										<div class="row-fluid">
348
											<div rel="tooltip" 
340
											<div rel="tooltip" 
349
												title="Sélectionnez le référentiel associé à votre relevé">
341
												title="Sélectionnez le référentiel associé à votre relevé">
350
												<label for="referentiel" title="Réferentiel">
342
												<label for="referentiel" title="Réferentiel">
351
													<strong class="obligatoire">*</strong> Référentiel
343
													Référentiel
352
												</label>
344
												</label>
353
												<span class="input-prepend">
345
												<span class="input-prepend">
354
													<span id="referentiel-icone" class="add-on"><i class="icon-book"></i></span>
346
													<span id="referentiel-icone" class="add-on"><i class="icon-book"></i></span>
355
													<select id="referentiel" autocomplete="off">
347
													<select id="referentiel" autocomplete="off">
356
														<option value="bdtfx" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
348
														<option value="bdtfx" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
Line 363... Line 355...
363
									<div class="row-fluid">
355
									<div class="row-fluid">
364
										<div class="span4" rel="tooltip" 
356
										<div class="span4" rel="tooltip" 
365
											title="Vous pouvez cliquer sur l'icône de calendrier pour 
357
											title="Vous pouvez cliquer sur l'icône de calendrier pour 
366
												sélectionner une date dans un calendrier.">
358
												sélectionner une date dans un calendrier.">
367
											<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
359
											<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
368
												<strong class="obligatoire">*</strong> Date du relevé
360
												Date du relevé
369
											</label>
361
											</label>
370
											<div class="input-prepend">
362
											<div class="input-prepend">
371
												<span id="date-icone" class="add-on"></span><input id="date" 
363
												<span id="date-icone" class="add-on"></span><input id="date" 
372
													class="input-small" name="date" type="text" 
364
													class="input-small" name="date" type="text" 
373
													placeholder="jj/mm/aaaa" />
365
													placeholder="jj/mm/aaaa" />
374
											</div>
366
											</div>
375
										</div>
367
										</div>
376
										<div id="taxon-input-groupe" class="span8" rel="tooltip" 
368
										<div id="taxon-input-groupe" class="span8" rel="tooltip" 
377
											title="Sélectionnez une espèce dans la liste déroulante pour lier 
369
											title="Sélectionnez une espèce dans la liste déroulante pour lier 
378
												votre nom au référentiel selectionné. Si vous rechargez 
370
												votre nom au référentiel selectionné. Si vous
379
												la page le nom présent dans le champ ne sera plus lié au référentiel, il sera 
-
 
380
												nécessaire de le sélectionner à nouveau dans la liste. Si vous
-
 
381
												le désirez vous pouvez aussi saisir un nom absent du référentiel 
371
												le désirez vous pouvez aussi saisir un nom absent du référentiel 
382
												(Ex. : Rosa sp.)." >
372
												(Ex. : 'fleur violette' ou 'viola sinensis???')." >
383
											<label for="taxon" title="Choisissez une espèce">
373
											<label for="taxon" title="Choisissez une espèce">
384
												<strong class="obligatoire">*</strong> 
374
												<strong class="obligatoire">*</strong> 
385
												Espèce <?= $referentiel_impose ? '('.$ns_projet.')' : '' ?>
375
												Espèce <?= $referentiel_impose ? '('.$ns_projet.')' : '' ?> <em>(ou indication sur la plante)</em>
386
											</label>
376
											</label>
387
											<div class="input-prepend">
377
											<div class="input-prepend">
388
												<span class="add-on">
378
												<span class="add-on">
389
													<i class="icon-leaf"></i>
379
													<i class="icon-leaf"></i>
390
												</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" />
380
												</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" />