Subversion Repositories eFlore/Applications.cel

Rev

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

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