Subversion Repositories eFlore/Applications.cel

Rev

Rev 3131 | Rev 3142 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3131 Rev 3134
1
<!DOCTYPE html>
1
<!DOCTYPE html>
2
<html xmlns="http://www.w3.org/1999/xhtml">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
  <head>
3
  <head>
4
	<title>Export des observations du CeL</title>
4
	<title>Export des observations 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="Tela Botanica" />
13
    <meta name="author" content="Tela Botanica" />
14
    <meta name="keywords" content="Tela Botanica, CEL" />
14
    <meta name="keywords" content="Tela Botanica, CEL" />
15
    <meta name="description" content="Widget d'export du carnet en ligne" />
15
    <meta name="description" content="Widget d'export du carnet en ligne" />
16
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
16
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
17
 
17
 
18
	<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
18
	<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
19
	<meta property="og:type" content="website" />
19
	<meta property="og:type" content="website" />
20
	<meta property="og:title" content="Export des observations publiques du CeL" />
20
	<meta property="og:title" content="Export des observations publiques du CeL" />
21
	<meta property="og:site_name" content="Tela Botanica" />
21
	<meta property="og:site_name" content="Tela Botanica" />
22
	<meta property="og:description" content="Export sous forme de fichier des observations publiques du Carnet en Ligne" />
22
	<meta property="og:description" content="Export sous forme de fichier des observations publiques du Carnet en Ligne" />
23
	<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
23
	<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
24
	<meta property="og:image:type" content="image/png" /> 
24
	<meta property="og:image:type" content="image/png" /> 
25
	<meta property="og:image:width" content="256" /> 
25
	<meta property="og:image:width" content="256" /> 
26
	<meta property="og:image:height" content="256" />
26
	<meta property="og:image:height" content="256" />
27
	<meta property="og:locale" content="fr_FR" />
27
	<meta property="og:locale" content="fr_FR" />
28
 
28
 
29
	<!-- Favicones -->
29
	<!-- Favicones -->
30
	<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
30
	<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
31
	
31
	
32
	<!-- Jquery -->
32
	<!-- Jquery -->
33
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
33
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
34
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
34
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
35
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
35
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
-
 
36
 
-
 
37
	
36
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
38
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate-patched.min.js"></script>
-
 
39
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
37
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
40
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
38
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
41
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
39
	<script src="https://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
42
	<script src="https://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
40
 
43
 
41
	<!-- Barre de navigation -->
44
	<!-- Barre de navigation -->
42
	<?php if ($bar !== false): ?>
45
	<?php if ($bar !== false): ?>
43
		<script src="<?=$url_script_navigation?>"></script>
46
		<script src="<?=$url_script_navigation?>"></script>
44
	<?php endif; ?>
47
	<?php endif; ?>
45
	
48
	
46
	<!-- Javascript : appli saisie -->
49
	<!-- Javascript : appli saisie -->
47
	<script type="text/javascript">
50
	<script type="text/javascript">
48
	  //<![CDATA[
51
	  //<![CDATA[
49
			// Nombre d'élément dans les listes d'auto-complétion
52
			// Nombre d'élément dans les listes d'auto-complétion
50
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
53
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
51
			// URL du web service permettant l'auto-complétion des noms scientifiques.
54
			// URL du web service permettant l'auto-complétion des noms scientifiques.
52
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?= $url_ws_autocompletion_nom_sci; ?>";
55
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?= $url_ws_autocompletion_nom_sci; ?>";
53
			// URL du web service permettant l'auto-complétion des communes.
56
			// URL du web service permettant l'auto-complétion des communes.
54
			var SERVICE_AUTOCOMPLETION_COMMUNE_URL = "<?= $url_ws_autocompletion_commune; ?>";
57
			var SERVICE_AUTOCOMPLETION_COMMUNE_URL = "<?= $url_ws_autocompletion_commune; ?>";
55
			// Référentiel en cours d'utilisation pour les noms scientifiques, en dur pour le moment
58
			// Référentiel en cours d'utilisation pour les noms scientifiques, en dur pour le moment
56
			var REFERENTIEL_NOMS_SCI = 'bdtfx';
59
			var REFERENTIEL_NOMS_SCI = 'bdtfx';
57
			// URL de base du service d'export
60
			// URL de base du service d'export
58
			var SERVICE_EXPORT_URL = "<?= $url_export; ?>";
61
			var SERVICE_EXPORT_URL = "<?= $url_export; ?>";
-
 
62
			
59
			
63
			
60
		//]]>
64
		//]]>
61
	</script>
65
	</script>
62
	
66
	
63
	<script type="text/javascript" src="<?= $url_base; ?>modules/export/squelettes/js/export.js"></script>
67
	<script type="text/javascript" src="<?= $url_base; ?>modules/export/squelettes/js/export.js"></script>
64
	
68
	
65
	<!-- CSS -->
69
	<!-- CSS -->
66
	<link href="https://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" />
70
	<link href="https://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" />
67
	<!-- <link href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" /> -->
71
	<!-- <link href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" /> -->
68
	<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
72
	<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
69
	<link href="<?= $url_base; ?>modules/export/squelettes/css/export.css" rel="stylesheet" type="text/css" media="screen" />
73
	<link href="<?= $url_base; ?>modules/export/squelettes/css/export.css" rel="stylesheet" type="text/css" media="screen" />
70
 
74
 
71
	<!--  Google Analytics -->
75
	<!--  Google Analytics -->
72
	<?php if($prod): ?>
76
	<?php if($prod): ?>
73
		<?php include "analytics.html"; ?>
77
		<?php include "analytics.html"; ?>
74
	<?php endif; ?>
78
	<?php endif; ?>
75
  </head>
79
  </head>
76
 
80
 
77
  <body>
81
  <body>
78
	<?php if ($bar !== false): ?>
82
	<?php if ($bar !== false): ?>
79
		<div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod">
83
		<div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod">
80
		</div>
84
		</div>
81
		<br/>
85
		<br/>
82
	<?php endif; ?>
86
	<?php endif; ?>
83
 
87
 
84
	<div id="zone-appli" class="container">
88
	<div id="zone-appli" class="container">
85
	  <form id="form-export-obs" class="well" action="<?= $url_export.'/' ?>" method="get" >
89
	  <form id="form-export-obs" class="well" action="<?= $url_export.'/' ?>" method="get" >
86
		<h1 id="widget-titre"> Export des données du CEL</h1>
90
		<h1 id="widget-titre"> Export des données du CEL</h1>
87
		<div class="row-fluid panel panel-default conteneur_selection_filtres">
91
		<div class="row-fluid panel panel-default conteneur_selection_filtres">
88
			<div class="panel-heading">
92
			<div class="panel-heading">
89
				<div class="panel-title">
93
				<div class="panel-title">
90
					<a data-toggle="collapse" data-parent="#accordion" href="#filtres_export" id="label_filtres_export">Filtres</a>
94
					<a data-toggle="collapse" data-parent="#accordion" href="#filtres_export" id="label_filtres_export">Filtres</a>
91
				</div>
95
				</div>
92
			</div>
96
			</div>
93
			<div id="filtres_export" class="panel-collapse collapse in" >
97
			<div id="filtres_export" class="panel-collapse collapse in" >
94
				<div class="panel-body">
98
				<div class="panel-body">
95
					<div class="row-fluid">
99
					<div class="row-fluid">
96
					  <label for="utilisateur">Email de la source des données </label><input id="utilisateur" class="large" name="utilisateur" type="text" placeholder="ex: accueil@tela-botanica.org" /> 
100
					  <label for="utilisateur">Email de la source des données </label><input id="utilisateur" class="large" name="utilisateur" type="text" placeholder="ex: accueil@tela-botanica.org" /> 
97
					</div >
101
					</div >
98
					
102
					
99
					<div class="row-fluid">
103
					<div class="row-fluid">
100
					  <label for="commune">Pays </label>
104
					  <label for="commune">Pays </label>
101
						<select name="pays" id="pays" class="form-control" >
105
						<select name="pays" id="pays" class="form-control" >
102
							<option value="">...</option>
106
							<option value="">...</option>
103
							<?php foreach($liste_pays as $pays) { ?>
107
							<?php foreach($liste_pays as $pays) { ?>
104
								<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
108
								<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
105
							<?php } ?>
109
							<?php } ?>
106
						</select>
110
						</select>
107
					</div>
111
					</div>
108
					
112
					
109
					<div class="row-fluid">
113
					<div class="row-fluid">
110
					  <label for="commune">Commune </label>
114
					  <label for="commune">Commune </label>
111
					  <input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" /> 
115
					  <input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" /> 
112
					</div>
116
					</div>
113
					<div class="row-fluid">
117
					<div class="row-fluid">
114
					  <label for="dept">Département(s) </label>
118
					  <label for="dept">Département(s) </label>
115
					  <input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." /> 
119
					  <input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." /> 
116
					</div>
120
					</div>
117
					<div class="row-fluid">
121
					<div class="row-fluid">
118
					  <label for="projet">Projet </label>
122
					  <label for="projet">Mots-clés </label>
119
					  <input id="projet" class="large" name="projet" type="text" placeholder="ex: defiphoto, abba" value="<?= $projet ?>" /> 
123
					  <input id="projet" class="large" name="projet" type="text" placeholder="ex: defiphoto, abba" value="<?= $projet ?>" /> 
120
					</div>
124
					</div>
121
					<div class="row-fluid">
125
					<div class="row-fluid">
122
					  <label for="programme">Programme </label>
126
					  <label title="Programme de sciences participatives ou observatoire citoyen" for="programme">Programme </label>
123
					  <select name="programme" id="programme" class="form-control" >
127
					  <select name="programme" id="programme" class="form-control">
124
							<option value="">...</option>
128
							<option value="">...</option>
125
							<option value="sauvages">Sauvages de ma rue</option>
129
							<option value="sauvages">Sauvages de ma rue</option>
126
							<option value="missions-flore">Missions flore</option>
130
							<option value="missions-flore">Missions flore</option>
127
							<option value="messicoles">Observatoire Des Messicoles</option>
131
							<option value="messicoles">Observatoire Des Messicoles</option>
128
							<option value="biodiversite34">Biodiversité 34</option>
132
							<option value="biodiversite34">Biodiversité 34</option>
129
							<option value="arbres-tetards">Arbres têtards</option>
133
							<option value="arbres-tetards">Arbres têtards</option>
130
							<option value="arbres-remarquables">Arbres remarquables</option>
134
							<option value="arbres-remarquables">Arbres remarquables</option>
131
					  </select>
135
					  </select>
132
					</div>
136
					</div>
133
					<div class="row-fluid">
137
					<div class="row-fluid">
134
					  <label for="num_taxon">Taxon</label>
138
					  <label for="num_taxon">Taxon</label>
135
					  <input id="taxon" class="large" name="taxon" type="text" placeholder="ex: Viola OU Viola alba OU Violaceae" /> 
139
					  <input id="taxon" class="large" name="taxon" type="text" placeholder="ex: Viola OU Viola alba OU Violaceae" /> 
136
					</div>
140
					</div>
137
					<div class="row-fluid">
141
					<div class="row-fluid">
138
						<input type="checkbox" name="identiplante" value="1" />validé sur IdentiPlante<br/>
142
						<input type="checkbox" name="identiplante" 
-
 
143
							title ="exporter uniquement les observations dont l'espèce a été validée par le réseau" value="1" />
-
 
144
								validé sur IdentiPlante<br/>
-
 
145
					</div>
-
 
146
					<div class="row-fluid">
-
 
147
						<input type="checkbox" name="standard" checked="1" 
-
 
148
							title ="exporter uniquement les observations possédant un lieu, une date et une détermination non déclarée douteuse ou à déterminer" value="1" />
-
 
149
								données standards<br/>
139
					</div>
150
					</div>
140
					<div class="row-fluid conteneur_dates">
151
					<div class="row-fluid conteneur_dates">
141
						<div class="conteneur_date">
152
						<div class="conteneur_date">
142
							<label for="date_debut">Date de début </label>
153
							<label for="date_debut">Date de début </label>
143
							<input  id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />
154
							<input  id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />
144
						</div>
155
						</div>
145
						<div class="conteneur_date">
156
						<div class="conteneur_date">
146
							<label for="date_fin">Date de fin </label>
157
							<label for="date_fin">Date de fin </label>
147
							<input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" /> 
158
							<input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" /> 
148
						</div>
159
						</div>
149
						<div class="clear"></div>
160
						<div class="clear"></div>
150
					</div>
161
					</div>
151
				</div>
162
				</div>
152
			</div>
163
			</div>
153
		</div>
164
		</div>
154
		
165
		
155
		<div class="row-fluid panel panel-default conteneur_selection_format">
166
		<div class="row-fluid panel panel-default conteneur_selection_format">
156
			<div class="panel-heading">
167
			<div class="panel-heading">
157
				<div class="panel-title">
168
				<div class="panel-title">
158
					<a data-toggle="collapse" data-parent="#accordion" href="#format_export" id="label_format_export">Format d'export</a>
169
					<a data-toggle="collapse" data-parent="#accordion" href="#format_export" id="label_format_export">Format d'export</a>
159
				</div>
170
				</div>
160
			</div>
171
			</div>
161
			<div id="format_export" class="panel-collapse collapse in" >
172
			<div id="format_export" class="panel-collapse collapse in" >
162
				<div class="panel-body">
173
				<div class="panel-body">
163
					<ul>
174
					<ul>
164
						<li>
175
						<li>
165
							<label class="radio" for="format_xls">
176
							<label class="radio" for="format_xls">
166
								<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />
177
								<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />
167
								excel (.xls)
178
								excel (.xls)
168
							</label>
179
							</label>
169
						</li>
180
						</li>
170
						<li>
181
						<li>
171
							<label class="radio" for="format_csv">
182
							<label class="radio" for="format_csv">
172
								<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
183
								<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
173
								csv (.csv)
184
								csv (.csv)
174
							</label>
185
							</label>
175
						</li>
186
						</li>
176
					</ul>
187
					</ul>
177
				</div>
188
				</div>
178
			</div>
189
			</div>
179
		</div>
190
		</div>
180
 
191
 
181
		<div class="row-fluid panel panel-default">
192
		<div class="row-fluid panel panel-default">
182
			<div class="panel-heading">
193
			<div class="panel-heading">
183
				<div class="panel-title">
194
				<div class="panel-title">
184
					<a data-toggle="collapse" data-parent="#accordion" href="#checkbox_set_cols" id="label_options_export">Champs à exporter</a>
195
					<a data-toggle="collapse" data-parent="#accordion" href="#checkbox_set_cols" id="label_options_export">Champs à exporter</a>
185
				</div>
196
				</div>
186
			</div>
197
			</div>
187
			<div id="checkbox_set_cols" class="panel-collapse collapse" >
198
			<div id="checkbox_set_cols" class="panel-collapse collapse" >
188
				<div class="panel-body">
199
				<div class="panel-body">
189
					<!-- problème: readonly sur checkbox n'empêche pas de changer le statut (un)checked -->
200
					<!-- problème: readonly sur checkbox n'empêche pas de changer le statut (un)checked -->
190
					<!-- <input type="checkbox" name="colonnes[]" readonly="readonly" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> -->
201
					<!-- <input type="checkbox" name="colonnes[]" readonly="readonly" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> -->
191
					<input type="hidden" name="colonnes[]" value="standard" /> 
202
					<input type="hidden" name="colonnes[]" value="standardexport" /> 
192
					<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> 
203
					<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> 
193
					<input type="checkbox" name="colonnes[]" value="avance" />avancées (commentaire, ordre, mots-clef, abondance, images, nom commun, ...)<br/>
204
					<input type="checkbox" name="colonnes[]" value="avance" />avancés (commentaire, ordre, mots-clés, abondance, images, nom commun, ...)<br/>
194
					<input type="checkbox" name="colonnes[]" value="etendu" />étendues (champs étendus spécifiques, eg: florilèges<br/>
205
					<input type="checkbox" name="colonnes[]" value="etendu" />étendus (champs étendus spécifiques, eg: florilèges<br/>
195
					<input type="checkbox" name="colonnes[]" value="baseflor" />écologiques (données Baseflor et syntaxons Baseveg)<br/>
206
					<input type="checkbox" name="colonnes[]" value="baseflor" />écologiques (données Baseflor et syntaxons Baseveg)<br/>
196
					<!-- <input type="checkbox" name="colonnes[]" value="auteur" checked="checked" readonly="readonly" />Observateur<br/> -->
207
					<!-- <input type="checkbox" name="colonnes[]" value="auteur" checked="checked" readonly="readonly" />Observateur<br/> -->
197
					<input type="hidden" name="colonnes[]" value="auteur" />
208
					<input type="hidden" name="colonnes[]" value="auteur" />
198
					<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="auteur" />Observateur<br/>
209
					<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="auteur" />Observateur<br/>
199
				</div>
210
				</div>
200
			</div>
211
			</div>
201
		</div>
212
		</div>
202
	
213
	
203
 
214
 
204
 
215
 
205
		<input class="btn btn-success" style="margin-top: 10px;" value="Télécharger les données" type="submit" /> 
216
		<input class="btn btn-success" style="margin-top: 10px;" value="Télécharger les données" type="submit" /> 
206
 
217
 
207
		<div class="attention">
218
		<div class="attention">
208
		  Le volume de données à exporter est trop important,<br /> l'export a donc été divisé en plusieurs feuilles
219
		  Le volume de données à exporter est trop important,<br /> l'export a donc été divisé en plusieurs feuilles
209
		  à télécharger avec les liens ci-dessous<br /> (cliquer sur ces liens ne fermera pas cette fenetre).
220
		  à télécharger avec les liens ci-dessous<br /> (cliquer sur ces liens ne fermera pas cette fenetre).
210
		  <div id="liste_telechargements">
221
		  <div id="liste_telechargements">
211
		  </div>
222
		  </div>
212
		</div>
223
		</div>
213
	  </form>
224
	  </form>
214
	</div>
225
	</div>
215
  </body>
226
  </body>
216
</html>
227
</html>