Subversion Repositories eFlore/Applications.cel

Rev

Rev 3696 | 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="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="https://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="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
        
        <!-- Jquery -->
        <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="https://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="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>

        
        <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate-patched.min.js"></script>
        <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
        <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
        <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
        <script src="https://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="https://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="https://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="https://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" />

        <!--  Google Analytics -->
        <?php if($prod): ?>
                <?php include "analytics.html"; ?>
        <?php endif; ?>
  </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 panel panel-default conteneur_selection_filtres">
                        <div class="panel-heading">
                                <div class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#filtres_export" id="label_filtres_export">Filtres</a>
                                </div>
                        </div>
                        <div id="filtres_export" class="panel-collapse collapse in" >
                                <div class="panel-body">
                                        <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>
                                                        <?php } ?>
                                                </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">Mots-clés </label>
                                          <input id="projet" class="large" name="projet" type="text" placeholder="ex: defiphoto, abba" value="<?= $projet ?>" /> 
                                        </div>
                                        <div class="row-fluid">
                                          
                                          <label title="Programme de sciences participatives ou observatoire citoyen" for="programme">Programme </label>
                                          <select name="programme" id="programme" class="form-control">
                                                        <option value="">...</option>
                                                        <option value="sauvages">Sauvages de ma rue</option>
                                                        <option value="missions-flore">Missions flore</option>
                                                        <option value="messicoles">Observatoire Des Messicoles</option>
                                                        <option value="arbres-tetards">Arbres têtards</option>
                                                        <option value="arbres-remarquables">Arbres remarquables</option>
                                                        <option value="tb_lichensgo">Lichens Go !</option>
                                                        <option value="tb_streets">sTREEts</option>
                                                        <option value="bellesdemarue">Belles de ma rue</option>
                                          </select>
                                        </div>
                                        <div class="row-fluid">
                                          <label for="num_taxon">Taxon</label>
                                          <input id="taxon" class="large" name="taxon" type="text" placeholder="ex: Viola OU Viola alba OU Violaceae" /> 
                                        </div>
                                        <div class="row-fluid">
                                                <input type="checkbox" name="identiplante" 
                                                        title ="exporter uniquement les observations dont l'espèce a été validée par le réseau" value="1" />
                                                                validé sur IdentiPlante<br/>
                                        </div>
                                        <div class="row-fluid">
                                                <input type="checkbox" name="standard" checked="1" 
                                                        title ="exporter uniquement les observations possédant un lieu, une date et une détermination non déclarée douteuse ou à déterminer" value="1" />
                                                                données standards<br/>
                                        </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 class="clear"></div>
                                        </div>
                                </div>
                        </div>
                </div>
                
                <div class="row-fluid panel panel-default conteneur_selection_format">
                        <div class="panel-heading">
                                <div class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#format_export" id="label_format_export">Format d'export</a>
                                </div>
                        </div>
                        <div id="format_export" class="panel-collapse collapse in" >
                                <div class="panel-body">
                                        <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>
                </div>

                <div class="row-fluid panel panel-default">
                        <div class="panel-heading">
                                <div class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#checkbox_set_cols" id="label_options_export">Champs à exporter</a>
                                </div>
                        </div>
                        <div id="checkbox_set_cols" class="panel-collapse collapse" >
                                <div class="panel-body">
                                        <!-- 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="standardexport" /> 
                                        <input type="hidden" name="colonnes[]" disabled="disabled" checked="1" value="standard" />
                                        <input type="checkbox" name="colonnes[]" value="avance" />avancés (nom commun, précision de la localisation, station, Score IdentiPlante, abondance, phénologie, ...)<br/>
                                        <input type="checkbox" name="colonnes[]" value="etendu" />étendus (champs spécifiques à un programme)<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="hidden" name="colonnes[]" disabled="disabled" checked="1" value="auteur" />
                                </div>
                        </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>
  </body>
</html>