Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3020 Rev 3131
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 panel panel-default conteneur_selection_filtres">
- 
 
 88 
			<div class="panel-heading">
- 
 
 89 
				<div class="panel-title">
- 
 
 90 
					<a data-toggle="collapse" data-parent="#accordion" href="#filtres_export" id="label_filtres_export">Filtres</a>
- 
 
 91 
				</div>
- 
 
 92 
			</div>
- 
 
 93 
			<div id="filtres_export" class="panel-collapse collapse in" >
- 
 
 94 
				<div class="panel-body">
87 
		<div class="row-fluid">
 95 
					<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" />
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" />
89 
		</div >
 97 
					</div >
90
98
91 
		<div class="row-fluid">
 99 
					<div class="row-fluid">
92 
		  <label for="commune">Pays </label>
 100 
					  <label for="commune">Pays </label>
93 
			<select name="pays" id="pays" class="form-control" >
 101 
						<select name="pays" id="pays" class="form-control" >
94 
				<option value="">...</option>
 102 
							<option value="">...</option>
95 
				<?php foreach($liste_pays as $pays) { ?>
 103 
							<?php foreach($liste_pays as $pays) { ?>
96 
					<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
 104 
								<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
97 
				<?php } ?>
 105 
							<?php } ?>
98 
			</select>
 106 
						</select>
- 
 
 107 
					</div>
- 
 
 108
- 
 
 109 
					<div class="row-fluid">
- 
 
 110 
					  <label for="commune">Commune </label>
- 
 
 111 
					  <input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" />
- 
 
 112 
					</div>
- 
 
 113 
					<div class="row-fluid">
- 
 
 114 
					  <label for="dept">Département(s) </label>
- 
 
 115 
					  <input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." />
- 
 
 116 
					</div>
- 
 
 117 
					<div class="row-fluid">
- 
 
 118 
					  <label for="projet">Projet </label>
- 
 
 119 
					  <input id="projet" class="large" name="projet" type="text" placeholder="ex: defiphoto, abba" value="<?= $projet ?>" />
- 
 
 120 
					</div>
- 
 
 121 
					<div class="row-fluid">
- 
 
 122 
					  <label for="programme">Programme </label>
- 
 
 123 
					  <select name="programme" id="programme" class="form-control" >
- 
 
 124 
							<option value="">...</option>
- 
 
 125 
							<option value="sauvages">Sauvages de ma rue</option>
- 
 
 126 
							<option value="missions-flore">Missions flore</option>
- 
 
 127 
							<option value="messicoles">Observatoire Des Messicoles</option>
- 
 
 128 
							<option value="biodiversite34">Biodiversité 34</option>
- 
 
 129 
							<option value="arbres-tetards">Arbres têtards</option>
- 
 
 130 
							<option value="arbres-remarquables">Arbres remarquables</option>
- 
 
 131 
					  </select>
- 
 
 132 
					</div>
- 
 
 133 
					<div class="row-fluid">
- 
 
 134 
					  <label for="num_taxon">Taxon</label>
- 
 
 135 
					  <input id="taxon" class="large" name="taxon" type="text" placeholder="ex: Viola OU Viola alba OU Violaceae" />
- 
 
 136 
					</div>
- 
 
 137 
					<div class="row-fluid">
- 
 
 138 
						<input type="checkbox" name="identiplante" value="1" />validé sur IdentiPlante<br/>
- 
 
 139 
					</div>
- 
 
 140 
					<div class="row-fluid conteneur_dates">
- 
 
 141 
						<div class="conteneur_date">
- 
 
 142 
							<label for="date_debut">Date de début </label>
- 
 
 143 
							<input  id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />
- 
 
 144 
						</div>
- 
 
 145 
						<div class="conteneur_date">
- 
 
 146 
							<label for="date_fin">Date de fin </label>
- 
 
 147 
							<input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" />
- 
 
 148 
						</div>
- 
 
 149 
						<div class="clear"></div>
- 
 
 150 
					</div>
- 
 
 151 
				</div>
- 
 
 152 
			</div>
99 
		</div>
 153 
		</div>
100
- 
 
101 
		<div class="row-fluid">
 - 
 
102 
		  <label for="commune">Commune </label>
 154
103 
		  <input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" />
- 
 
104 
		</div>
 155 
		<div class="row-fluid panel panel-default conteneur_selection_format">
105 
		<div class="row-fluid">
 - 
 
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..." />
- 
 
108 
		</div>
 156 
			<div class="panel-heading">
109 
		<div class="row-fluid">
 - 
 
110 
		  <label for="projet">Projet </label>
 157 
				<div class="panel-title">
111 
		  <input id="projet" class="large" name="projet" type="text" placeholder="ex: sauvages" value="<?= $projet ?>" />
158 
					<a data-toggle="collapse" data-parent="#accordion" href="#format_export" id="label_format_export">Format d'export</a>
112 
		</div>
 - 
 
113 
		<div class="row-fluid">
 - 
 
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" />
159 
				</div>
116 
		</div>
 - 
 
117 
		<div class="row-fluid conteneur_dates">
 - 
 
118 
		  <div class="conteneur_date">
 - 
 
119 
			<label for="date_debut">Date de début </label>
 160 
			</div>
120 
			<input  id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />
 - 
 
121 
		  </div>
 161 
			<div id="format_export" class="panel-collapse collapse in" >
122 
		  <div class="conteneur_date">
 - 
 
123 
			<label for="date_fin">Date de fin </label>
 - 
 
124 
			<input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" />
- 
 
125 
		  </div>
 - 
 
126 
		</div>
 - 
 
127 
		<div class="row-fluid conteneur_selection_format">
 - 
 
128 
		  <label class="titre_format_export">Format d'export</label>
 162 
				<div class="panel-body">
129 
		  <ul>
 163 
					<ul>
130 
            <li>
 164 
						<li>
131 
			  <label class="radio" for="format_xls">
 165 
							<label class="radio" for="format_xls">
132 
			  	<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />
 166 
								<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />
133 
			  	excel (.xls)
 167 
								excel (.xls)
134 
			  </label>
 168 
							</label>
135 
			</li>
 169 
						</li>
136 
            <li>
 170 
						<li>
137 
              <label class="radio" for="format_csv">
 171 
							<label class="radio" for="format_csv">
138 
              	<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
 172 
								<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
139 
              	csv (.csv)
 173 
								csv (.csv)
140 
              </label>
 174 
							</label>
141 
			</li>
 175 
						</li>
- 
 
 176 
					</ul>
- 
 
 177 
				</div>
142 
		  </ul>
 178 
			</div>
143 
		</div>
 179 
		</div>
- 
 
 180 
 
- 
 
 181 
		<div class="row-fluid panel panel-default">
144 
 
 182 
			<div class="panel-heading">
- 
 
 183 
				<div class="panel-title">
- 
 
 184 
					<a data-toggle="collapse" data-parent="#accordion" href="#checkbox_set_cols" id="label_options_export">Champs à exporter</a>
145 
		<div class="row-fluid conteneur_selection_champ">
 185 
				</div>
- 
 
 186 
			</div>
146 
		  <a class="btn btn-default" href="#" id="label_options_export">Afficher les options d'export avancées</a>
 187 
			<div id="checkbox_set_cols" class="panel-collapse collapse" >
147 
		  <div id="checkbox_set_cols" style="display: none;" >
 188 
				<div class="panel-body">
148 
			<!-- problème: readonly sur checkbox n'empêche pas de changer le statut (un)checked -->
 189 
					<!-- 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/> -->
 190 
					<!-- <input type="checkbox" name="colonnes[]" readonly="readonly" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> -->
150 
			<input type="hidden" name="colonnes[]" value="standard" />
191 
					<input type="hidden" name="colonnes[]" value="standard" />
151 
			<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/>
192 
					<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/>
 193 
					<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/>
 194 
					<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/>
 195 
					<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/> -->
 196 
					<!-- <input type="checkbox" name="colonnes[]" value="auteur" checked="checked" readonly="readonly" />Observateur<br/> -->
156 
			<input type="hidden" name="colonnes[]" value="auteur" />
 197 
					<input type="hidden" name="colonnes[]" value="auteur" />
- 
 
 198 
					<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/>
 199 
				</div>
- 
 
 200 
			</div>
- 
 
 201 
		</div>
158 
		  </div>
 202
159 
		</div>
 203 
 
160 
 
 204 
 
161 
		<input class="btn btn-success" style="margin-top: 10px;" value="Télécharger les données" type="submit" />
205 
		<input class="btn btn-success" style="margin-top: 10px;" value="Télécharger les données" type="submit" />
162 
 
 206 
 
163 
		<div class="attention">
 207 
		<div class="attention">
164 
		  Le volume de données à exporter est trop important,<br /> l'export a donc été divisé en plusieurs feuilles
 208 
		  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).
 209 
		  à télécharger avec les liens ci-dessous<br /> (cliquer sur ces liens ne fermera pas cette fenetre).
166 
		  <div id="liste_telechargements">
 210 
		  <div id="liste_telechargements">
167 
		  </div>
 211 
		  </div>
168 
		</div>
 212 
		</div>
169 
	  </form>
 213 
	  </form>
170 
	</div>
 214 
	</div>
171 
  </body>
 215 
  </body>
172 
</html>
 216 
</html>