{% extends "base.html" %}

{% load i18n %}

{% load static %}

{% block title %}{{block.super}} > {% trans "Recherche par arbre" %}{% endblock %}

{% block css_import %}

{{block.super}}

        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/ui-lightness/jquery-ui-1.10.4.min.css' %}" />

        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/trees.css?refresh' %}" />

        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/cattree.css?refresh' %}" />

{% endblock %}

{% block js_import %}

{{block.super}}

        <script src="{% static 'hdalab/lib/underscore-min.js' %}"></script>

        <script src="{% static 'hdalab/lib/mustache.js' %}"></script>

        <script src="{% static 'hdalab/lib/jquery-ui-1.10.4.min.js' %}"></script>

        <script type="text/javascript">

        endpoints = {

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

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

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

            datasheet: "{% url 'notice' 'ID' %}"

        };

        </script>

        <script src="{% static 'hdalab/js/trees.js?refresh' %}"></script>

        <script src="{% static 'hdalab/js/cattree.js?refresh' %}"></script>

{% endblock %}

{% block categories_actif %}actif{% endblock %}

{% block main_content %}

	<div class="all-title">

        	<h1>{% trans "Explorer les domaines artistiques" %}</h1>

    </div>

    <div class="leftzone">

        <p>

            Cette interface expérimentale présente les ressources d'<a href="http://histoiredesarts.culture.fr/" target="_blank">Histoire des Arts</a>,

            ordonnées selon l'arborescence des <a href="http://fr.wikipedia.org/wiki/Sp%C3%A9cial:ArbreCat%C3%A9gorie/Espace_Cat%C3%A9gorie" target="_blank">catégories de Wikipédia</a>.

            Seules les ressources les plus pertinentes sont affichées.

        </p>

        <ul class="disciplist">

            <li><a href="#">Architecture</a></li>

            <li><a href="#">Cinéma</a></li>

            <li><a href="#">Littérature</a></li>

            <li><a href="#">Musique</a></li>

            <li><a href="#">Peinture</a></li>

            <li><a href="#">Photographie</a></li>

            <li><a href="#">Poésie</a></li>

            <li><a href="#">Sculpture</a></li>

            <li><a href="#">Théâtre</a></li>

        </ul>

        <h3>Recherche de catégories de Wikipédia&nbsp;: </h3>

        <p>

            <form id="catform"><input id="catsearch" /></form>

        </p>

        <div class="results hidden">

            <h2>Résultats pour &laquo;&nbsp;<span class="label-name"></span>&nbsp;&raquo;&nbsp;:</h2>

            <p class="category-results"><span class="category-count"></span> sous-catégorie(s)</p>

            <p class="tag-results"><span class="tag-count"></span> tag(s)</p>

            <p class="content-results"><span class="content-count"></span> contenu(s)</p>

        </div>

    </div>

    <div id="tree" class="cattree"></div>

{% endblock %}