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';
		//]]>
		</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.'/csv' ?>" 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">
					Si le volume de données est trop important, l'export peut échouer, dans ce cas là,
					essayez de privilégier le format csv ou bien de choisir des critères plus restrictifs.
					Si le nombre d'observation dépasse 10000, le format csv doit obligatoirement être utilisé
				</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 1584	Rev 1623
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`
-		41	`var REFERENTIEL_NOMS_SCI = 'bdtfx';`
40	`//]]>`	42	`//]]>`
41	`</script>`	43	`</script>`
42		44
43	`<script type="text/javascript" src="<?= $url_base; ?>modules/export/squelettes/js/export.js"></script>`	45	`<script type="text/javascript" src="<?= $url_base; ?>modules/export/squelettes/js/export.js"></script>`
44		46
45	`<!-- CSS -->`	47	`<!-- CSS -->`
46	`<!-- CSS -->`	48	`<!-- CSS -->`
47	`<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" />`	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" />`
48	`<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.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" />`
49	`<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap-responsive.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" />`
50	`<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" />`	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" />`
51	`<link href="<?= $url_base; ?>modules/export/squelettes/css/export.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" />`
52	`</head>`	54	`</head>`
53		55
54	`<body>`	56	`<body>`
55	`<div id="zone-appli" class="container">`	57	`<div id="zone-appli" class="container">`
56	`<form id="form-export-obs" class="well" action="<?= $url_export.'/csv' ?>" method="get" >`	58	`<form id="form-export-obs" class="well" action="<?= $url_export.'/csv' ?>" method="get" >`
57	`<h1 id="widget-titre"> Export des données du CEL</h1>`	59	`<h1 id="widget-titre"> Export des données du CEL</h1>`
58	`<div class="row-fluid">`	60	`<div class="row-fluid">`
59	`<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" />`	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" />`
60	`</div >`	62	`</div >`
61	`<div class="row-fluid">`	63	`<div class="row-fluid">`
62	`<label for="commune">Commune </label><input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" />`	64	`<label for="commune">Commune </label><input id="commune" class="large" name="commune" type="text" placeholder="ex: Montpellier" />`
63	`</div>`	65	`</div>`
64	`<div class="row-fluid">`	66	`<div class="row-fluid">`
65	`<label for="dept">Département(s) </label><input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." />`	67	`<label for="dept">Département(s) </label><input id="dept" class="large" name="dept" type="text" placeholder="ex: 34 OU 26,84,34..." />`
66	`</div>`	68	`</div>`
67	`<div class="row-fluid">`	69	`<div class="row-fluid">`
68	`<label for="projet">Projet </label><input id="projet" class="large" name="projet" type="text" placeholder="ex: sauvages" />`	70	`<label for="projet">Projet </label><input id="projet" class="large" name="projet" type="text" placeholder="ex: sauvages" />`
69	`</div>`	71	`</div>`
70	`<div class="row-fluid">`	72	`<div class="row-fluid">`
71	`<label for="num_taxon">Taxon </label><input id="taxon" class="large" name="taxon" type="text" placeholder="ex: Viola OU Viola alba OU Violaceae" />`	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" />`
72	`</div>`	74	`</div>`
73	`<div class="row-fluid">`	75	`<div class="row-fluid">`
74	`<div class="span conteneur_date_debut">`	76	`<div class="span conteneur_date_debut">`
75	`<label for="date_debut">Date de début </label><input id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />`	77	`<label for="date_debut">Date de début </label><input id="date_debut" name="date_debut" type="text" placeholder="jj/mm/aaaa" />`
76	`</div>`	78	`</div>`
77	`<div class="span conteneur_date_fin">`	79	`<div class="span conteneur_date_fin">`
78	`<label for="date_fin">Date de fin </label><input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" />`	80	`<label for="date_fin">Date de fin </label><input id="date_fin" name="date_fin" type="text" placeholder="jj/mm/aaaa" />`
79	`</div>`	81	`</div>`
80	`</div>`	82	`</div>`
81	`<div class="row-fluid conteneur_selection_format">`	83	`<div class="row-fluid conteneur_selection_format">`
82	`<label class="titre_format_export">Format d'export</label>`	84	`<label class="titre_format_export">Format d'export</label>`
83	`<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />`	85	`<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />`
84	`<label class="label_selection_format" for="format_xls">excel (.xls)</label>`	86	`<label class="label_selection_format" for="format_xls">excel (.xls)</label>`
85	`<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>`	87	`<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>`
86	`<label class="label_selection_format" for="format_csv">csv (.csv)</label>`	88	`<label class="label_selection_format" for="format_csv">csv (.csv)</label>`
87	`</div>`	89	`</div>`
88	`<div>`	90	`<div>`
89	`<input class="btn" value="Télécharger les données" type="submit" />`	91	`<input class="btn" value="Télécharger les données" type="submit" />`
90	`</div>`	92	`</div>`
91	`<div class="attention">`	93	`<div class="attention">`
92	`Si le volume de données est trop important, l'export peut échouer, dans ce cas là,`	94	`Si le volume de données est trop important, l'export peut échouer, dans ce cas là,`
93	`essayez de privilégier le format csv ou bien de choisir des critères plus restrictifs.`	95	`essayez de privilégier le format csv ou bien de choisir des critères plus restrictifs.`
94	`Si le nombre d'observation dépasse 10000, le format csv doit obligatoirement être utilisé`	96	`Si le nombre d'observation dépasse 10000, le format csv doit obligatoirement être utilisé`
95	`</div>`	97	`</div>`
96	`</form>`	98	`</form>`
97	`</div>`	99	`</div>`
98	`<!-- Stats : Google Analytics-->`	100	`<!-- Stats : Google Analytics-->`
99	`<script type="text/javascript">`	101	`<script type="text/javascript">`
100	`//<![CDATA[`	102	`//<![CDATA[`
101	`var _gaq = _gaq \|\| [];`	103	`var _gaq = _gaq \|\| [];`
102	`_gaq.push(['_setAccount', 'UA-20092557-1']);`	104	`_gaq.push(['_setAccount', 'UA-20092557-1']);`
103	`_gaq.push(['_trackPageview']);`	105	`_gaq.push(['_trackPageview']);`
104		106
105	`(function() {`	107	`(function() {`
106	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`	108	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`
107	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`	109	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`
108	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`	110	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`
109	`})();`	111	`})();`
110	`//]]>`	112	`//]]>`
111	`</script>`	113	`</script>`
112	`</body>`	114	`</body>`
113	`</html>`	115	`</html>`

Subversion Repositories eFlore/Applications.cel

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