Subversion Repositories eFlore/Applications.cel

Rev

Rev 1836 | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!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>
                  <ul>
            <li>
                          <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>
                        </li>
            <li>
                          <input type="radio" class="selection_format" name="format" value="csv" id="format_csv"/>
              <label class="label_selection_format" for="format_csv">csv (.csv)</label>
                        </li>
                  </ul>
                </div>

                <div class="row-fluid conteneur_selection_champ">
                  <label class="titre_format_export" onClick="$('#checkbox_set_cols').toggle();" style="text-align: center">↦ Données exportées ↤</label>
                  <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" 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>