Subversion Repositories eFlore/Applications.cel

Rev

Rev 1584 | Rev 1626 | Go to most recent revision | 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';
                //]]>
                </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>