Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2848 Rev 2851
Line 1... Line 1...
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 - messicoles</title>
Line 5... Line 5...
5 
 
 5 
 
6 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
 - 
 
7 
		<meta http-equiv="Content-style-type" content="text/css" />
 - 
 
8 
		<meta http-equiv="Content-script-type" content="text/javascript" />
 - 
 
Line 9... Line 6...
9 
		<meta http-equiv="Content-language" content="fr" />
 6 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
10 
 
 7 
 
11 
		<meta name="revisit-after" content="15 days" />
 8 
		<meta name="revisit-after" content="15 days" />
12 
		<meta name="robots" content="index,follow" />
 9 
		<meta name="robots" content="index,follow" />
13 
		<meta name="author" content="Tela Botanica" />
 10 
		<meta name="author" content="Tela Botanica" />
Line 14... Line 11...
14 
		<meta name="keywords" content="Tela Botanica, CEL" />
 11 
		<meta name="keywords" content="Tela Botanica, CEL" />
15 
		<meta name="description" content="Widget de saisie simplifiée pour le CEL" />
 12 
		<meta name="description" content="Widget de saisie simplifiée pour le CEL" />
16 
 
 13 
 
17 
		<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
 14 
		<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
18 
		<meta property="og:type" content="website" />
 15 
		<meta property="og:type" content="website" />
19 
		<meta property="og:title" content="Saisie rapide d'observations" />
 16 
		<meta property="og:title" content="Saisie rapide d'observations - messicoles" />
20 
		<meta property="og:site_name" content="Tela Botanica" />
 17 
		<meta property="og:site_name" content="Tela Botanica" />
21 
		<meta property="og:description" content="Saisissez et partagez facilement vos observations de plantes sauvages grâce au Widget de saisie du Carnet en Ligne (Licence CC-BY-SA)" />
 18 
		<meta property="og:description" content="Saisissez et partagez facilement vos observations de plantes sauvages grâce au Widget de saisie du Carnet en Ligne (Licence CC-BY-SA)" />
Line 31... Line 28...
31 
		<!-- Favicones -->
 28 
		<!-- Favicones -->
32 
		<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
 29 
		<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
Line 33... Line 30...
33 
 
 30 
 
34 
		<!-- Javascript : bibliothèques -->
 31 
		<!-- Javascript : bibliothèques -->
35 
		<!-- Google Map v3 -->
 32 
		<!-- Google Map v3 -->
36 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
 33 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?language=fr&amp;region=FR"></script>
37 
		<!-- Jquery -->
 34 
		<!-- Jquery -->
38 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
 35 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
39 
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
 36 
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
40 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
 37 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
Line 49... Line 46...
49 
		<!-- Bootstrap -->
 46 
		<!-- Bootstrap -->
50 
		<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
 47 
		<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
Line 51... Line 48...
51 
 
 48 
 
52 
		<!-- Javascript : appli saisie -->
 49 
		<!-- Javascript : appli saisie -->
- 
 
 50 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
53 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
 51 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/messicoles/js/WidgetSaisieMessicoles.js"></script>
54 
		<script type="text/javascript">
 52 
		<script type="text/javascript">
55 
		//<![CDATA[
 53 
		//<![CDATA[
56 
           $(document).ready(function() {
 54 
           $(document).ready(function() {
57 
				// OMG un modèle objet !!
 55 
				// OMG un modèle objet !!
Line 58... Line 56...
58 
				var widget = new WidgetSaisie();
 56 
				var widget = new WidgetSaisieMessicoles();
59 
 
 57 
 
60 
				// La présence du parametre 'debug' dans l'URL enclenche le débogage
 58 
				// La présence du parametre 'debug' dans l'URL enclenche le débogage
61 
				widget.debug = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
 59 
				widget.debug = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
Line 270... Line 268...
270 
			</div>
 268 
			</div>
271 
			<div class="row-fluid">
 269 
			<div class="row-fluid">
272 
				<div class="span12">
 270 
				<div class="span12">
273 
					<div class="well">
 271 
					<div class="well">
274 
						<div class="row-fluid">
 272 
						<div class="row-fluid">
- 
 
 273 
							<!-- 1e colonne : date, lieu, geoloc -->
275 
							<div class="span6">
 274 
							<div class="span6">
276 
								<div>
 275 
								<div>
277 
									<div class="row-fluid">
 276 
									<div class="row-fluid">
278 
										<div class="span12">
 277 
										<div class="span12">
- 
 
 278 
											<h2>Date du relevé</h2>
- 
 
 279 
										</div>
- 
 
 280 
										<div class="span12">
- 
 
 281 
											<label for="date" class="has-tooltip"
- 
 
 282 
												title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
- 
 
 283 
												cliquer sur l'icône de calendrier pour sélectionner une date">
- 
 
 284 
												Date du relevé
- 
 
 285 
											</label>
- 
 
 286 
											<div class="input-prepend">
- 
 
 287 
												<span id="date-icone" class="add-on"></span><input id="date"
- 
 
 288 
													class="input-small" name="date" type="text"
- 
 
 289 
													placeholder="jj/mm/aaaa" />
- 
 
 290 
											</div>
- 
 
 291 
										</div>
- 
 
 292 
										<div class="span12">
279 
											<h2>Lieu du relevé</h2>
 293 
											<h2>Lieu du relevé</h2>
280 
										</div>
 294 
										</div>
- 
 
 295 
										<!-- Lieu du relevé -->
- 
 
 296 
										<div class="span12 control-group">
- 
 
 297 
											<label class="has-tooltip"
- 
 
 298 
											title="Vous pouvez sélectionner un type de culture parmi la liste ou en saisir un manuellement via l'option Autres">
- 
 
 299 
												Type de champ
- 
 
 300 
											</label>
- 
 
 301 
											<!-- Céréale -->
- 
 
 302 
											<label for="cereale" class="radio">
- 
 
 303 
												<input type="radio" id="cereale" name="type-culture" value="cereale" />
- 
 
 304 
												Céréale
- 
 
 305 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
- 
 
 306 
												</i>
- 
 
 307 
											</label>
- 
 
 308 
											<div class="popover-html-content" data-for="cereale">
- 
 
 309 
												<h3>Céréale</h3>
- 
 
 310 
												Une description du champ de céréales<br/>
- 
 
 311 
												...
281 
									</div>
 312 
											</div>
- 
 
 313 
											<!-- Friche -->
282 
									<div class="row-fluid">
 314 
											<label for="friche" class="radio">
- 
 
 315 
												<input type="radio" id="friche" name="type-culture" value="friche" />
- 
 
 316 
												Friche
- 
 
 317 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
- 
 
 318 
												</i>
- 
 
 319 
											</label>
- 
 
 320 
											<div class="popover-html-content" data-for="friche">
- 
 
 321 
												<h3>Friche</h3>
- 
 
 322 
												Une description du champ de Friche<br/>
- 
 
 323 
												...
- 
 
 324 
											</div>
283 
										<div class="span4">
 325 
											<!-- Légumineuse -->
284 
											<label for="map_canvas" title="Veuillez localiser l'observation">
 326 
											<label for="legumineuse" class="radio">
- 
 
 327 
												<input type="radio" id="legumineuse" name="type-culture" value="legumineuse" />
285 
												Géolocalisation
 328 
												Légumineuse
- 
 
 329 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
- 
 
 330 
												</i>
- 
 
 331 
											</label>
- 
 
 332 
											<div class="popover-html-content" data-for="legumineuse">
- 
 
 333 
												<h3>Légumineuse</h3>
- 
 
 334 
												Une description du champ de Légumineuse<br/>
- 
 
 335 
												...
- 
 
 336 
											</div>
- 
 
 337 
											<!-- Vigne -->
- 
 
 338 
											<label for="vigne" class="radio">
- 
 
 339 
												<input type="radio" id="friche" name="type-culture" value="vigne" />
- 
 
 340 
												Vigne
- 
 
 341 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
- 
 
 342 
												</i>
- 
 
 343 
											</label>
- 
 
 344 
											<div class="popover-html-content" data-for="vigne">
- 
 
 345 
												<h3>Vigne</h3>
- 
 
 346 
												Une description du champ de Vigne<br/>
- 
 
 347 
												...
- 
 
 348 
											</div>
- 
 
 349 
											<!-- Verger -->
- 
 
 350 
											<label for="verger" class="radio">
- 
 
 351 
												<input type="radio" id="verger" name="type-culture" value="verger" />
- 
 
 352 
												Verger
- 
 
 353 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
- 
 
 354 
												</i>
- 
 
 355 
											</label>
- 
 
 356 
											<div class="popover-html-content" data-for="verger">
- 
 
 357 
												<h3>Verger</h3>
- 
 
 358 
												Une description du champ de Verger<br/>
- 
 
 359 
												...
- 
 
 360 
											</div>
- 
 
 361 
											<!-- Autres -->
- 
 
 362 
											<label for="autres" class="radio">
- 
 
 363 
												<input type="radio" id="autres" name="type-culture" value="autres" />
- 
 
 364 
												Autres
- 
 
 365 
												<input type="text" id="culture-autres" name="culture-autres">
286 
											</label>
 366 
											</label>
287 
										</div>
 367 
										</div>
- 
 
 368 
									</div>
- 
 
 369 
									<h2>Géolocalisation</h2>
- 
 
 370 
									<div class="row-fluid">
288 
										<div class="span8 droite">
 371 
										<div class="span12 droite">
289 
											<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
 372 
											<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
290 
												<div class="control-group">
 373 
												<div class="control-group">
291 
													<label for="carte-recherche">Rechercher</label>
 374 
													<label for="carte-recherche">Rechercher</label>
292 
													<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
 375 
													<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
293 
														title="Permet de centrer la carte sur le lieu recherché."
 376 
														title="Permet de centrer la carte sur le lieu recherché."
Line 371... Line 454...
371 
											</div>
 454 
											</div>
372 
										</div>
 455 
										</div>
373 
									</form>
 456 
									</form>
374 
								</div>
 457 
								</div>
375 
							</div>
 458 
							</div>
- 
 
 459 
							<!-- 2e colonne : observation -->
376 
							<div class="span6">
 460 
							<div class="span6">
377 
								<form id="form-obs" action="#" autocomplete="on">
 461 
								<form id="form-obs" action="#" autocomplete="on">
378 
									<h2>Observation</h2>
 462 
									<h2>Observation</h2>
379 
									<?php if(!$referentiel_impose && !$espece_imposee) : ?>
 463 
									<?php if(!$referentiel_impose && !$espece_imposee) : ?>
380 
										<div class="row-fluid">
 464 
										<div class="row-fluid">
Line 397... Line 481...
397 
												</span>
 481 
												</span>
398 
											</div>
 482 
											</div>
399 
										</div>
 483 
										</div>
400 
									<?php endif; ?>
 484 
									<?php endif; ?>
401 
									<div class="row-fluid">
 485 
									<div class="row-fluid">
402 
										<div class="span4 has-tooltip"
 - 
 
403 
											title="Vous pouvez cliquer sur l'icône de calendrier pour
 - 
 
404 
												sélectionner une date dans un calendrier.">
 - 
 
405 
											<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
 - 
 
406 
												Date du relevé
 - 
 
407 
											</label>
 - 
 
408 
											<div class="input-prepend">
 - 
 
409 
												<span id="date-icone" class="add-on"></span><input id="date"
 - 
 
410 
													class="input-small" name="date" type="text"
 - 
 
411 
													placeholder="jj/mm/aaaa" />
 - 
 
412 
											</div>
 - 
 
413 
										</div>
 - 
 
414 
										<div id="taxon-input-groupe" class="span8 has-tooltip"
 486 
										<div id="taxon-input-groupe" class="span8 has-tooltip"
415 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
 487 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
416 
												votre nom au référentiel selectionné. Si vous
 488 
												votre nom au référentiel selectionné. Si vous
417 
												le désirez vous pouvez aussi saisir un nom absent du référentiel
 489 
												le désirez vous pouvez aussi saisir un nom absent du référentiel
418 
												(Ex. : 'fleur violette' ou 'viola sinensis???')." >
 490 
												(Ex. : 'fleur violette' ou 'viola sinensis???')." >
Line 427... Line 499...
427 
											</div>
 499 
											</div>
428 
										</div>
 500 
										</div>
429 
									</div>
 501 
									</div>
430 
									<div class="row-fluid">
 502 
									<div class="row-fluid">
431 
										<div class="span12">
 503 
										<div class="span12">
- 
 
 504 
											<label for="identification">Identification</label>
- 
 
 505 
											<div>
- 
 
 506 
												<select name="identification" id="identification">
- 
 
 507 
													<option value="certaine">Certaine</option>
- 
 
 508 
													<option value="douteuse">Douteuse</option>
- 
 
 509 
													<option value="adeterminer">À déterminer</option>
- 
 
 510 
												</select>
- 
 
 511 
											</div>
- 
 
 512 
										</div>
- 
 
 513 
									</div>
- 
 
 514 
									<div class="row-fluid">
- 
 
 515 
										<div class="span12">
- 
 
 516 
											<label for="abondance">Abondance</label>
- 
 
 517 
											<div>
- 
 
 518 
												<select name="abondance" id="abondance">
- 
 
 519 
													<option value="1">1 à 10</option>
- 
 
 520 
													<option value="10">10 à 100</option>
- 
 
 521 
													<option value="100">100 à 1000</option>
- 
 
 522 
												</select>
- 
 
 523 
											</div>
- 
 
 524 
										</div>
- 
 
 525 
									</div>
- 
 
 526 
									<div class="row-fluid">
- 
 
 527 
										<div class="span12">
- 
 
 528 
											<label for="zone-champ">Zone du champ</label>
- 
 
 529 
											<!-- Bordure -->
- 
 
 530 
											<label for="bordure" class="checkbox">
- 
 
 531 
												<input type="checkbox" id="bordure" name="zone-champ[]" value="bordure" />
- 
 
 532 
												Bordure
- 
 
 533 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
- 
 
 534 
												</i>
- 
 
 535 
											</label>
- 
 
 536 
											<div class="popover-html-content" data-for="bordure">
- 
 
 537 
												<h3>Bordure</h3>
- 
 
 538 
												Une description de la zone Bordure<br/>
- 
 
 539 
												...
- 
 
 540 
											</div>
- 
 
 541 
											<!-- Cœur du champ -->
- 
 
 542 
											<label for="coeur-champ" class="checkbox">
- 
 
 543 
												<input type="checkbox" id="coeur-champ" name="zone-champ[]" value="coeur" />
- 
 
 544 
												Cœur du champ
- 
 
 545 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
- 
 
 546 
												</i>
- 
 
 547 
											</label>
- 
 
 548 
											<div class="popover-html-content" data-for="coeur-champ">
- 
 
 549 
												<h3>Cœur du champ</h3>
- 
 
 550 
												Une description de la zone Cœur du champ<br/>
- 
 
 551 
												...
- 
 
 552 
											</div>
- 
 
 553 
											<!-- Zone délaissée -->
- 
 
 554 
											<label for="zone-delaissee" class="checkbox">
- 
 
 555 
												<input type="checkbox" id="zone-delaissee" name="zone-champ[]" value="zone-delaissee" />
- 
 
 556 
												Zone délaissée
- 
 
 557 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
- 
 
 558 
												</i>
- 
 
 559 
											</label>
- 
 
 560 
											<div class="popover-html-content" data-for="zone-delaissee">
- 
 
 561 
												<h3>Zone délaissée</h3>
- 
 
 562 
												Une description de la Zone délaissée<br/>
- 
 
 563 
												...
- 
 
 564 
											</div>
- 
 
 565 
										</div>
- 
 
 566 
									</div>
- 
 
 567 
									<div class="row-fluid">
- 
 
 568 
										<div class="span12">
432 
											<label for="notes">Commentaires</label>
 569 
											<label for="notes">Notes</label>
433 
											<div>
 570 
											<div>
434 
												<textarea id="notes" class="span6" rows="7" name="notes"
 571 
												<textarea id="notes" class="span6" rows="7" name="notes"
435 
													placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
 572 
													placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
436 
											</div>
 573 
											</div>
437 
										</div>
 574 
										</div>