{% extends "base.html" %}

{% block title %}{{block.super}} > Arbre des catégories Wikipedia{% endblock %}

{% block css_import %}

{{block.super}}

        <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/cattree.css" />

{% endblock %}

{% block js_import %}

{{block.super}}

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

        <script src="{{STATIC_URL}}hdalab/lib/mustache.js"></script>

        <script src="{{STATIC_URL}}hdalab/lib/jquery-ui-1.8.16.custom.min.js"></script>

        <script type="text/javascript">

        endpoints = {

            cat_search: "{% url cat_search %}",

            cat_tree: "{% url cat_tree %}"

        };

        </script>

        <script src="{{STATIC_URL}}hdalab/js/cattree.js"></script>

{% endblock %}

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

{% block main_content %}

    <div class="leftzone">

        <h2>Rechercher une catégorie&nbsp;: </h2>

        <p>

            <input id="catsearch" />

        </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 class="bloc-historique hidden">

            <h2>Mon Historique</h2>

            <p class="historique"></p>

        </div>

    </div>

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

{% endblock %}