{% extends "base.html" %}

{% block title %}{{block.super}} > Recherche par facettes{% endblock %}

{% block css_import %}
{{block.super}}
        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/lib/leaflet/leaflet.css" />
        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/ui-lightness/jquery-ui-1.8.16.custom.css" />
        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/facettes.css" />
{% endblock %}

{% block js_import %}
{{block.super}}
        <script src="{{STATIC_URL}}hdalab/lib/raphael-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="{{STATIC_URL}}hdalab/lib/leaflet/leaflet.js"></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>
{% endblock %}
        
{% block main_content %}
            <h2 id="hdatitle">Recherche par facettes&nbsp;: <span id="sessionname"></span></h2>
            <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>Résultats de recherche</h2>
                    </div>
                    <div class="corpsbloc">
                        <div id="contentcount"></div>
                        <div id="contents"></div>
                    </div>
                </div>
                
            </div>
        </div>

{% endblock %}

{% block footer%}
{{block.super}}
        <div id="lightboxbg"></div>
{% endblock %}