Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2331 Rev 2359
Line 1... Line 1...
1 
<!DOCTYPE html>
 1 
<!DOCTYPE html>
2 
<html>
 2 
<html lang="fr">
3 
	<head>
 3 
	<head>
4 
		<title>Saisie simplifiée du CEL</title>
 4 
		<title>Ambroisie à épis lisses : saisie d'observations</title>
Line 5... Line -...
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" />
 5 
 
Line 9... Line 6...
9 
		<meta http-equiv="Content-language" content="fr" />
 6 
		<meta 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" />
Line 21... Line 18...
21 
		<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
 18 
		<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
Line 22... Line 19...
22 
 
 19 
 
23 
		<!-- Javascript : bibliothèques -->
 20 
		<!-- Javascript : bibliothèques -->
24 
		<!-- Google Map v3 -->
 21 
		<!-- Google Map v3 -->
25 
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
 22 
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
Line 26... Line 23...
26 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
 23 
		<script src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
27 
 
 24 
 
28 
		<!-- Jquery -->
 25 
		<!-- Jquery -->
29 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/1.7.1/jquery-1.7.1.min.js"></script>
 26 
		<script src="http://resources.tela-botanica.org/jquery/1.7.1/jquery-1.7.1.min.js"></script>
30 
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
 27 
		<!-- Jquery UI : nécessaire pour le mini-calendrier et l'auto-complétion -->
31 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/jquery-ui/1.8.18/js/jquery-ui-1.8.18.custom.min.js"></script>
 28 
		<script src="http://resources.tela-botanica.org/jquery/jquery-ui/1.8.18/js/jquery-ui-1.8.18.custom.min.js"></script>
32 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/jquery-ui/1.8.18/js/jquery.ui.datepicker-fr.js"></script>
 29 
		<script src="http://resources.tela-botanica.org/jquery/jquery-ui/1.8.18/js/jquery.ui.datepicker-fr.js"></script>
33 
		<!-- Jquery Plugins -->
 30 
		<!-- Jquery Plugins -->
34 
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
 31 
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
35 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/validate/1.9.0/jquery.validate.min.js"></script>
 32 
		<script src="http://resources.tela-botanica.org/jquery/validate/1.9.0/jquery.validate.min.js"></script>
36 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/validate/1.9.0/messages_fr.js"></script>
 33 
		<script src="http://resources.tela-botanica.org/jquery/validate/1.9.0/messages_fr.js"></script>
Line 37... Line 34...
37 
		<!-- Jquery Form :nécessaire pour l'upload des images -->
 34 
		<!-- Jquery Form :nécessaire pour l'upload des images -->
38 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/form/2.95/jquery.form.min.js"></script>
 35 
		<script src="http://resources.tela-botanica.org/jquery/form/2.95/jquery.form.min.js"></script>
39 
 
 36 
 
40 
		<!-- Bootstrap -->
 37 
		<!-- Bootstrap -->
Line 41... Line 38...
41 
		<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
 38 
		<script src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
42 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/ambrosia/js/bootstrap-modalmanager.js"></script>
 39 
		<script src="<?=$url_base?>modules/saisie/squelettes/ambrosia/js/bootstrap-modalmanager.js"></script>
43 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/ambrosia/js/bootstrap-modal.js"></script>
 40 
		<script src="<?=$url_base?>modules/saisie/squelettes/ambrosia/js/bootstrap-modal.js"></script>
- 
 
 41 
 
- 
 
 42 
		<!-- Javascript : appli saisie -->
44 
 
 43 
		<script>
45 
		<!-- Javascript : appli saisie -->
 44 
		//<![CDATA[
46 
		<script type="text/javascript">
 - 
 
47 
		//<![CDATA[
 - 
 
- 
 
 45 
			// Précharger le formulaire avec les infos d'une observation
48 
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
 46 
			var OBS_ID = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>";
49 
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
 47 
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
50 
			// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
 48 
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
51 
			var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;<?=$url_base?>modules/saisie/squelettes/ambrosia/js/
 49 
 
52 
			// Mot-clé du widget/projet
 50 
			// Mot-clé du widget/projet
53 
			var TAG_PROJET = "WidgetSaisie";
 51 
			var TAG_PROJET = "WidgetSaisie,Ambrosia";
54 
			// Mots-clés à ajouter aux images
 52 
			// Mots-clés à ajouter aux images
55 
			var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
 53 
			var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
56 
			var SEPARATION_TAG_IMG = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>";
 54 
			var SEPARATION_TAG_IMG = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>";
57 
			TAG_IMG = <?=isset($_GET['motcle']) ? "'".$_GET['motcle']."' + SEPARATION_TAG_IMG + TAG_IMG" : 'TAG_IMG' ?>;
 55 
			TAG_IMG = <?=isset($_GET['motcle']) ? "'".$_GET['motcle']."' + SEPARATION_TAG_IMG + TAG_IMG" : 'TAG_IMG' ?>;
Line 58... Line -...
58 
			// Mots-clés à ajouter aux observations
 - 
 
59 
			var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
 - 
 
60 
			var SEPARATION_TAG_OBS = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>";
 - 
 
61 
			TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + SEPARATION_TAG_OBS + TAG_OBS" : 'TAG_OBS' ?>;
 - 
 
62 
 
 - 
 
63 
			// Précharger le formulaire avec les infos d'une observation
 - 
 
- 
 
 56 
			// Mots-clés à ajouter aux observations
64 
			var OBS_ID = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>";
 57 
			var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
65 
			// URL du web service réalisant l'insertion des données dans la base du CEL.
 58 
			var SEPARATION_TAG_OBS = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>";
66 
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
 59 
			TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + SEPARATION_TAG_OBS + TAG_OBS" : 'TAG_OBS' ?>;
67 
			// URL du web service permettant de récupérer les infos d'une observation du CEL.
 60 
 
68 
			var SERVICE_OBS_URL = "<?=$url_ws_obs?>";
 - 
 
69 
			// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code).
 - 
 
- 
 
 61 
 
70 
			var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
 62 
			// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code).
71 
			// Nom du référentiel utilisé pour les nom scientifiques.
 63 
			var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
72 
			var NOM_SCI_PROJET = "<?=$ns_projet?>";
 64 
			// Nom du référentiel utilisé pour les nom scientifiques.
73 
			// Code de la version du référentiel utilisé pour les nom scientifiques.
 65 
			var NOM_SCI_PROJET = "<?=$ns_projet?>";
74 
			var NOM_SCI_VERSION = "<?=$ns_version?>";
 - 
 
75 
			// Indication de la présence d'une espèce imposée
 - 
 
76 
			var ESPECE_IMPOSEE = "<?=$espece_imposee; ?>";
 - 
 
77 
			// Tableau d'informations sur l'espèce imposée
 - 
 
- 
 
 66 
 
78 
			var INFOS_ESPECE_IMPOSEE = <?=$infos_espece; ?>;
 67 
			// Indication de la présence d'une espèce imposée
79 
			// Nombre d'élément dans les listes d'auto-complétion
 68 
			var ESPECE_IMPOSEE = "<?=$espece_imposee; ?>";
80 
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
 69 
			// Tableau d'informations sur l'espèce imposée
81 
			// Indication de la présence d'un référentiel imposé
 - 
 
82 
			var REFERENTIEL_IMPOSE = "<?=$referentiel_impose; ?>";
 - 
 
83 
			// Indication des version utilisées de chaque référentiel
 - 
 
84 
			var PROJETS_VERSIONS = <?=json_encode($projets_versions)?>;
 - 
 
85 
			// URL du web service permettant l'auto-complétion des noms scientifiques.
 - 
 
86 
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+
 - 
 
87 
					"masque={masque}&"+
 70 
			var INFOS_ESPECE_IMPOSEE = <?=$infos_espece; ?>;
88 
					"recherche=etendue&"+
 71 
 
89 
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
 72 
			// Indication des version utilisées de chaque référentiel
90 
					//"version.projet="+NOM_SCI_VERSION+"&"+
 73 
			var PROJETS_VERSIONS = <?=json_encode($projets_versions)?>;
91 
					"ns.structure=au"+"&"+
 74 
			// Nombre d'élément dans les listes d'auto-complétion
92 
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
 75 
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
93 
			// URL du web service permettant l'auto-complétion des noms scientifiques.
 76 
			// URL du web service permettant l'auto-complétion des noms scientifiques.
94 
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL = "<?=$url_ws_autocompletion_ns_tpl?>?"+
 - 
 
95 
					"masque={masque}&"+
 77 
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL = "<?=$url_ws_autocompletion_ns_tpl?>?"+
96 
					"recherche=etendue&"+
 78 
					"masque={masque}&"+
- 
 
 79 
					"recherche=etendue&"+
97 
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
 80 
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
98 
					"retour.tri=alpharet&"+ // tri "à la CeL"
 81 
					"retour.tri=alpharet&"+ // tri "à la CeL"
99 
					//"version.projet="+NOM_SCI_VERSION+"&"+
 82 
					"ns.structure=au"+"&"+
100 
					"ns.structure=au"+"&"+
 83 
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
- 
 
 84 
 
- 
 
 85 
			// Nombre d'observations max autorisé avant transmission
- 
 
 86 
			var OBS_MAX_NBRE = 10;
- 
 
 87 
			// Durée d'affichage en milliseconde des messages d'informations
- 
 
 88 
			var DUREE_MESSAGE = 15000;
101 
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
 89 
 
102 
			// Nombre d'observations max autorisé avant transmission
 90 
			// URL du web service permettant de récupérer les infos d'une observation du CEL.
103 
			var OBS_MAX_NBRE = 10;
 91 
			var SERVICE_OBS_URL = "<?=$url_ws_obs?>";
104 
			// Durée d'affichage en milliseconde des messages d'informations
 92 
			// URL du web service réalisant l'insertion des données dans la base du CEL.
105 
			var DUREE_MESSAGE = 15000;
 - 
 
106 
			// Squelette d'URL du web service de l'annuaire.
 - 
 
107 
			var SERVICE_ANNUAIRE_ID_URL = "<?=$url_ws_annuaire?>";
 93 
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
- 
 
 94 
			// Squelette d'URL du web service de l'annuaire.
108 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
 95 
			var SERVICE_ANNUAIRE_ID_URL = "<?=$url_ws_annuaire?>";
109 
			var SERVICE_NOM_COMMUNE_URL = "http://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
 96 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
110 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
 97 
			var SERVICE_NOM_COMMUNE_URL = "http://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
111 
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://api.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
 98 
			// URL du marqueur à utiliser dans la carte Google Map
112 
			// URL du marqueur à utiliser dans la carte Google Map
 99 
 
Line 120... Line 107...
120 
			// URL de l'icône du calendrier
 107 
			// URL de l'icône du calendrier
121 
			var PAS_DE_PHOTO_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/ambrosia/img/icones/pasdephoto.png";
 108 
			var PAS_DE_PHOTO_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/ambrosia/img/icones/pasdephoto.png";
Line 122... Line 109...
122 
 
 109 
 
123 
		//]]>
 110 
		//]]>
124 
		</script>
 111 
		</script>
Line 125... Line 112...
125 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/ambrosia/js/ambrosia.js"></script>
 112 
		<script src="<?=$url_base?>modules/saisie/squelettes/ambrosia/js/ambrosia.js"></script>
126 
 
 113 
 
127 
		<!-- CSS -->
 114 
		<!-- CSS -->
128 
		<link href="http://resources.tela-botanica.org/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
 115 
		<link rel="stylesheet" media="screen" href="http://resources.tela-botanica.org/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" />
129 
		<link href="http://resources.tela-botanica.org/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
 116 
		<link rel="stylesheet" media="screen" href="http://resources.tela-botanica.org/bootstrap/2.3.2/css/bootstrap.min.css" />
130 
		<link href="http://resources.tela-botanica.org/bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
 117 
		<link rel="stylesheet" media="screen" href="http://resources.tela-botanica.org/bootstrap/2.3.2/css/bootstrap-responsive.min.css" />
Line 131... Line 118...
131 
		<link href="<?=$url_base?>modules/saisie/squelettes/ambrosia/css/bootstrap-modal.css" rel="stylesheet" type="text/css" media="screen" />
 118 
		<link rel="stylesheet" media="screen" href="<?=$url_base?>modules/saisie/squelettes/ambrosia/css/bootstrap-modal.css" />
Line 132... Line 119...
132 
		<link href="<?=$url_base?>modules/saisie/squelettes/ambrosia/css/<?=isset($_GET['style']) ? $_GET['style'] : 'ambrosia'?>.css" rel="stylesheet" type="text/css" media="screen" />
 119 
		<link rel="stylesheet" media="screen" href="<?=$url_base?>modules/saisie/squelettes/ambrosia/css/<?=isset($_GET['style']) ? $_GET['style'] : 'ambrosia'?>.css"/>
133 
 
 120 
 
Line 500... Line 487...
500 
											</div>
 487 
											</div>
501 
										</div>
 488 
										</div>
502 
									</div>
 489 
									</div>
Line 503... Line 490...
503 
 
 490 
 
504 
								</form>
 491 
								</form>
505 
								<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=sauvages"
 492 
								<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=<?=isset($_GET['projet']) ? $_GET['projet'] : 'defaut'?>"
506 
									method="post" enctype="multipart/form-data">
 493 
									method="post" enctype="multipart/form-data">
507 
									<h2>Image(s) de cette plante</h2>
 494 
									<h2>Image(s) de cette plante</h2>
508 
									<strong>Ajouter une image</strong>
 495 
									<strong>Ajouter une image</strong>
509 
									<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
 496 
									<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>