Subversion Repositories eFlore/Applications.cel

Rev

Rev 3010 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3010 Rev 3023
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
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
36
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
37
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
37
	<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>
38
	<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>
39
	<script src="https://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="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" />
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" />
67
	<!-- <link href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.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" /> -->
68
	<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
68
	<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" />
69
	<link href="<?= $url_base; ?>modules/export/squelettes/css/export.css" rel="stylesheet" type="text/css" media="screen" />
70
 
70
 
71
	<!--  Google Analytics -->
71
	<!--  Google Analytics -->
72
	<?php if($prod): ?>
72
	<?php if($prod): ?>
73
		<?php include "analytics.html"; ?>
73
		<?php include "analytics.html"; ?>
74
	<?php endif; ?>
74
	<?php endif; ?>
75
  </head>
75
  </head>
76
 
76
 
77
  <body>
77
  <body>
78
	<?php if ($bar !== false): ?>
78
	<?php if ($bar !== false): ?>
79
		<div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod">
79
		<div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod">
80
		</div>
80
		</div>
81
		<br/>
81
		<br/>
82
	<?php endif; ?>
82
	<?php endif; ?>
83
 
83
 
84
	<div id="zone-appli" class="container">
84
	<div id="zone-appli" class="container">
85
	  <form id="form-export-obs" class="well" action="<?= $url_export.'/' ?>" method="get" >
85
	  <form id="form-export-obs" class="well" action="<?= $url_export.'/' ?>" method="get" >
86
		<h1 id="widget-titre"> Export des données du CEL</h1>
86
		<h1 id="widget-titre"> Export des données du CEL</h1>
87
		<div class="row-fluid">
87
		<div class="row-fluid">
88
		  <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" /> 
88
		  <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" /> 
89
		</div >
89
		</div >
90
		
90
		
91
		<div class="row-fluid">
91
		<div class="row-fluid">
92
		  <label for="commune">Pays </label>
92
		  <label for="commune">Pays </label>
93
			<select name="pays" id="pays" class="form-control" >
93
			<select name="pays" id="pays" class="form-control" >
94
				<option value="">...</option>
94
				<option value="">...</option>
95
				<?php foreach($liste_pays as $pays) { ?>
95
				<?php foreach($liste_pays as $pays) { ?>
96
					<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
96
					<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
97
				<? } ?>
97
				<?php } ?>
98
			</select>
98
			</select>
99
		</div>
99
		</div>
100
		
100
		
101
		<div class="row-fluid">
101
		<div class="row-fluid">
102
		  <label for="commune">Commune </label>
102
		  <label for="commune">Commune </label>
103
		  <input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" /> 
103
		  <input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" /> 
104
		</div>
104
		</div>
105
		<div class="row-fluid">
105
		<div class="row-fluid">
106
		  <label for="dept">Département(s) </label>
106
		  <label for="dept">Département(s) </label>
107
		  <input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." /> 
107
		  <input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." /> 
108
		</div>
108
		</div>
109
		<div class="row-fluid">
109
		<div class="row-fluid">
110
		  <label for="projet">Projet </label>
110
		  <label for="projet">Projet </label>
111
		  <input id="projet" class="large" name="projet" type="text" placeholder="ex: sauvages" value="<?= $projet ?>" /> 
111
		  <input id="projet" class="large" name="projet" type="text" placeholder="ex: sauvages" value="<?= $projet ?>" /> 
112
		</div>
112
		</div>
113
		<div class="row-fluid">
113
		<div class="row-fluid">
114
		  <label for="num_taxon">Taxon</label>
114
		  <label for="num_taxon">Taxon</label>
115
		  <input id="taxon" class="large" name="taxon" type="text" placeholder="ex: Viola OU Viola alba OU Violaceae" /> 
115
		  <input id="taxon" class="large" name="taxon" type="text" placeholder="ex: Viola OU Viola alba OU Violaceae" /> 
116
		</div>
116
		</div>
117
		<div class="row-fluid conteneur_dates">
117
		<div class="row-fluid conteneur_dates">
118
		  <div class="conteneur_date">
118
		  <div class="conteneur_date">
119
			<label for="date_debut">Date de début </label>
119
			<label for="date_debut">Date de début </label>
120
			<input  id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />
120
			<input  id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />
121
		  </div>
121
		  </div>
122
		  <div class="conteneur_date">
122
		  <div class="conteneur_date">
123
			<label for="date_fin">Date de fin </label>
123
			<label for="date_fin">Date de fin </label>
124
			<input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" /> 
124
			<input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" /> 
125
		  </div>
125
		  </div>
126
		</div>
126
		</div>
127
		<div class="row-fluid conteneur_selection_format">
127
		<div class="row-fluid conteneur_selection_format">
128
		  <label class="titre_format_export">Format d'export</label>
128
		  <label class="titre_format_export">Format d'export</label>
129
		  <ul>
129
		  <ul>
130
            <li>
130
            <li>
131
			  <label class="radio" for="format_xls">
131
			  <label class="radio" for="format_xls">
132
			  	<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />
132
			  	<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />
133
			  	excel (.xls)
133
			  	excel (.xls)
134
			  </label>
134
			  </label>
135
			</li>
135
			</li>
136
            <li>
136
            <li>
137
              <label class="radio" for="format_csv">
137
              <label class="radio" for="format_csv">
138
              	<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
138
              	<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
139
              	csv (.csv)
139
              	csv (.csv)
140
              </label>
140
              </label>
141
			</li>
141
			</li>
142
		  </ul>
142
		  </ul>
143
		</div>
143
		</div>
144
 
144
 
145
		<div class="row-fluid conteneur_selection_champ">
145
		<div class="row-fluid conteneur_selection_champ">
146
		  <a class="btn btn-default" href="#" id="label_options_export">Afficher les options d'export avancées</a>
146
		  <a class="btn btn-default" href="#" id="label_options_export">Afficher les options d'export avancées</a>
147
		  <div id="checkbox_set_cols" style="display: none;" >
147
		  <div id="checkbox_set_cols" style="display: none;" >
148
			<!-- problème: readonly sur checkbox n'empêche pas de changer le statut (un)checked -->
148
			<!-- problème: readonly sur checkbox n'empêche pas de changer le statut (un)checked -->
149
			<!-- <input type="checkbox" name="colonnes[]" readonly="readonly" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> -->
149
			<!-- <input type="checkbox" name="colonnes[]" readonly="readonly" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> -->
150
			<input type="hidden" name="colonnes[]" value="standard" /> 
150
			<input type="hidden" name="colonnes[]" value="standard" /> 
151
			<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> 
151
			<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> 
152
			<input type="checkbox" name="colonnes[]" value="avance" />avancées (commentaire, ordre, mots-clef, abondance, images, nom commun, ...)<br/>
152
			<input type="checkbox" name="colonnes[]" value="avance" />avancées (commentaire, ordre, mots-clef, abondance, images, nom commun, ...)<br/>
153
			<input type="checkbox" name="colonnes[]" value="etendu" />étendues (champs étendus spécifiques, eg: florilèges<br/>
153
			<input type="checkbox" name="colonnes[]" value="etendu" />étendues (champs étendus spécifiques, eg: florilèges<br/>
154
			<input type="checkbox" name="colonnes[]" value="baseflor" />écologiques (données Baseflor et syntaxons Baseveg)<br/>
154
			<input type="checkbox" name="colonnes[]" value="baseflor" />écologiques (données Baseflor et syntaxons Baseveg)<br/>
155
			<!-- <input type="checkbox" name="colonnes[]" value="auteur" checked="checked" readonly="readonly" />Observateur<br/> -->
155
			<!-- <input type="checkbox" name="colonnes[]" value="auteur" checked="checked" readonly="readonly" />Observateur<br/> -->
156
			<input type="hidden" name="colonnes[]" value="auteur" />
156
			<input type="hidden" name="colonnes[]" value="auteur" />
157
			<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="auteur" />Observateur<br/>
157
			<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="auteur" />Observateur<br/>
158
		  </div>
158
		  </div>
159
		</div>
159
		</div>
160
 
160
 
161
		<input class="btn btn-success" style="margin-top: 10px;" value="Télécharger les données" type="submit" /> 
161
		<input class="btn btn-success" style="margin-top: 10px;" value="Télécharger les données" type="submit" /> 
162
 
162
 
163
		<div class="attention">
163
		<div class="attention">
164
		  Le volume de données à exporter est trop important,<br /> l'export a donc été divisé en plusieurs feuilles
164
		  Le volume de données à exporter est trop important,<br /> l'export a donc été divisé en plusieurs feuilles
165
		  à télécharger avec les liens ci-dessous<br /> (cliquer sur ces liens ne fermera pas cette fenetre).
165
		  à télécharger avec les liens ci-dessous<br /> (cliquer sur ces liens ne fermera pas cette fenetre).
166
		  <div id="liste_telechargements">
166
		  <div id="liste_telechargements">
167
		  </div>
167
		  </div>
168
		</div>
168
		</div>
169
	  </form>
169
	  </form>
170
	</div>
170
	</div>
171
  </body>
171
  </body>
172
</html>
-
 
173
172
</html>
-
 
173