Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 2669 → Rev 2670

/branches/v2.20-pistolet-arroseur/widget/modules/export/squelettes/export.tpl.html
New file
0,0 → 1,181
<!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="Tela Botanica" />
<meta name="keywords" content="Tela Botanica, CEL" />
<meta name="description" content="Widget d'export du carnet en ligne" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 
<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Export des observations publiques du CeL" />
<meta property="og:site_name" content="Tela Botanica" />
<meta property="og:description" content="Export sous forme de fichier des observations publiques du Carnet en Ligne" />
<meta property="og:image" content="http://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="256" />
<meta property="og:image:height" content="256" />
<meta property="og:locale" content="fr_FR" />
 
<!-- Favicones -->
<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
<!-- 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>
<script src="http://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
 
<!-- Barre de navigation -->
<?php if ($bar !== false): ?>
<script src="<?=$url_script_navigation?>"></script>
<?php endif; ?>
<!-- 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 -->
<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 rel="stylesheet" type="text/css" href="http://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
<link href="<?= $url_base; ?>modules/export/squelettes/css/export.css" rel="stylesheet" type="text/css" media="screen" />
</head>
 
<body>
<?php if ($bar !== false): ?>
<div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod">
</div>
<br/>
<?php endif; ?>
 
<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">Pays </label>
<select name="pays" id="pays" class="form-control" >
<option value="">...</option>
<?php foreach($liste_pays as $pays) { ?>
<option value="<?= $pays['code_iso_3166_1']; ?>"><?= $pays['nom']; ?></option>
<? } ?>
</select>
</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" value="<?= $projet ?>" />
</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 conteneur_dates">
<div class="conteneur_date">
<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="conteneur_date">
<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>
<ul>
<li>
<label class="radio" for="format_xls">
<input type="radio" class="selection_format" name="format" value="xls" id="format_xls" checked="checked" />
excel (.xls)
</label>
</li>
<li>
<label class="radio" for="format_csv">
<input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
csv (.csv)
</label>
</li>
</ul>
</div>
 
<div class="row-fluid conteneur_selection_champ">
<a class="btn btn-default" href="#" id="label_options_export">Afficher les options d'export avancées</a>
<div id="checkbox_set_cols" style="display: none;" >
<!-- problème: readonly sur checkbox n'empêche pas de changer le statut (un)checked -->
<!-- <input type="checkbox" name="colonnes[]" readonly="readonly" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/> -->
<input type="hidden" name="colonnes[]" value="standard" />
<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="standard" />standard (nom scientifique, date, ...)<br/>
<input type="checkbox" name="colonnes[]" value="avance" />avancées (commentaire, ordre, mots-clef, abondance, images, nom commun, ...)<br/>
<input type="checkbox" name="colonnes[]" value="etendu" />étendues (champs étendus spécifiques, eg: florilèges<br/>
<input type="checkbox" name="colonnes[]" value="baseflor" />écologiques (données Baseflor et syntaxons Baseveg)<br/>
<!-- <input type="checkbox" name="colonnes[]" value="auteur" checked="checked" readonly="readonly" />Observateur<br/> -->
<input type="hidden" name="colonnes[]" value="auteur" />
<input type="checkbox" name="colonnes[]" disabled="disabled" checked="1" value="auteur" />Observateur<br/>
</div>
</div>
 
<input class="btn btn-success" style="margin-top: 10px;" value="Télécharger les données" type="submit" />
 
<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>