Subversion Repositories eFlore/Applications.cel

Rev

Rev 1894 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1894 Rev 1916
Line 1... Line 1...
1
<!DOCTYPE html>
1
<!DOCTYPE html>
2
<html xmlns="http://www.w3.org/1999/xhtml">
2
<html lang="fr">
3
	<head>
3
	<head>
4
		<title>Sauvages de ma rue</title>
4
		<title>Sauvages de ma rue</title>
-
 
5
		<meta charset="utf-8">
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" />
-
 
9
		<meta http-equiv="Content-language" content="fr" />
-
 
10
		
-
 
11
		<meta name="revisit-after" content="15 days" />
-
 
12
        <meta name="robots" content="index,follow" />
6
		
13
        <meta name="author" content="Céline VIDAL, Jean-Pascal MILCENT" />
7
		<meta name="author" content="Jean-Pascal MILCENT, Aurélien PERONNET, Céline VIDAL" />
14
        <meta name="keywords" content="Tela Botanica, Natural Solutions, MNHN, Sauvages de ma rue, CEL" />
8
		<meta name="keywords" content="Sauvages de ma rue, CEL, Tela Botanica, Natural Solutions, MNHN" />
15
        <meta name="description" content="Widget de saisie simplifié pour le projet Sauvages de ma rue" />
9
		<meta name="description" content="Widget de saisie pour le projet Sauvages de ma rue" />
16
 
10
		
17
		<!-- Favicones -->
11
		<!-- Viewport Mobile -->
Line -... Line 12...
-
 
12
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
18
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/favicon.ico" />
13
		
Line 19... Line 14...
19
		
14
		<!-- Favicones -->
20
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
15
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/sauvages/img/favicon.ico" />
21
		
16
		
22
		<!-- Javascript : bibliothèques -->
17
		<!-- Javascript : bibliothèques -->
Line 23... Line 18...
23
		<!-- Google Map v3 -->
18
		<!-- Google Map v3 -->
24
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
19
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
Line -... Line 20...
-
 
20
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>	
25
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>	
21
		
26
		
22
		<!-- Jquery -->
-
 
23
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
-
 
24
		
27
		<!-- Jquery -->
25
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
28
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
26
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery-ui-1.10.2.custom.min.js"></script>
29
		
27
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery.ui.datepicker-fr.min.js"></script>
-
 
28
		<!-- Jquery Plugins -->
30
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
29
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
Line -... Line 30...
-
 
30
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/jquery.validate.min.js"></script>
31
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
31
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/additional-methods.min.js"></script>
Line 32... Line 32...
32
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/jquery.validate.min.js"></script>
32
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/messages_fr.js"></script>
-
 
33
		<!-- Jquery Form :nécessaire pour l'upload des images -->
33
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/additional-methods.min.js"></script>
34
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/3.32/jquery.form.min.js"></script>
34
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/messages_fr.js"></script>
35
		
35
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
36
		<!-- Bootstrap -->
36
		
37
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.3.2/js/bootstrap.min.js"></script>
37
		<script src="<?=$url_base?>saisie?projet=sauvages&amp;service=taxons" type="text/javascript"></script>
38
		
38
		
39
		<!-- Javascript : appli saisie -->
-
 
40
		<script src="<?=$url_base?>saisie?projet=sauvages&amp;service=taxons" type="text/javascript"></script>
39
		<!-- Javascript : appli saisie -->
41
		<script type="text/javascript">
40
		<script type="text/javascript">
42
		//<![CDATA[
41
		//<![CDATA[
43
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
-
 
44
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
-
 
45
			// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
-
 
46
			var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
-
 
47
			
-
 
48
			// La présence du parametre 'ville' dans l'URL géolocalise
-
 
49
			var VILLE = "<?=isset($_GET['ville']) ? $_GET['ville'] : ''?>";
-
 
50
			VILLE = <?= isset($_GET['commune']) ? "'".$_GET['commune']."'" : 'VILLE' ?>;
-
 
51
			
-
 
52
			// Mot-clé du widget/projet
-
 
53
			var TAG_PROJET = "WidgetSauvages,Sauvages";
-
 
54
			
-
 
55
			// Mots-clés à ajouter aux images
-
 
56
			var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
42
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
57
			var SEPARATION_TAG_IMG = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>";
43
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
58
			TAG_IMG = <?=isset($_GET['motcle']) ? "'".$_GET['motcle']."' + SEPARATION_TAG_IMG + TAG_IMG" : 'TAG_IMG' ?>;
-
 
59
			// Mots-clés à ajouter aux observations
-
 
60
			var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
-
 
61
			var SEPARATION_TAG_OBS = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>";
-
 
62
			TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + SEPARATION_TAG_OBS + TAG_OBS" : 'TAG_OBS' ?>;
-
 
63
			
-
 
64
			// URL du web service réalisant l'insertion des données dans la base du CEL.
-
 
65
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
-
 
66
			// URL du web service permettant de récupérer les infos d'une observation du CEL.
-
 
67
			var SERVICE_OBS_URL = "<?=$url_ws_obs?>";
-
 
68
			// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code).
-
 
69
			var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
-
 
70
			// Nom du référentiel utilisé pour les nom scientifiques.
-
 
71
			var NOM_SCI_PROJET = "<?=$ns_projet?>";
-
 
72
			// Code de la version du référentiel utilisé pour les nom scientifiques.
-
 
73
			var NOM_SCI_VERSION = "<?=$ns_version?>";
-
 
74
			// Indication de la présence d'une espèce imposée
-
 
75
			var ESPECE_IMPOSEE = "<?=$espece_imposee; ?>";
-
 
76
			// Tableau d'informations sur l'espèce imposée
-
 
77
			var INFOS_ESPECE_IMPOSEE = <?=$infos_espece; ?>;
-
 
78
			// Nombre d'élément dans les listes d'auto-complétion
-
 
79
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
-
 
80
			// Indication de la présence d'un référentiel imposé
-
 
81
			var REFERENTIEL_IMPOSE = "<?=$referentiel_impose; ?>";
-
 
82
			// Indication des version utilisées de chaque référentiel
-
 
83
			var PROJETS_VERSIONS = <?=json_encode($projets_versions)?>;
-
 
84
			// URL du web service permettant l'auto-complétion des noms scientifiques.
-
 
85
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+
-
 
86
					"masque={masque}&"+
-
 
87
					"recherche=etendue&"+
-
 
88
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
-
 
89
					//"version.projet="+NOM_SCI_VERSION+"&"+
-
 
90
					"ns.structure=au"+"&"+
-
 
91
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
-
 
92
			// URL du web service permettant l'auto-complétion des noms scientifiques.
-
 
93
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL = "<?=$url_ws_autocompletion_ns_tpl?>?"+
-
 
94
					"masque={masque}&"+
-
 
95
					"recherche=etendue&"+
-
 
96
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
-
 
97
					//"version.projet="+NOM_SCI_VERSION+"&"+
-
 
98
					"ns.structure=au"+"&"+
44
			// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
99
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
45
			var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
100
			// Nombre d'observations max autorisé avant transmission
-
 
101
			var OBS_MAX_NBRE = 10;
-
 
102
			// Durée d'affichage en milliseconde des messages d'informations
46
			// La présence du parametre 'ville' dans l'URL géolocalise
103
			var DUREE_MESSAGE = 15000;
47
			var VILLE = "<?=isset($_GET['ville']) ? $_GET['ville'] : ''?>";
104
			// Squelette d'URL du web service de l'annuaire.
48
			VILLE = <?= isset($_GET['commune']) ? "'".$_GET['commune']."'" : 'VILLE' ?>;
-
 
49
			// URL du web service réalisant l'insertion des données dans la base du CEL.
-
 
50
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
-
 
51
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
-
 
52
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
105
			var SERVICE_ANNUAIRE_ID_URL = "<?=$url_ws_annuaire?>";
53
			// URL du marqueur à utiliser dans la carte Google Map
106
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
-
 
107
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
-
 
108
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
-
 
109
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://www.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
-
 
110
			// URL du marqueur à utiliser dans la carte Google Map
-
 
111
			var GOOGLE_MAP_MARQUEUR_DEBUT_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/img/marqueurs/debut.png";
-
 
112
			// URL de l'icône de fin de rue
-
 
113
			var GOOGLE_MAP_MARQUEUR_FIN_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/img/marqueurs/fin.png";
-
 
114
			// URL de l'icône du chargement en cours
-
 
115
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/sauvages/img/icones/chargement.gif";
-
 
116
			// URL de l'icône du chargement en cours d'une image
-
 
117
			var CHARGEMENT_IMAGE_URL = "<?=$url_base?>modules/saisie/squelettes/sauvages/img/icones/chargement-image.gif";
54
			var MARQUEUR_ICONE_DEBUT_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/debut.png";
118
			// URL de l'icône du calendrier
55
			// URL de l'icône du bouton supprimer
119
			var CALENDRIER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/sauvages/img/icones/calendrier.png";
Line 56... Line 120...
56
			var SUPPRIMER_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/supprimer.png";
120
			// URL de l'icône du calendrier
57
			// URL de l'icône du chargement en cours
121
			var PAS_DE_PHOTO_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/sauvages/img/icones/pas_de_photo.png";
58
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/chargement.gif";
122
			
59
			// URL de l'icône de fin de rue
123
			// URL de l'icône du bouton supprimer
-
 
124
			var SUPPRIMER_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/img/icones/supprimer.png";
-
 
125
		//]]>
60
			var MARQUEUR_ICONE_FIN_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/fin.png";
126
		</script>
61
		//]]>
127
		
Line 62... Line 128...
62
		</script>
128
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/sauvages/js/sauvages.js"></script>
63
		
129
		
64
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/sauvages/js/sauvages.js"></script>
130
		<!-- CSS -->
65
			
131
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/css/smoothness/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" media="screen" />
66
		<!-- CSS -->
132
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
67
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />
133
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
68
		<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/<?=isset($_GET['style']) ? $_GET['style'] : 'sauvages'?>.css" rel="stylesheet" type="text/css" media="screen" />
134
		<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/<?=isset($_GET['style']) ? $_GET['style'] : 'sauvages'?>.css" rel="stylesheet" type="text/css" media="screen" />
Line -... Line 135...
-
 
135
	</head>
69
	</head>
136
 
70
 
137
	<body data-spy="scroll">
-
 
138
		<div id="zone-appli" class="container">
-
 
139
			<?php if ($titre == 'defaut' ) : ?>
-
 
140
				<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/img/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1>
-
 
141
			<?php else: ?>
-
 
142
				<h1 id="widget-titre"><?= $titre ?></h1>
71
	<body>
143
			<?php endif; ?>
-
 
144
			
-
 
145
			<h2>Observateur</h2>
72
		<div id="zone-appli">
146
			<form id="form-observateur" action="#" autocomplete="on">
73
			<?php if($titre == 'defaut' ) { ?>
147
				<fieldset id="partie-identification">
74
				<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1>
148
					<div class="row-fluid">
75
			<?php } else { ?>
149
						<div class="span6 control-group has-tooltip" data-placement="bottom"
76
				<h1 id="widget-titre"><?= $titre ?></h1>
150
							title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
-
 
151
								Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire 
77
			<?php } ?>
152
								ultérieurement. Des informations complémentaires vont vous être 
78
			
153
								demandées : prénom et nom.">
79
			<form id="saisie-obs" action="#" enctype="multipart/form-data" autocomplete="on">
154
								<label class="control-label" for="courriel">
-
 
155
									<strong class="obligatoire">*</strong> 
80
				<fieldset id="partie-identification">
156
									Courriel
-
 
157
								</label>
81
					<legend>Observateur</legend>
158
								<div class="controls">
-
 
159
									<div class="input-prepend">
82
					<ul>
160
										<span class="add-on">
83
						<li>
161
											<i class="icon-envelope"></i>
-
 
162
										</span>
-
 
163
										<input id="courriel" name="courriel" class="span11" type="text"/>
84
							<label for="prenom">Prénom</label>
164
										<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
-
 
165
									</div>
85
							<input id="prenom" name="prenom" type="text" value=""/>
166
								</div>
-
 
167
							
-
 
168
						</div>
-
 
169
						<div id="zone-courriel-confirmation" class="span6 hidden control-group has-tooltip"
-
 
170
							data-placement="bottom" 
-
 
171
							title="Saisissez à nouveau votre courriel afin de le confirmer. Le 
86
						</li>
172
								copier/coller est désactivé pour éviter les erreurs.">
-
 
173
							<label class="control-label" for="courriel_confirmation">
-
 
174
								<strong class="obligatoire">*</strong>
87
						<li>
175
								Courriel (confirmation)
88
							<label for="nom">Nom</label>
176
							</label>
-
 
177
							<div class="controls">
-
 
178
								<div class="input-prepend">
-
 
179
									<span class="add-on">
89
							<input id="nom" name="nom" type="text" value=""/>
180
										<i class="icon-envelope"></i>
90
						</li>
181
									</span>
-
 
182
									<input id="courriel_confirmation" name="courriel_confirmation" 
91
						<li>
183
									 	class="span11" type="text"/>
92
							<label for="courriel" class="oblig" 
184
								</div>
93
								title="Saisissez votre adresse email. Elle vous permettra de retrouver vos données, et ne sera pas utilisée à des fins commerciales.">
185
							</div>
-
 
186
						</div>
-
 
187
					</div>
-
 
188
					<div id="zone-prenom-nom" class="row-fluid hidden">
-
 
189
						<div class="span6 control-group">
-
 
190
							<label for="prenom" class="control-label">
-
 
191
								<strong class="obligatoire">*</strong>
-
 
192
								Prénom
-
 
193
							</label>
-
 
194
							<input id="prenom" name="prenom" class="span12" type="text"/>
94
								<strong class="obligatoire">*</strong> Courriel
195
						</div>
95
							</label>
196
						<div class="span6 control-group">
-
 
197
							<label for="nom" class="control-label">
Line -... Line 198...
-
 
198
								<strong class="obligatoire">*</strong>
96
							<input id="courriel" name="courriel" type="text" value=""/>
199
								Nom
97
						</li>
200
							</label>
98
						<li>
201
							<div class="controls">
99
							<label for="courriel_confirmation" class="oblig" title="Saisissez à nouveau votre adresse email pour la confirmer">
202
								<input id="nom" name="nom"  class="span12" type="text"/>
100
								<strong class="obligatoire">*</strong> Courriel (confirmation)
203
							</div>
Line 297... Line 400...
297
		
400
		
Line 298... Line 401...
298
		<div id="dialogue-erreur" style="display: none;" title="Erreur"></div>
401
		<div id="dialogue-erreur" style="display: none;" title="Erreur"></div>
299
		
402
		
300
		<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;">			
403
		<div id="chargement" style="position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:#777;background:rgba(90,86,93,0.7);text-align:center;display:none;">			
301
			<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">
404
			<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">
302
				<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif" alt="Transfert en cours..."/>
405
				<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/img/chargement_arbre.gif" alt="Transfert en cours..."/>
303
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
406
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
304
					Transfert des observations en cours...<br />
407
					Transfert des observations en cours...<br />
305
					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.
408
					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.