--- /dev/null
+{% extends "base.html" %}
+{% load catalogue_tags chunks %}
+
+{% block bodyid %}document-list-body{% endblock %}
+
+{% block title %}Materiały pomocnicze dla nauczycieli w WolneLektury.pl{% endblock %}
+
+{% block extrahead %}
+ <script type="text/javascript" charset="utf-8">
+ $(function() {
+ $('#document-list a').click(function() {
+ if (!$(this).hasClass('active')) {
+ $('#document-list a').removeClass('active');
+ $(this).addClass('active');
+ document.location.hash = $(this).attr('data-hash');
+ }
+ return false;
+ });
+
+ var lastHash = null;
+
+ function checkHash() {
+ if (document.location.hash != lastHash) {
+ lastHash = document.location.hash;
+ var documentLink = $('#document-list a[data-hash=' + document.location.hash + ']');
+ if (!documentLink.hasClass('active')) {
+ $('#document-list a').removeClass('active');
+ documentLink.addClass('active');
+ };
+
+ if ($('#document-detail').attr('data-hash') != lastHash) {
+ $('#document-detail')
+ .attr('data-hash', lastHash)
+ .load(documentLink.attr('href'));
+ };
+ } else if (!document.location.hash) {
+ $('#document-list a:first').click();
+ }
+
+ setTimeout(checkHash, 500);
+ };
+
+ checkHash();
+ });
+ </script>
+{% endblock extrahead %}
+{% block body %}
+ <h1>Materiały pomocnicze dla nauczycieli</h1>
+ <form action="{% url search %}" method="GET" accept-charset="utf-8" id="search-form">
+ <p>{{ form.q }} <input type="submit" value="Szukaj" /> <strong>lub</strong> <a href="{% url main_page %}">wróć do strony głównej</a></p>
+ </form>
+
+ <div id="document-list">
+ <ol>
+ {% for object in object_list %}
+ <li><a href="{{ object.get_absolute_url }}" data-hash="#{{ object.slug }}">{{ object }}</a></li>
+ {% endfor %}
+ </ol>
+ </div>
+ <div id="document-detail">
+ </div>
+{% endblock %}
+
\ No newline at end of file