Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2550 Rev 2563
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="http://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
23
	<meta property="og:image" content="http://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="http://www.tela-botanica.org/favicon.ico" />
30
	<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
31
	
31
	
32
	<!-- Jquery -->
32
	<!-- Jquery -->
33
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
33
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
34
	<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>
34
	<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>
35
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
35
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
36
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
36
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
37
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
37
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
38
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
38
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
39
	<script src="http://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
39
	<script src="http://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
40
 
40
 
41
	<!-- Barre de navigation -->
41
	<!-- Barre de navigation -->
42
	<?php if ($bar !== false): ?>
42
	<?php if ($bar !== false): ?>
43
		<script src="<?=$url_script_navigation?>"></script>
43
		<script src="<?=$url_script_navigation?>"></script>
44
	<?php endif; ?>
44
	<?php endif; ?>
45
	
45
	
46
	<!-- Javascript : appli saisie -->
46
	<!-- Javascript : appli saisie -->
47
	<script type="text/javascript">
47
	<script type="text/javascript">
48
	  //<![CDATA[
48
	  //<![CDATA[
49
			// Nombre d'élément dans les listes d'auto-complétion
49
			// Nombre d'élément dans les listes d'auto-complétion
50
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
50
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
51
			// URL du web service permettant l'auto-complétion des noms scientifiques.
51
			// URL du web service permettant l'auto-complétion des noms scientifiques.
52
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?= $url_ws_autocompletion_nom_sci; ?>";
52
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?= $url_ws_autocompletion_nom_sci; ?>";
53
			// URL du web service permettant l'auto-complétion des communes.
53
			// URL du web service permettant l'auto-complétion des communes.
54
			var SERVICE_AUTOCOMPLETION_COMMUNE_URL = "<?= $url_ws_autocompletion_commune; ?>";
54
			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
55
			// Référentiel en cours d'utilisation pour les noms scientifiques, en dur pour le moment
56
			var REFERENTIEL_NOMS_SCI = 'bdtfx';
56
			var REFERENTIEL_NOMS_SCI = 'bdtfx';
57
			// URL de base du service d'export
57
			// URL de base du service d'export
58
			var SERVICE_EXPORT_URL = "<?= $url_export; ?>";
58
			var SERVICE_EXPORT_URL = "<?= $url_export; ?>";
59
			
59
			
60
		//]]>
60
		//]]>
61
	</script>
61
	</script>
62
	
62
	
63
	<script type="text/javascript" src="<?= $url_base; ?>modules/export/squelettes/js/export.js"></script>
63
	<script type="text/javascript" src="<?= $url_base; ?>modules/export/squelettes/js/export.js"></script>
64
	
64
	
65
	<!-- CSS -->
65
	<!-- CSS -->
66
	<link href="http://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" />
66
	<link href="http://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="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" /> -->
67
	<!-- <link href="http://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="http://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
68
	<link rel="stylesheet" type="text/css" href="http://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" />
69
	<link href="<?= $url_base; ?>modules/export/squelettes/css/export.css" rel="stylesheet" type="text/css" media="screen" />
70
  </head>
70
  </head>
71
 
71
 
72
  <body>
72
  <body>
73
	<?php if ($bar !== false): ?>
73
	<?php if ($bar !== false): ?>
74
		<div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod">
74
		<div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod">
75
		</div>
75
		</div>
76
		<br/>
76
		<br/>
77
	<?php endif; ?>
77
	<?php endif; ?>
78
 
78
 
79
	<div id="zone-appli" class="container">
79
	<div id="zone-appli" class="container">
80
	  <form id="form-export-obs" class="well" action="<?= $url_export.'/' ?>" method="get" >
80
	  <form id="form-export-obs" class="well" action="<?= $url_export.'/' ?>" method="get" >
81
		<h1 id="widget-titre"> Export des données du CEL</h1>
81
		<h1 id="widget-titre"> Export des données du CEL</h1>
82
		<div class="row-fluid">
82
		<div class="row-fluid">
83
		  <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" /> 
83
		  <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" /> 
84
		</div >
84
		</div >
85
		
85
		
86
		<div class="row-fluid">
86
		<div class="row-fluid">
87
		  <label for="commune">Pays </label>
87
		  <label for="commune">Pays </label>
88
			<select name="pays" id="pays" class="form-control" >
88
			<select name="pays" id="pays" class="form-control" >
89
				<option value="">...</option>
89
				<option value="">...</option>
90
				<?php foreach($liste_pays as $pays) { ?>
90
				<?php foreach($liste_pays as $pays) { ?>
91
					<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
91
					<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
92
				<? } ?>
92
				<? } ?>
93
			</select>
93
			</select>
94
		</div>
94
		</div>
95
		
95
		
96
		<div class="row-fluid">
96
		<div class="row-fluid">
97
		  <label for="commune">Commune </label>
97
		  <label for="commune">Commune </label>
98
		  <input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" /> 
98
		  <input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" /> 
99
		</div>
99
		</div>
100
		<div class="row-fluid">
100
		<div class="row-fluid">
101
		  <label for="dept">Département(s) </label>
101
		  <label for="dept">Département(s) </label>
102
		  <input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." /> 
102
		  <input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." /> 
103
		</div>
103
		</div>
104
		<div class="row-fluid">
104
		<div class="row-fluid">
105
		  <label for="projet">Projet </label>
105
		  <label for="projet">Projet </label>
106
		  <input id="projet" class="large" name="projet" type="text" placeholder="ex: sauvages" value="<?= $projet ?>" /> 
106
		  <input id="projet" class="large" name="projet" type="text" placeholder="ex: sauvages" value="<?= $projet ?>" /> 
107
		</div>
107
		</div>
108
		<div class="row-fluid">
108
		<div class="row-fluid">
109
		  <label for="num_taxon">Taxon (France uniquement)</label>
109
		  <label for="num_taxon">Taxon (France uniquement)</label>
110
		  <input id="taxon" class="large" name="taxon" type="text" placeholder="ex: Viola OU Viola alba OU Violaceae" /> 
110
		  <input id="taxon" class="large" name="taxon" type="text" placeholder="ex: Viola OU Viola alba OU Violaceae" /> 
111
		</div>
111
		</div>
112
		<div class="row-fluid conteneur_dates">
112
		<div class="row-fluid conteneur_dates">
113
		  <div class="conteneur_date">
113
		  <div class="conteneur_date">
114
			<label for="date_debut">Date de début </label>
114
			<label for="date_debut">Date de début </label>
115
			<input  id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />
115
			<input  id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />
116
		  </div>
116
		  </div>
117
		  <div class="conteneur_date">
117
		  <div class="conteneur_date">
118
			<label for="date_fin">Date de fin </label>
118
			<label for="date_fin">Date de fin </label>
119
			<input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" /> 
119
			<input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" /> 
120
		  </div>
120
		  </div>
121
		</div>
121
		</div>
122
		<div class="row-fluid conteneur_selection_format">
122
		<div class="row-fluid conteneur_selection_format">
123
		  <label class="titre_format_export">Format d'export</label>
123
		  <label class="titre_format_export">Format d'export</label>
124
		  <ul>
124
		  <ul>
125
            <li>
125
            <li>
126
			  <label class="radio" for="format_xls">
126
			  <label class="radio" for="format_xls">
127
			  	<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />
127
			  	<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />
128
			  	excel (.xls)
128
			  	excel (.xls)
129
			  </label>
129
			  </label>
130
			</li>
130
			</li>
131
            <li>
131
            <li>
132
              <label class="radio" for="format_csv">
132
              <label class="radio" for="format_csv">
133
              	<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
133
              	<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
134
              	csv (.csv)
134
              	csv (.csv)
135
              </label>
135
              </label>
136
			</li>
136
			</li>
137
		  </ul>
137
		  </ul>
138
		</div>
138
		</div>
139
 
139
 
140
		<div class="row-fluid conteneur_selection_champ">
140
		<div class="row-fluid conteneur_selection_champ">
141
		  <a class="btn btn-default" href="#" id="label_options_export">Afficher les options d'export avancées</a>
141
		  <a class="btn btn-default" href="#" id="label_options_export">Afficher les options d'export avancées</a>
142
		  <div id="checkbox_set_cols" style="display: none;" >
142
		  <div id="checkbox_set_cols" style="display: none;" >
143
			<!-- problème: readonly sur checkbox n'empêche pas de changer le statut (un)checked -->
143
			<!-- problème: readonly sur checkbox n'empêche pas de changer le statut (un)checked -->
144
			<!-- <input type="checkbox" name="colonnes[]" readonly="readonly" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> -->
144
			<!-- <input type="checkbox" name="colonnes[]" readonly="readonly" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> -->
145
			<input type="hidden" name="colonnes[]" value="standard" /> 
145
			<input type="hidden" name="colonnes[]" value="standard" /> 
146
			<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> 
146
			<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> 
147
			<input type="checkbox" name="colonnes[]" value="avance" />avancées (commentaire, ordre, mots-clef, abondance, images, nom commun, ...)<br/>
147
			<input type="checkbox" name="colonnes[]" value="avance" />avancées (commentaire, ordre, mots-clef, abondance, images, nom commun, ...)<br/>
148
			<input type="checkbox" name="colonnes[]" value="etendu" />étendues (champs étendus spécifiques, eg: florilèges<br/>
148
			<input type="checkbox" name="colonnes[]" value="etendu" />étendues (champs étendus spécifiques, eg: florilèges<br/>
149
			<input type="checkbox" name="colonnes[]" value="baseflor" />écologiques (données Baseflor et syntaxons Baseveg)<br/>
149
			<input type="checkbox" name="colonnes[]" value="baseflor" />écologiques (données Baseflor et syntaxons Baseveg)<br/>
150
			<!-- <input type="checkbox" name="colonnes[]" value="auteur" checked="checked" readonly="readonly" />Observateur<br/> -->
150
			<!-- <input type="checkbox" name="colonnes[]" value="auteur" checked="checked" readonly="readonly" />Observateur<br/> -->
151
			<input type="hidden" name="colonnes[]" value="auteur" />
151
			<input type="hidden" name="colonnes[]" value="auteur" />
152
			<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="auteur" />Observateur<br/>
152
			<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="auteur" />Observateur<br/>
153
		  </div>
153
		  </div>
154
		</div>
154
		</div>
155
 
155
 
156
		<input class="btn btn-success" style="margin-top: 10px;" value="Télécharger les données" type="submit" /> 
156
		<input class="btn btn-success" style="margin-top: 10px;" value="Télécharger les données" type="submit" /> 
157
 
157
 
158
		<div class="attention">
158
		<div class="attention">
159
		  Le volume de données à exporter est trop important,<br /> l'export a donc été divisé en plusieurs feuilles
159
		  Le volume de données à exporter est trop important,<br /> l'export a donc été divisé en plusieurs feuilles
160
		  à télécharger avec les liens ci-dessous<br /> (cliquer sur ces liens ne fermera pas cette fenetre).
160
		  à télécharger avec les liens ci-dessous<br /> (cliquer sur ces liens ne fermera pas cette fenetre).
161
		  <div id="liste_telechargements">
161
		  <div id="liste_telechargements">
162
		  </div>
162
		  </div>
163
		</div>
163
		</div>
164
	  </form>
164
	  </form>
165
	</div>
165
	</div>
166
	<!-- Stats : Google Analytics-->
166
	<!-- Stats : Google Analytics-->
167
	<script type="text/javascript">
167
	<script type="text/javascript">
168
	  //<![CDATA[
168
	  //<![CDATA[
169
			var _gaq = _gaq || [];
169
			var _gaq = _gaq || [];
170
			_gaq.push(['_setAccount', 'UA-20092557-1']);
170
			_gaq.push(['_setAccount', 'UA-20092557-1']);
171
			_gaq.push(['_trackPageview']);
171
			_gaq.push(['_trackPageview']);
172
			
172
			
173
			(function() {
173
			(function() {
174
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
174
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
175
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
175
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
176
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
176
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
177
			})();
177
			})();
178
			//]]>
178
			//]]>
179
	</script>
179
	</script>
180
  </body>
180
  </body>
181
</html>
181
</html>