a494e24b6f23cb6ef33c70c571c7a1d3b0ed74b2
[wolnelektury.git] / src / catalogue / templates / catalogue / book_text.html
1 {% extends "base.html" %}
2
3
4 {% load i18n l10n %}
5 {% load catalogue_tags %}
6 {% load chunks %}
7 {% load thumbnail %}
8 {% load static %}
9 {% load annoy_banners from annoy %}
10
11
12 {% block title %}{{ book.pretty_title }}{% endblock %}
13
14
15 {% block extrahead %}
16   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
17         integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
18         crossorigin=""/>
19   <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
20           integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
21           crossorigin=""></script>
22 {% endblock %}
23
24
25 {% block menu %}
26   <li>
27     <a href="{{ book.get_absolute_url }}" id="menu-book" data-box="book-short">
28       <span class="label">{% trans "Kliknij, by pobrać" %}:</span>
29       <img src="{% if book.cover_clean %}{% thumbnail book.cover_clean '240x332' as thumb %}{{ thumb.url }}{% empty %}{{ book.cover_clean.url }}{% endthumbnail %}{% endif %}"
30            width="120" height="166"
31            alt="{{ book.pretty_title }}"
32            title="{{ book.pretty_title }}">
33     </a>
34   </li>
35
36   {% if book.other_versions.exists %}
37     <li id="menu-other">
38       <a href="#" data-box="other">
39         <span class="label">{% trans "Inne wersje" %}</span>
40       </a>
41     </li>
42   {% endif %}
43
44   {% if extra_info.logo_mono %}
45     {% thumbnail extra_info.logo_mono '200x200' as th %}
46     <img src="{{ th.url }}" style="width: 100px; padding: 10px;"
47          alt="{{ extra_info.logo_alt|default:'Sponsor' }}"
48     >
49   {% endthumbnail %}
50   {% endif %}
51
52
53
54 {% endblock menu %}
55
56
57
58 {% block breadcrumb-right %}
59   <div class="l-text_toolbar" id="menu">
60     <a href="#info" data-box="info">
61       <img src="{% static '2022/images/about.svg' %}" alt="{% trans "Informacje" %}">
62     </a>
63
64     <a href="#" data-box="settings" style="display: none;">
65       <img src="{% static '2022/images/settings.svg' %}" alt="{% trans "Ustawienia" %}">
66     </a>
67
68     <a href="#wltoc" data-box="wltoc" style="display: none;">
69       <img src="{% static '2022/images/toc.svg' %}" alt="{% trans "Spis treści" %}">
70     </a>
71
72
73
74
75     <div id="info" class="box">
76       {% book_info book %}
77     </div>
78
79
80     <div id="settings" class="box">
81       <a href="#" class="settings-switch" id="settings-line-numbers"
82          data-setting="always-hide-line-numbers"><span>{% trans "Numeracja" %}</span></a>
83       <a href="#" class="settings-switch" id="settings-themes"
84          data-setting="always-hide-themes"><span>{% trans "Motywy" %}</span></a>
85       <a href="#" class="settings-switch" id="settings-annotations"
86          data-setting="no-annotations"><span>{% trans "Przypisy" %}</span></a>
87       <a href="#" class="settings-switch" id="settings-references"
88          data-setting="no-references"><span>{% trans "Pinezki" %}</span></a>
89     </div>
90
91
92     <div id="wltoc" class="box">
93       {% if book.parent %}
94         {% for b in book.ancestors %}
95           {% if forloop.counter > 1 %}
96             <li>
97           {% endif %}
98           <a href="{% if b.html_file %}{% url 'book_text' b.slug %}{% else %}{{ b.get_absolute_url }}{% endif %}">{{ b.title }}</a>
99           <ol>
100         {% endfor %}
101         {% for b in book.get_siblings %}
102           <li>
103             {% if b == book %}
104               <strong>{{ b.title }}</strong>
105               <div id="heretoc"></div>
106             {% else %}
107               <a href="{% url 'book_text' b.get_first_text.slug %}">{{ b.title }}</a>
108             {% endif %}
109           </li>
110         {% endfor %}
111
112         {% for b in book.ancestor.all %}
113           </ol>
114           {% if not forloop.counter.last %}
115             </li>
116           {% endif %}
117         {% endfor %}
118       {% else %}
119         <strong>{{ book.title }}</strong>
120         <div id="heretoc"></div>
121         <ol>
122           {% for c in book.get_children %}
123             <li><a href="{% url 'book_text' c.get_first_text.slug %}">{{ c.title }}</a></li>
124           {% endfor %}
125         </ol>
126       {% endif %}
127     </div>
128
129   </div>
130 {% endblock %}
131
132
133
134
135 {% block main %}
136   <div id="global-progress" class="l-container">
137     <div class="bar">
138       <span class="piece" style="flex-grow: 100;">
139         <span class="filled"></span>
140       </span>
141     </div>
142     <div class="progress-text">
143       Szacowany czas do końca: <span class="progress-text-value">56 min</span>
144     </div>
145   </div>
146
147   <header class="l-text_header">
148     <img class="l-text_header_cover" src="{% if book.cover_clean %}{{ book.cover_clean.url }}{% endif %}" alt="{{ book.pretty_title }}">
149
150     <div class="l-text_header__content">
151       <p class="l-text_header_author">{% for author in book.authors %}<a href="{{ author.get_absolute_url }}">{{ author.name }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
152       </p>
153       <h1 class="l-text_header_title"><a href="{{ book.get_absolute_url }}">{{ book.title }}</a></h1>
154       {% with translators=book.translators %}
155         {% if translators %}
156           <p class="l-header__translators">
157             {% if translators.0 != 'tłumacz nieznany' %}
158               {% trans "tłum." %}
159             {% endif %}
160             {% for translator in translators %}
161               {{ translator }}{% if not forloop.last %}, {% endif %}
162             {% endfor %}
163           </p>
164         {% endif %}
165       {% endwith %}
166       <div style="margin-top:1em;">
167         {% content_warning book %}
168       </div>
169
170     </div>
171   </header>
172
173
174   <article id="main-text">
175     {% with next=book.get_next_text prev=book.get_prev_text %}
176       {% if next %}
177         <a class="text_next-book" href="{% url 'book_text' next.slug %}">{{ next.title }}&nbsp;&rarr;</a>
178       {% endif %}
179       {% if prev %}
180         <a class="text_prev-book" href="{% url 'book_text' prev.slug %}">&larr;&nbsp;{{ prev.title }}</a>
181       {% endif %}
182       {{ book_text|safe }}
183     {% endwith %}
184
185
186
187
188
189
190     <article id="other-text">
191       <a class="other-text-close" href="#">{% trans "Zamknij" %}</a>
192       <div id="other-text-waiter">{% trans "Proszę czekać..." %}</div>
193       <div id="other-text-body" style="display: none;"></div>
194     </article>
195
196     <div id="reference-box">
197       <div id="reference-map"></div>
198       <a id="reference-close" href="#">x</a>
199       <div id="reference-images">
200       </div>
201       <a id="reference-link" target="_blank"></a>
202     </div>
203
204
205     {% if book.other_versions.exists %}
206       <div class="box" id="other">
207         <h2>{% trans "Inne wersje utworu" %}</h2>
208         <a class="other-text-close" href="#">{% trans "Zamknij drugą wersję" %}</a>
209         <ul>
210           {% spaceless %}
211             {% for other_version in book.other_versions %}
212               <li>
213                 <a class="display-other"
214                    data-other="{{ other_version.html_url }}"
215                    href="{% url 'book_text' other_version.slug %}">
216                   {{ other_version.mini_box_nolink }}
217                 </a>
218               </li>
219             {% endfor %}
220           {% endspaceless %}
221         </ul>
222       </div>
223     {% endif %}
224
225     <div id="annoy-stubs">
226       {% annoy_banners 'book-text-intermission' %}
227
228       {% for insert in inserts %}
229         {% include 'annoy/dynamic_insert.html' %}
230       {% endfor %}
231     </div>
232
233   </article>
234
235
236
237   {% if book.has_sync_file %}
238     <div id="player-bar">
239       {% include 'catalogue/snippets/jplayer_reader.html' %}
240     </div>
241     <script type="application/json" id="smil">
242      {{ book.get_sync|safe }}
243     </script>
244   {% endif %}
245
246
247   <div id="marker">
248
249   </div>
250
251   {% localize off %}
252   <script type="application/json" id="interesting-references">
253    {
254        {% for ref in book.references %}
255        {% if ref.entity.is_interesting %}
256        "{{ ref.entity.uri }}": {
257            {% if ref.entity.lat and ref.entity.lon %}
258            "location": [{{ ref.entity.lat }}, {{ ref.entity.lon }}],
259            {% endif %}
260            "images": {{ ref.entity.images|safe }},
261            "label": "{{ ref.entity.label }}",
262            "description": "{{ ref.entity.description }}",
263            "wikipedia_link": "{{ ref.entity.wikipedia_link }}"
264        },
265        {% endif %}
266        {% endfor %}
267        "": null
268    }
269   </script>
270
271   {% endlocalize %}
272
273 {% endblock main %}