Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2730 Rev 2848
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://resources.tela-botanica.org/tb/img/16x16/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
70 
 
71 
	<script>
 - 
 
72 
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 - 
 
73 
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 - 
 
74 
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 - 
 
75 
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 - 
 
76
- 
 
77 
	  ga('create', 'UA-20092557-1', 'auto');
 71 
	<!--  Google Analytics -->
78 
	  ga('require', 'displayfeatures');
 72 
	<?php if($prod): ?>
79 
	  ga('send', 'pageview');
 73 
		<?php include "analytics.html"; ?>
80
- 
 
81 
	</script>
 74 
	<?php endif; ?>
82 
  </head>
 75 
  </head>
83 
 
 76 
 
84 
  <body>
 77 
  <body>
85 
	<?php if ($bar !== false): ?>
 78 
	<?php if ($bar !== false): ?>
86 
		<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">
87 
		</div>
 80 
		</div>
88 
		<br/>
 81 
		<br/>
89 
	<?php endif; ?>
 82 
	<?php endif; ?>
90 
 
 83 
 
91 
	<div id="zone-appli" class="container">
 84 
	<div id="zone-appli" class="container">
92 
	  <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" >
93 
		<h1 id="widget-titre"> Export des données du CEL</h1>
 86 
		<h1 id="widget-titre"> Export des données du CEL</h1>
94 
		<div class="row-fluid">
 87 
		<div class="row-fluid">
95 
		  <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" />
96 
		</div >
 89 
		</div >
97
90
98 
		<div class="row-fluid">
 91 
		<div class="row-fluid">
99 
		  <label for="commune">Pays </label>
 92 
		  <label for="commune">Pays </label>
100 
			<select name="pays" id="pays" class="form-control" >
 93 
			<select name="pays" id="pays" class="form-control" >
101 
				<option value="">...</option>
 94 
				<option value="">...</option>
102 
				<?php foreach($liste_pays as $pays) { ?>
 95 
				<?php foreach($liste_pays as $pays) { ?>
103 
					<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
 96 
					<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
104 
				<? } ?>
 97 
				<? } ?>
105 
			</select>
 98 
			</select>
106 
		</div>
 99 
		</div>
107
100
108 
		<div class="row-fluid">
 101 
		<div class="row-fluid">
109 
		  <label for="commune">Commune </label>
 102 
		  <label for="commune">Commune </label>
110 
		  <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" />
111 
		</div>
 104 
		</div>
112 
		<div class="row-fluid">
 105 
		<div class="row-fluid">
113 
		  <label for="dept">Département(s) </label>
 106 
		  <label for="dept">Département(s) </label>
114 
		  <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..." />
115 
		</div>
 108 
		</div>
116 
		<div class="row-fluid">
 109 
		<div class="row-fluid">
117 
		  <label for="projet">Projet </label>
 110 
		  <label for="projet">Projet </label>
118 
		  <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 ?>" />
119 
		</div>
 112 
		</div>
120 
		<div class="row-fluid">
 113 
		<div class="row-fluid">
121 
		  <label for="num_taxon">Taxon</label>
 114 
		  <label for="num_taxon">Taxon</label>
122 
		  <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" />
123 
		</div>
 116 
		</div>
124 
		<div class="row-fluid conteneur_dates">
 117 
		<div class="row-fluid conteneur_dates">
125 
		  <div class="conteneur_date">
 118 
		  <div class="conteneur_date">
126 
			<label for="date_debut">Date de début </label>
 119 
			<label for="date_debut">Date de début </label>
127 
			<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" />
128 
		  </div>
 121 
		  </div>
129 
		  <div class="conteneur_date">
 122 
		  <div class="conteneur_date">
130 
			<label for="date_fin">Date de fin </label>
 123 
			<label for="date_fin">Date de fin </label>
131 
			<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" />
132 
		  </div>
 125 
		  </div>
133 
		</div>
 126 
		</div>
134 
		<div class="row-fluid conteneur_selection_format">
 127 
		<div class="row-fluid conteneur_selection_format">
135 
		  <label class="titre_format_export">Format d'export</label>
 128 
		  <label class="titre_format_export">Format d'export</label>
136 
		  <ul>
 129 
		  <ul>
137 
            <li>
 130 
            <li>
138 
			  <label class="radio" for="format_xls">
 131 
			  <label class="radio" for="format_xls">
139 
			  	<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" />
140 
			  	excel (.xls)
 133 
			  	excel (.xls)
141 
			  </label>
 134 
			  </label>
142 
			</li>
 135 
			</li>
143 
            <li>
 136 
            <li>
144 
              <label class="radio" for="format_csv">
 137 
              <label class="radio" for="format_csv">
145 
              	<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"/>
146 
              	csv (.csv)
 139 
              	csv (.csv)
147 
              </label>
 140 
              </label>
148 
			</li>
 141 
			</li>
149 
		  </ul>
 142 
		  </ul>
150 
		</div>
 143 
		</div>
151 
 
 144 
 
152 
		<div class="row-fluid conteneur_selection_champ">
 145 
		<div class="row-fluid conteneur_selection_champ">
153 
		  <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>
154 
		  <div id="checkbox_set_cols" style="display: none;" >
 147 
		  <div id="checkbox_set_cols" style="display: none;" >
155 
			<!-- 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 -->
156 
			<!-- <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/> -->
157 
			<input type="hidden" name="colonnes[]" value="standard" />
150 
			<input type="hidden" name="colonnes[]" value="standard" />
158 
			<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/>
159 
			<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/>
160 
			<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/>
161 
			<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/>
162 
			<!-- <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/> -->
163 
			<input type="hidden" name="colonnes[]" value="auteur" />
 156 
			<input type="hidden" name="colonnes[]" value="auteur" />
164 
			<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/>
165 
		  </div>
 158 
		  </div>
166 
		</div>
 159 
		</div>
167 
 
 160 
 
168 
		<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" />
169 
 
 162 
 
170 
		<div class="attention">
 163 
		<div class="attention">
171 
		  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
172 
		  à 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).
173 
		  <div id="liste_telechargements">
 166 
		  <div id="liste_telechargements">
174 
		  </div>
 167 
		  </div>
175 
		</div>
 168 
		</div>
176 
	  </form>
 169 
	  </form>
177 
	</div>
 170 
	</div>
178 
  </body>
 171 
  </body>
179 
</html>
 172 
</html>