{% 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/lib/ZeroClipboard.js"></script>

        <script src="{{STATIC_URL}}hdalab/js/gomina.js?v=1"></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"
        };
        ZeroClipboard.setMoviePath('{{STATIC_URL}}hdalab/lib/ZeroClipboard.swf');
        </script>
{% endblock %}

{% block facettes_actif %}actif{% 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>
        <div id="partageurls">
            <ul>
                <li class="actif" id="partagero"><a href="#">En lecture seule</a></li>
                <li id="partagerw"><a href="#">En lecture-écriture</a></li>
            </ul>
            <div id="zc-partageligne">
                <label id="zc-partagelabel">Copier le lien&nbsp;: </label>
                <input id="zc-partageinput" onfocus="select();" />
            </div>
        </div>
        <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="waitcontainer">
            <div id="waiting"></div>
        </div>
        <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 %}