Subversion Repositories eFlore/Applications.coel

Rev

Rev 1850 | Go to most recent revision | View as "text/plain" | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
                <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" />

                <!-- OpenGraph pour Facebook, Pinterest, Google+ -->
                <meta property="og:type" content="website" />
                <meta property="og:title" content="CoEL - Cartographie des herbiers" />
                <meta property="og:site_name" content="Tela Botanica" />
                <meta property="og:description" content="Représentation cartographique des herbiers recensés dans Collections 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" />

                <title>Localisation des collections d'herbiers</title>
                
                <link rel="icon" type="image/png" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.png" />
                <link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
                <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
                <!--[if lte IE 8]>
                        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.ie.css" />
                <![endif]-->
                <link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/carto.css" />
                <link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/MarkerCluster.css" />
                <link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/MarkerCluster.Default.css" />
                
                <script type="text/javascript" src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script>
                <script type="text/javascript" src="http://resources.tela-botanica.org/jquery/1.6.4/jquery-1.6.4.min.js"></script>
                <script type="text/javascript" src="http://resources.tela-botanica.org/jquery/jquery-ui/1.8.18/js/jquery-ui-1.8.18.custom.min.js"></script>
                <script type="text/javascript" src="http://resources.tela-botanica.org/jquery/jquery-tmpl/jquery.tmpl.min.js"></script>
                <script src="<?=$url_base?>modules/carto/squelettes/scripts/leaflet.markercluster.js"></script>
                <script type="text/javascript">
                //<![CDATA[
                        var departement = '<?= $departement ?>';
                        var pays = '<?= $pays ?>';
                        var urlWebService = '<?= $url_web_service ?>';
                        var clustering = '<?= $clustering ?>';
                //]]>
                </script>
                <script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>

                <!-- Google Analytics -->
                <script>
                  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
                  ga('create', 'UA-57885-3', 'auto');
                  ga('send', 'pageview');
                </script>
        </head>

        <body>
                <div id="logo-tb"><img src="http://resources.tela-botanica.org/tb/img/128x128/logo_carre_officiel.png" /></div>
                <div id="map"></div>
                
                <!-- Squelette du contenu de la popup -->
                <script id="tpl-structure-entete" type="text/x-jquery-tmpl">
                        <div class="popup-simple-text">Situé dans ${ville} (${code_postal})</div>
                </script>
                
                <script id="tpl-structure" type="text/x-jquery-tmpl">
                        <div class="description-structure">
                                <h3 align="center">
                                        <a target="_blank" href="<?=$url_page_fiche?>?module=FicheStructure&id=${id}">${nom}</a>
                                </h3>           
                                <div class="collections">
                                        {{if collections.length > 0}}
                                        <div class="popup-simple-text">Collections présentes :</div>
                                        <ul>
                                        {{each(index, collection) collections}}
                                                <li>
                                                        <a target="_blank" href="<?=$url_page_fiche?>?module=FicheCollection&id=${collection.id}">${collection.nom}</a>
                                                </li>
                                        {{/each}}
                                        </ul>
                                        {{else}}
                                        <div class="popup-simple-text">Aucune Collection d'herbiers recensée à ce jour</div>
                                        {{/if}}
                                </div>
                                <hr />
                        </div>
                </script>
                <div id="structure" style="display:none"></div>
        </body>
</html>