<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>Gomina</title>
        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/style.css" />
        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/ui-lightness/jquery-ui-1.8.16.custom.css" />
        <script src="{{STATIC_URL}}hdalab/lib/jquery-1.7.1.min.js"></script>
        <script src="{{STATIC_URL}}hdalab/lib/raphael-min.js"></script>
        <script src="{{STATIC_URL}}hdalab/lib/d3.min.js"></script>
        <script src="{{STATIC_URL}}hdalab/lib/underscore-min.js"></script>
        <script src="{{STATIC_URL}}hdalab/lib/jquery-ui-1.8.16.custom.min.js"></script>
        <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAtEuZY1Ooi3k9UZeG_zn_U6sKQoX3q7yw&sensor=false"></script>

        <script src="{{STATIC_URL}}hdalab/js/gomina.js?v=1"></script>
        <script src="{{STATIC_URL}}hdalab/js/geojson_quickconv.js"></script>
        
        <script type="text/javascript">
        gomNs.urls = {
            'filter': "{% url filter %}",
            'session_info': "{% url session_info %}",
            'tag_search': "{% url tag_search %}",
            'tag_info': "{% url tag_info %}",
            'countries': "{{STATIC_URL}}hdalab/lib/countries.geo.json"
        };
        </script>
        
    </head>
    <body>
        <div id="container">
            <h1>HDA Lab: <span id="sessionname"></span></h1>
            <div id="apartager"><a href="#">Partager la session</a></div>
            <ul id="partageurls">
                <li id="partagero">Partagez en lecture seule en copiant ce lien : <span class="myurl" id="rourl">http://</span></li>
                <li id="partagerw">Partagez en lecture-écriture en copiant ce lien : <span class="myurl" id="rwurl">http://</span></li>
            </ul>
            <div id="vues">
                <h4 id="vuestitre">Mes vues :</h4>
                <ul id="ongletsvues">
                </ul>
                <span id="nouvellevue"><a href="#">+</a></span>
            </div>
            <ul id="plusdevues">
                <li id="nouv_resrech"><a href="#">Créer une vue sur des résultats de recherche</a></li>
                <li id="nouv_liste"><a href="#">Créer une liste de notices</a></li>
            </ul>
            <div id="bandefiltre">
                <h4 id="filtertitle">
                    Filtres :
                </h4>
                <ul id="filters">
                </ul>
            </div>
            <div id="timeline">
                <ul id="dates"></ul>
                <div id="dateheat"></div>
                <div id="handle_0" class="handle">
                    <div class="handleinner"></div>
                </div>
                <div id="handle_1" class="handle">
                    <div class="handleinner"></div>
                </div>
            </div>
            <div id="leftcol">
                <div id="bloc_gestvue">
                    <div class="barrebloc">
                        <h2>Gérer la vue</h2>
                    </div>
                    <div class="corpsbloc" id="gestvue">
                        <div id="div_titrevue">
                            <label>Nom : </label>
                            <input id="titrevue" />
                        </div>
                        <h4>Blocs visibles :</h4>
                    </div>
                </div>
                <div class="bloc" id="bloc_map">
                    <div class="barrebloc">
                        <h2>Pays</h2>
                    </div>
                    <div class="corpsbloc" id="map"></div>
                </div>
                <div class="bloc" id="bloc_tagcloud">
                    <div class="barrebloc">
                        <h2>Nuage de mots-clés</h2>
                    </div>
                    <div class="corpsbloc" id="tagcloud">
                    </div>
                </div>
                <div class="bloc" id="bloc_taginfo">
                    <div class="barrebloc">
                        <h2>Information sur un mot-clé</h2>
                    </div>
                    <div class="corpsbloc" id="taginfo">
                        <div id="tagcount"></div>
                        <div id="tagsearchwrap"><input id="tagsearch" value="Rechercher un tag" /></div>
                        <div id="tagdata"></div>
                    </div>
                </div>
            </div>
            <div id="rightcol">
                <div class="bloc" id="bloc_notes">
                    <div class="barrebloc">
                        <h2>Notes</h2>
                    </div>
                    <div id="notes" class="corpsbloc"></div>
                </div>
                <div class="bloc" id="bloc_disciplines">
                    <div class="barrebloc">
                        <h2>Disciplines artistiques</h2>
                    </div>
                    <div id="disciplines" class="corpsbloc"></div>
                </div>
                <div class="bloc" id="bloc_notices">
                    <div class="barrebloc">
                        <h2>Notices du portail HDA</h2>
                    </div>
                    <div class="corpsbloc">
                        <div id="contentcount"></div>
                        <div id="contents"></div>
                    </div>
                </div>
                
            </div>
        </div>
    </body>
</html>
