Filter menu items
[wolnelektury.git] / apps / catalogue / templates / catalogue / book_text.html
index b18fba4..37a8a1e 100644 (file)
-<!DOCTYPE html>
+{% extends "catalogue/viewer_base.html" %}
 {% load i18n %}
-{% load static from staticfiles %}
-{% load chunks compressed catalogue_tags %}
+{% load catalogue_tags %}
 {% load thumbnail %}
-<html class="no-js">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-        <title>{{ book.pretty_title }} :: {% trans "Wolne Lektury" %}</title>
-        <link rel="icon" href="{% static "img/favicon.png" %}" type="image/x-icon" />
-        {% compressed_css "book_text" %}
-    </head>
-    <body>
-        <a href="#" id="menu-toggle-on"></a>
-        <nav id="menu"><ul>
-            <li><a href="#" id="menu-toggle-off"></a></li>
-
-            <li><a href="/">
-                <img src="{% static 'img/logo-neon.png' %}" width="80"
-                    alt="Wolne Lektury"
-                    title="Wolne Lektury">
-            </a></li>
-
-            <li><a href="{{ book.get_absolute_url }}" id="menu-book" data-box="book-short">
-                <img src="{% thumbnail book.cover '80x111' as thumb %}{{ thumb.url }}{% empty %}{{ book.cover.url }}{% endthumbnail %}"
-                    width="80" height="111"
-                    alt="{{ book.pretty_title }}"
-                    title="{{ book.pretty_title }}">
-            </a></li>
-
-            {% if book.other_versions.exists %}
-                <li id="menu-other"><a href="#" data-box="other">
-                    <span class="label">{% trans "Other versions" %}</span>
+
+
+{% block title %}{{ book.pretty_title }}{% endblock %}
+
+
+{% block menu %}
+<li><a href="{{ book.get_absolute_url }}" id="menu-book" data-box="book-short">
+    <img src="{% thumbnail book.cover_thumb '80x111' as thumb %}{{ thumb.url }}{% empty %}{{ book.cover_thumb.url }}{% endthumbnail %}"
+        width="80" height="111"
+        alt="{{ book.pretty_title }}"
+        title="{{ book.pretty_title }}">
+</a></li>
+
+{% if book.other_versions.exists %}
+    <li id="menu-other"><a href="#" data-box="other">
+        <span class="label">{% trans "Other versions" %}</span>
+    </a>
+    </li>
+{% endif %}
+
+<li id="menu-toc"><a href="#" data-box="toc">
+    <span class="label">{% trans "Table of contents" %}</span>
+</a></li>
+
+<li id="menu-themes"><a href="#" data-box="themes">
+    <span class="label">{% trans "Themes" %}</span>
+</a></li>
+
+<li id="menu-settings"><a href="#" data-box="settings">
+    <span class="label">{% trans "Settings" %}</span>
+</a></li>
+
+<li id="menu-nota_red"><a href="#" data-box="nota_red">
+    <span class="label">{% trans "Edit. note" %}</span>
+</a></li>
+
+<li id="menu-info"><a href="#info" data-box="info">
+    <span class="label">{% trans "Infobox" %}</span>
+</a></li>
+{% endblock menu %}
+
+
+
+{% block big-pane %}
+<div id="big-pane" style="">
+
+<article id="main-text">
+{{ book.html_file.read|safe }}
+</article>
+
+<article id="other-text">
+    <a class="other-text-close" href="#">{% trans "Close" %}</a>
+    <div id="other-text-waiter">{% trans "Please wait..." %}</div>
+    <div id="other-text-body" style="display: none;"></div>
+</article>
+{% endblock big-pane %}
+
+
+
+
+
+{% block footer %}
+<div id="info" class="box">
+    {% book_info book %}
+</div>
+
+{% if book.other_versions.exists %}
+<div class="box" id="other">
+    <h2>{% trans "Other versions of the book" %}</h2>
+    <a class="other-text-close" href="#">{% trans "Close the other version" %}</a>
+    <ul>
+    {% spaceless %}
+    {% for other_version in book.other_versions %}
+        <li><a class="display-other" 
+            data-other="{{ other_version.html_file.url }}"
+            href="{% url 'book_text' other_version.slug %}">
+                {% book_mini other_version with_link=False %}
                 </a>
-                </li>
-            {% endif %}
-
-            <li id="menu-toc"><a href="#" data-box="toc">
-                <span class="label">{% trans "Table of contents" %}</span>
-            </a></li>
-
-            <li id="menu-themes"><a href="#" data-box="themes">
-                <span class="label">{% trans "Themes" %}</span>
-            </a></li>
-
-            <li id="menu-settings"><a href="#" data-box="settings">
-                <span class="label">{% trans "Settings" %}</span>
-            </a></li>
-
-            <li id="menu-nota_red"><a href="#" data-box="nota_red">
-                <span class="label">{% trans "Edit. note" %}</span>
-            </a></li>
-
-            <li id="menu-info"><a href="#info" data-box="info">
-                <span class="label">{% trans "Infobox" %}</span>
-            </a></li>
-
-        </ul></nav>
-        <div id="big-pane">
-
-        <article id="main-text">
-            {{ book.html_file.read|safe }}
-        </article>
-
-
-        <article id="other-text">
-            <a class="other-text-close" href="#">{% trans "Close" %}</a>
-            <div id="other-text-waiter">{% trans "Please wait..." %}</div>
-            <div id="other-text-body" style="display: none;"></div>
-        </article>
-
-
-        <footer>
-
-            <div id="info" class="box">
-                {% book_info book %}
-            </div>
-
-            {% if book.other_versions.exists %}
-            <div class="box" id="other">
-                <h2>{% trans "Other versions of the book" %}</h2>
-                <a class="other-text-close" href="#">{% trans "Close the other version" %}</a>
-                <ul>
-                {% spaceless %}
-                {% for other_version in book.other_versions %}
-                    <li><a class="display-other" 
-                        data-other="{{ other_version.html_file.url }}"
-                        href="{% url 'book_text' other_version.slug %}">
-                            {% book_mini other_version with_link=False %}
-                            </a>
-                    </li>
-                {% endfor %}
-                {% endspaceless %}
-                </ul>
-            </div>
-            {% endif %}
-
-            <div class="box" id="settings">
-                <h2>{% trans "Settings" %}</h2>
-                <a href="#" class="settings-switch" id="settings-line-numbers" data-setting="always-hide-line-numbers">{% trans "Display line numbers" %}</a><br/>
-                <a href="#" class="settings-switch" id="settings-themes" data-setting="always-hide-themes">{% trans "Display themes" %}</a><br/>
-                <a href="#" class="settings-switch" id="settings-annotations" data-setting="no-annotations">{% trans "Display footnotes" %}</a><br/>
-            </div>
-
-            <div class="box" id="book-short">
-                {% book_short book %}
-            </div>
-
-            <div id="box-underlay"></div>
-
-            {# template #}
-            <div id="ajaxable-window" class='dialog-window'>
-                <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
-                <div class="target">
-                    <p><img src="{% static "img/indicator.gif" %}" alt="*"/> {% trans "Loading" %}</p>
-                </div>
-            </div>
-        </footer>
-
-        </div>
-
-        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-        <script type="text/javascript">
-            var LANGUAGE_CODE = "{{ LANGUAGE_CODE }}";
-            var STATIC_URL = "{{ STATIC_URL }}";
-        </script>
-        {% compressed_js "book_text" %}
-        <script src="{% static "js/modernizr.custom.19652.js" %}"></script>
-    </body>
-</html>
+        </li>
+    {% endfor %}
+    {% endspaceless %}
+    </ul>
+</div>
+{% endif %}
+
+<div class="box" id="settings">
+    <h2>{% trans "Settings" %}</h2>
+    <a href="#" class="settings-switch" id="settings-line-numbers" data-setting="always-hide-line-numbers">{% trans "Display line numbers" %}</a><br/>
+    <a href="#" class="settings-switch" id="settings-themes" data-setting="always-hide-themes">{% trans "Display themes" %}</a><br/>
+    <a href="#" class="settings-switch" id="settings-annotations" data-setting="no-annotations">{% trans "Display footnotes" %}</a><br/>
+</div>
+
+<div class="box" id="book-short">
+    {% book_short book %}
+</div>
+{% endblock footer %}