{% extends "base.html" %}

{% load i18n %}

{% block title %}{{block.super}} > {% trans "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="{% url jsi18n 'hdalab' %}"></script>

        <script type="text/javascript">

        gomNs.languageCode = '{{LANGUAGE_CODE}}';

        gomNs.urls = {

            'filter': "{% url filter %}",

            'session_info': "{% url session_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 %}

        <div id="titleleft">

            <h2 id="hdatitle">{% trans "Recherche par facettes" %}&nbsp;: <span id="sessionname"></span></h2>

        </div>

        <div id="titleright">

            <div id='langselect'>

                <form action="{% url django.views.i18n.set_language %}" method="post" id="lang_form">

                {% csrf_token %}

                    <!--input name="next" type="hidden" value="" /-->

                    {% get_language_info_list for LANGUAGES as languages %}

                    {% for language in languages %}

                        <input type="submit" name="language" class="langbutton{% if language.code == LANGUAGE_CODE %} selected{% endif %}" style="background-image: url({{STATIC_URL}}hdalab/img/flag_{{ language.code }}.png)" value="{{ language.code }}" title="{{ language.name_local }}" />

                    {% endfor %}

                </form>

            </div>

            <div id="apartager"><a href="#">{% trans "Partager la session" %}</a></div>

            <div id="partageurls">

                <ul>

                    <li class="actif" id="partagero"><a href="#">{% trans "En lecture seule" %}</a></li>

                    <li id="partagerw"><a href="#">{% trans "En lecture-ecriture" %}</a></li>

                </ul>

                <div id="zc-partageligne">

                    <label id="zc-partagelabel">{% trans "Copier le lien" %}&nbsp;: </label>

                    <input id="zc-partageinput" onfocus="select();" />

                </div>

            </div>

            <div id="vues">

                <h4 id="vuestitre">{% trans "Mes vues :"%}</h4>

                <ul id="ongletsvues">

                </ul>

                <span id="nouvellevue"><a href="#">+</a></span>

            </div>

            <ul id="plusdevues">

                <li id="nouv_resrech"><a href="#">{% trans "Creer une vue sur des resultats de recherche" %}</a></li>

                <li id="nouv_liste"><a href="#">{% trans "Creer une liste de notices" %}</a></li>

            </ul>

        </div>

        <div id="waitcontainer">

            <div id="waiting"></div>

        </div>

        <div id="bandefiltre">

            <h4 id="filtertitle">

                {% trans "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>{% trans "Gerer la vue" %}</h2>

                </div>

                <div class="corpsbloc" id="gestvue">

                    <div id="div_titrevue">

                        <label>{% trans "Nom :" %}</label>

                        <input id="titrevue" />

                    </div>

                    <h4>{% trans "Blocs visibles :" %}</h4>

                </div>

            </div>

            <div class="bloc" id="bloc_map">

                <div class="barrebloc">

                    <h2>{% trans "Pays" %}</h2>

                </div>

                <div class="corpsbloc" id="map"></div>

            </div>

            <div class="bloc" id="bloc_tagcloud">

                <div class="barrebloc">

                    <h2>{% trans "Nuage de mots-cles" %}</h2>

                </div>

                <div class="corpsbloc" id="tagcloud">

                </div>

            </div>

            <div class="bloc" id="bloc_translationinfo">

            {% trans "translation_info" %}

            </div>

        </div>

        <div id="rightcol">

            <div class="bloc" id="bloc_notes">

                <div class="barrebloc">

                    <h2>{% trans "Notes" %}</h2>

                </div>

                <div id="notes" class="corpsbloc"></div>

            </div>

            <div class="bloc" id="bloc_disciplines">

                <div class="barrebloc">

                    <h2>{% trans "Disciplines artistiques" %}</h2>

                </div>

                <div id="disciplines" class="corpsbloc"></div>

            </div>

            <div class="bloc" id="bloc_notices">

                <div class="barrebloc">

                    <h2>{% trans "Resultats de recherche" %}</h2>

                </div>

                <div class="corpsbloc">

                    <div id="contentcount"></div>

                    <div id="contents"></div>

                </div>

            </div>

        </div>

    </div>

{% endblock %}