WebSVN – eFlore/Applications.cel – Diff – /branches/v2.9-motobineuse/widget/modules/export/squelettes/export.tpl.html


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Export des observations du CEL</title>
		
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<meta http-equiv="Content-style-type" content="text/css" />
		<meta http-equiv="Content-script-type" content="text/javascript" />
		<meta http-equiv="Content-language" content="fr" />
		
		<meta name="revisit-after" content="15 days" />
        <meta name="robots" content="index,follow" />
        <meta name="author" content="Aurélien Peronnet" />
        <meta name="keywords" content="Tela Botanica, CEL" />
        <meta name="description" content="Widget d'export du carnet en ligne" />
 
		<!-- Favicones -->
		<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/favicon.ico" />
		
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		
		<!-- Jquery -->
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
		
		<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>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
		
		<!-- Javascript : appli saisie -->
		<script type="text/javascript">
		//<![CDATA[
			// Nombre d'élément dans les listes d'auto-complétion
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
			// URL du web service permettant l'auto-complétion des noms scientifiques.
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?= $url_ws_autocompletion_nom_sci; ?>";
			// URL du web service permettant l'auto-complétion des communes.
			var SERVICE_AUTOCOMPLETION_COMMUNE_URL = "<?= $url_ws_autocompletion_commune; ?>";
			// Référentiel en cours d'utilisation pour les noms scientifiques, en dur pour le moment
			var REFERENTIEL_NOMS_SCI = 'bdtfx';
			// URL de base du service d'export
			var SERVICE_EXPORT_URL = "<?= $url_export; ?>";
			
		//]]>
		</script>
		
		<script type="text/javascript" src="<?= $url_base; ?>modules/export/squelettes/js/export.js"></script>
			
		<!-- CSS -->
		<!-- CSS -->
		<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" />
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="<?= $url_base; ?>modules/export/squelettes/css/export.css" rel="stylesheet" type="text/css" media="screen" />
	</head>
 
	<body>
		<div id="zone-appli" class="container">
			<form id="form-export-obs" class="well" action="<?= $url_export.'/' ?>" method="get" >
				<h1 id="widget-titre"> Export des données du CEL</h1>
				<div class="row-fluid">
					<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" /> 
				</div >
				<div class="row-fluid">
					<label for="commune">Commune </label><input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" /> 
				</div>
				<div class="row-fluid">
					<label for="dept">Département(s) </label><input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." /> 
				</div>
				<div class="row-fluid">
					<label for="projet">Projet </label><input id="projet" class="large" name="projet" type="text" placeholder="ex: sauvages" /> 
				</div>
				<div class="row-fluid">
					<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" /> 
				</div>
				<div class="row-fluid">
					<div class="span conteneur_date_debut">
						<label for="date_debut">Date de début </label><input  id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />
					</div>
					<div class="span conteneur_date_fin">
						<label for="date_fin">Date de fin </label><input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" /> 
					</div>
				</div>
				<div class="row-fluid conteneur_selection_format">
				<label class="titre_format_export">Format d'export</label>
					<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />
                	<label class="label_selection_format" for="format_xls">excel (.xls)</label>
                	<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
                    <label class="label_selection_format" for="format_csv">csv (.csv)</label>
				</div>
				<div>
					<input class="btn" value="Télécharger les données" type="submit" /> 
				</div>
				<div class="attention">
					Le volume de données à exporter est trop important,<br /> l'export a donc été divisé en plusieurs feuilles
					à télécharger avec les liens ci-dessous<br /> (cliquer sur ces liens ne fermera pas cette fenetre).
					<div id="liste_telechargements">
					</div>
				</div>
			</form>
		</div>
		<!-- Stats : Google Analytics-->
		<script type="text/javascript">
			//<![CDATA[
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-20092557-1']);
			_gaq.push(['_trackPageview']);
			
			(function() {
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
			//]]>
		</script>
	</body>
</html>

Rev 1623	Rev 1626
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		16
17	`<!-- Favicones -->`	17	`<!-- Favicones -->`
18	`<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/favicon.ico" />`	18	`<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/favicon.ico" />`
19		19
20	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`	20	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`
21		21
22	`<!-- Jquery -->`	22	`<!-- Jquery -->`
23	`<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/1.7.1/jquery-1.7.1.min.js"></script>`
24		24
25	`<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>`	25	`<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>`
26	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>`	26	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>`
27	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>`	27	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>`
28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>`	28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>`
29	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>`	29	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>`
30		30
31	`<!-- Javascript : appli saisie -->`	31	`<!-- Javascript : appli saisie -->`
32	`<script type="text/javascript">`	32	`<script type="text/javascript">`
33	`//<![CDATA[`	33	`//<![CDATA[`
34	`// Nombre d'élément dans les listes d'auto-complétion`	34	`// Nombre d'élément dans les listes d'auto-complétion`
35	`var AUTOCOMPLETION_ELEMENTS_NBRE = 20;`	35	`var AUTOCOMPLETION_ELEMENTS_NBRE = 20;`
36	`// URL du web service permettant l'auto-complétion des noms scientifiques.`	36	`// URL du web service permettant l'auto-complétion des noms scientifiques.`
37	`var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?= $url_ws_autocompletion_nom_sci; ?>";`	37	`var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?= $url_ws_autocompletion_nom_sci; ?>";`
38	`// URL du web service permettant l'auto-complétion des communes.`	38	`// URL du web service permettant l'auto-complétion des communes.`
39	`var SERVICE_AUTOCOMPLETION_COMMUNE_URL = "<?= $url_ws_autocompletion_commune; ?>";`	39	`var SERVICE_AUTOCOMPLETION_COMMUNE_URL = "<?= $url_ws_autocompletion_commune; ?>";`
40	`// Référentiel en cours d'utilisation pour les noms scientifiques, en dur pour le moment`	40	`// Référentiel en cours d'utilisation pour les noms scientifiques, en dur pour le moment`
41	`var REFERENTIEL_NOMS_SCI = 'bdtfx';`	41	`var REFERENTIEL_NOMS_SCI = 'bdtfx';`
-		42	`// URL de base du service d'export`
-		43	`var SERVICE_EXPORT_URL = "<?= $url_export; ?>";`
-		44
42	`//]]>`	45	`//]]>`
43	`</script>`	46	`</script>`
44		47
45	`<script type="text/javascript" src="<?= $url_base; ?>modules/export/squelettes/js/export.js"></script>`	48	`<script type="text/javascript" src="<?= $url_base; ?>modules/export/squelettes/js/export.js"></script>`
46		49
47	`<!-- CSS -->`	50	`<!-- CSS -->`
48	`<!-- CSS -->`	51	`<!-- CSS -->`
49	`<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" />`	52	`<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" />`
50	`<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />`	53	`<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />`
51	`<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />`	54	`<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />`
52	`<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />`	55	`<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />`
53	`<link href="<?= $url_base; ?>modules/export/squelettes/css/export.css" rel="stylesheet" type="text/css" media="screen" />`	56	`<link href="<?= $url_base; ?>modules/export/squelettes/css/export.css" rel="stylesheet" type="text/css" media="screen" />`
54	`</head>`	57	`</head>`
55		58
56	`<body>`	59	`<body>`
57	`<div id="zone-appli" class="container">`	60	`<div id="zone-appli" class="container">`
58	`<form id="form-export-obs" class="well" action="<?= $url_export.'/csv' ?>" method="get" >`	61	`<form id="form-export-obs" class="well" action="<?= $url_export.'/' ?>" method="get" >`
59	`<h1 id="widget-titre"> Export des données du CEL</h1>`	62	`<h1 id="widget-titre"> Export des données du CEL</h1>`
60	`<div class="row-fluid">`	63	`<div class="row-fluid">`
61	`<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" />`	64	`<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" />`
62	`</div >`	65	`</div >`
63	`<div class="row-fluid">`	66	`<div class="row-fluid">`
64	`<label for="commune">Commune </label><input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" />`	67	`<label for="commune">Commune </label><input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" />`
65	`</div>`	68	`</div>`
66	`<div class="row-fluid">`	69	`<div class="row-fluid">`
67	`<label for="dept">Département(s) </label><input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." />`	70	`<label for="dept">Département(s) </label><input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." />`
68	`</div>`	71	`</div>`
69	`<div class="row-fluid">`	72	`<div class="row-fluid">`
70	`<label for="projet">Projet </label><input id="projet" class="large" name="projet" type="text" placeholder="ex: sauvages" />`	73	`<label for="projet">Projet </label><input id="projet" class="large" name="projet" type="text" placeholder="ex: sauvages" />`
71	`</div>`	74	`</div>`
72	`<div class="row-fluid">`	75	`<div class="row-fluid">`
73	`<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" />`	76	`<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" />`
74	`</div>`	77	`</div>`
75	`<div class="row-fluid">`	78	`<div class="row-fluid">`
76	`<div class="span conteneur_date_debut">`	79	`<div class="span conteneur_date_debut">`
77	`<label for="date_debut">Date de début </label><input id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />`	80	`<label for="date_debut">Date de début </label><input id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />`
78	`</div>`	81	`</div>`
79	`<div class="span conteneur_date_fin">`	82	`<div class="span conteneur_date_fin">`
80	`<label for="date_fin">Date de fin </label><input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" />`	83	`<label for="date_fin">Date de fin </label><input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" />`
81	`</div>`	84	`</div>`
82	`</div>`	85	`</div>`
83	`<div class="row-fluid conteneur_selection_format">`	86	`<div class="row-fluid conteneur_selection_format">`
84	`<label class="titre_format_export">Format d'export</label>`	87	`<label class="titre_format_export">Format d'export</label>`
85	`<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />`	88	`<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />`
86	`<label class="label_selection_format" for="format_xls">excel (.xls)</label>`	89	`<label class="label_selection_format" for="format_xls">excel (.xls)</label>`
87	`<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>`	90	`<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>`
88	`<label class="label_selection_format" for="format_csv">csv (.csv)</label>`	91	`<label class="label_selection_format" for="format_csv">csv (.csv)</label>`
89	`</div>`	92	`</div>`
90	`<div>`	93	`<div>`
91	`<input class="btn" value="Télécharger les données" type="submit" />`	94	`<input class="btn" value="Télécharger les données" type="submit" />`
92	`</div>`	95	`</div>`
93	`<div class="attention">`	96	`<div class="attention">`
94	`Si le volume de données est trop important, l'export peut échouer, dans ce cas là,`	97	`Le volume de données à exporter est trop important,<br /> l'export a donc été divisé en plusieurs feuilles`
95	`essayez de privilégier le format csv ou bien de choisir des critères plus restrictifs.`	98	`à télécharger avec les liens ci-dessous<br /> (cliquer sur ces liens ne fermera pas cette fenetre).`
96	`Si le nombre d'observation dépasse 10000, le format csv doit obligatoirement être utilisé`	99	`<div id="liste_telechargements">`
-		100	`</div>`
97	`</div>`	101	`</div>`
98	`</form>`	102	`</form>`
99	`</div>`	103	`</div>`
100	`<!-- Stats : Google Analytics-->`	104	`<!-- Stats : Google Analytics-->`
101	`<script type="text/javascript">`	105	`<script type="text/javascript">`
102	`//<![CDATA[`	106	`//<![CDATA[`
103	`var _gaq = _gaq \|\| [];`	107	`var _gaq = _gaq \|\| [];`
104	`_gaq.push(['_setAccount', 'UA-20092557-1']);`	108	`_gaq.push(['_setAccount', 'UA-20092557-1']);`
105	`_gaq.push(['_trackPageview']);`	109	`_gaq.push(['_trackPageview']);`
106		110
107	`(function() {`	111	`(function() {`
108	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`	112	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`
109	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`	113	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`
110	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`	114	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`
111	`})();`	115	`})();`
112	`//]]>`	116	`//]]>`
113	`</script>`	117	`</script>`
114	`</body>`	118	`</body>`
115	`</html>`	119	`</html>`

Subversion Repositories eFlore/Applications.cel

(root)/branches/v2.9-motobineuse/widget/modules/export/squelettes/export.tpl.html @ 2854 – Rev 1623 → 1626