Subversion Repositories eFlore/Applications.cel

Rev

Rev 1458 | 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; ?>";
                //]]>
                </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 </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.
                                </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>