6586970dd0d0f6e0ac73e53f83859e383f3e41e3
[wolnelektury.git] / src / catalogue / templates / catalogue / book_detail.html
1 {% extends 'base.html' %}
2 {% load i18n %}
3 {% load chunks %}
4 {% load static %}
5 {% load choose_cites from social_tags %}
6 {% load catalogue_tags %}
7 {% load likes_book from social_tags %}
8
9
10 {% block global-content %}
11     <div class="l-container">
12       <div class="l-breadcrumb">
13         <a href="/"><span>{% trans "Strona główna" %}</span></a>
14         <a href="/katalog/lektury/"><span>{% trans "Literatura" %}</span></a>
15         {% for ancestor in book.ancestors %}
16           <a href="{{ ancestor.get_absolute_url }}">{{ ancestor.title }}</a>
17         {% endfor %}
18       </div>
19     </div>
20
21
22     <main class="l-main page-book">
23       <section class="l-section lay-s-col-rev">
24         {% with first_text=book.get_first_text %}
25           <aside class="l-aside">
26             <figure class="only-l">
27               {% if accessible and first_text %}
28                 <a href="{% url 'book_text' first_text.slug %}">
29               {% endif %}
30               <img src="{% if book.cover_clean %}{{ book.cover_clean.url }}{% endif %}" alt="{{ book.pretty_title }}" width="240">
31               {% if accessible and first_text %}
32                 </a>
33               {% endif %}
34             </figure>
35
36             {% if book.parent or book.get_children %}
37               <ul class="l-aside__zbiory">
38                 {% if book.parent %}
39                   {% for b in book.ancestors %}
40                     <li>
41                       <a href="{{ b.get_absolute_url }}">{{ b.title }}</a>
42                       <ul>
43                   {% endfor %}
44                   {% for b in book.get_siblings %}
45                     <li>
46                       {% if b == book %}
47                         <strong>{{ b.title }}</strong>
48                         <ul>
49                           {% for c in book.get_children %}
50                             <li>
51                               <a href="{{ c.get_absolute_url }}">{{ c.title }}</a>
52                             </li>
53                           {% endfor %}
54                         </ul>
55                       {% else %}
56                         <a href="{{ b.get_absolute_url }}">{{ b.title }}</a>
57                       {% endif %}
58                     </li>
59                   {% endfor %}
60
61                   {% for b in book.ancestor.all %}
62                       </ul>
63                     </li>
64                   {% endfor %}
65                 {% else %}
66                   <li>
67                     <strong>{{ book.title }}</strong>
68                     <ul>
69                       {% for c in book.get_children %}
70                         <li>
71                           <a href="{{ c.get_absolute_url }}">{{ c.title }}</a>
72                         </li>
73                       {% endfor %}
74                     </ul>
75                   </li>
76                 {% endif %}
77               </ul>
78             {% endif  %}
79
80             <ul class="l-aside__info">
81               <li><span>{% trans "Epoka" %}:</span> {% for tag in book.epochs %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
82               <li><span>{% trans "Rodzaj" %}:</span> {% for tag in book.kinds %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
83               <li><span>{% trans "Gatunek" %}:</span> {% for tag in book.genres %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
84
85             </ul>
86           </aside>
87           <div class="l-content">
88             <header class="l-header">
89               <div class="l-header__content">
90                 <p>{% for author in book.authors %}<a href="{{ author.get_absolute_url }}">{{ author.name }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
91                 </p>
92                 <h1><a href="{{ book.get_absolute_url }}">{{ book.title }}</a></h1>
93                 {% with translators=book.translators %}
94                 {% if translators %}
95                   <p class="l-header__translators">
96                     {% if translators.0 != 'tłumacz nieznany' %}
97                       {% trans "tłum." %}
98                     {% endif %}
99                     {% for translator in translators %}
100                       {{ translator }}{% if not forloop.last %}, {% endif %}
101                     {% endfor %}
102                   </p>
103                 {% endif %}
104                 {% endwith %}
105               </div>
106
107
108
109               {% likes_book book as likes %}
110               <div class="l-header__actions only-l">
111                 {% if likes %}
112                   <form method='post' action='{% url 'social_unlike_book' book.slug %}'>
113                     {% csrf_token %}
114                     <button class="l-button l-button--fav">
115                       <img src="{% static '2022/images/faved.svg' %}" alt="{% trans 'Usuń z ulubionych' %}">
116                     </button>
117                   </form>
118                 {% else %}
119                   <form method='post' action='{% url 'social_like_book' book.slug %}'>
120                     {% csrf_token %}
121                     <button class="l-button l-button--fav">
122                       <img src="{% static '2022/images/fav.svg' %}" alt="{% trans 'Dodaj do ulubionych' %}">
123                     </button>
124                   </form>
125                 {% endif %}
126               </div>
127             </header>
128             <article class="l-article">
129
130
131
132
133
134               {% if accessible %}
135                 <div class="c-media">
136                   <div class="lay-row lay-l-block lay-spread">
137                     <figure class="only-s book-cover-small">
138                       {% if accessible and first_text %}
139                         <a href="{% url 'book_text' first_text.slug %}">
140                       {% endif %}
141                       <img src="{% if book.cover_clean %}{{ book.cover_clean.url }}{% endif %}" alt="{{ book.pretty_title }}">
142                       {% if accessible and first_text %}
143                         </a>
144                       {% endif %}
145                     </figure>
146                     <div class="lay-col lay-spread lay-grow">
147                       <div class="l-header__actions only-s">
148                         {% if likes %}
149                           <form method='post' action='{% url 'social_unlike_book' book.slug %}'>
150                             {% csrf_token %}
151                             <button class="l-button l-button--fav">
152                               <img src="{% static '2022/images/faved.svg' %}" alt="{% trans 'Usuń z ulubionych' %}">
153                             </button>
154                           </form>
155                         {% else %}
156                           <form method='post' action='{% url 'social_like_book' book.slug %}'>
157                             {% csrf_token %}
158                             <button class="l-button l-button--fav">
159                               <img src="{% static '2022/images/fav.svg' %}" alt="{% trans 'Dodaj do ulubionych' %}">
160                             </button>
161                           </form>
162                         {% endif %}
163                       </div>
164                       <div class="c-media__actions lay-col lay-l-row">
165                         <div class="c-media__btn">
166                           {% if book.has_mp3_file %}
167                             <button class="l-button l-button--media" id="audiobook"><i class="icon icon-audio"></i> {% trans "pobierz audiobook" %}</button>
168                           {% endif %}
169                         </div>
170                         <div class="c-media__btn">
171                           <button class="l-button l-button--media" id="ebook"><i class="icon icon-book"></i> {% trans "pobierz książkę" %}</button>
172                         </div>
173                         <div class="c-media__btn">
174                           {% if first_text %}
175                             <a href="{% url 'book_text' first_text.slug %}" class="l-button l-button--media l-button--media--full"><i class="icon icon-eye"></i> {% trans "czytaj online" %}</a>
176                           {% endif %}
177                         </div>
178                       </div>
179                     </div>
180                   </div>
181
182
183
184                   {% if book.has_mp3_file %}
185                     {% include 'catalogue/snippets/jplayer.html' %}
186                   {% else %}
187                     {% with ch=book.get_child_audiobook %}
188                       {% if ch %}
189                         {% include 'catalogue/snippets/jplayer_link.html' with book=ch %}
190                       {% endif %}
191                     {% endwith %}
192
193                   {% endif %}
194
195
196
197
198                   <div class="c-media__popup" data-popup="ebook">
199                     <div class="c-media__popup__box">
200                       <div class="c-media__popup__box__lead">
201                         <h2>{% trans "Pobieranie e-booka" %}</h2>
202                         <p>{% trans "Wybierz wersję dla siebie" %}:</p>
203                       </div>
204                       <div class="c-media__popup__box__items">
205                         {% if book.pdf_file %}
206                           <div class="c-media__popup__box__item">
207                             <div>
208                               <h3>.pdf</h3>
209                               <p>{% trans "Jeśli planujesz wydruk albo lekturę na urządzeniu mobilnym bez dodatkowych aplikacji." %}</p>
210                             </div>
211                             <div>
212                               <a href="{{ book.pdf_url }}" class="l-button l-button--media l-button--media--full">.pdf</a>
213                             </div>
214                           </div>
215                         {% endif %}
216                         {% if book.epub_file %}
217                           <div class="c-media__popup__box__item">
218                             <div>
219                               <h3>.epub</h3>
220                               <p>{% trans "Uniwersalny format e-booków, obsługiwany przez większość czytników sprzętowych i aplikacji na urządzenia mobilne." %}</p>
221                             </div>
222                             <div>
223                               <a href="{{ book.epub_url }}" class="l-button l-button--media l-button--media--full">.epub</a>
224                             </div>
225                           </div>
226                         {% endif %}
227                         {% if book.mobi_file %}
228                           <div class="c-media__popup__box__item">
229                             <div>
230                               <h3>.mobi</h3>
231                               <p>{% trans "Natywny format dla czytnika Amazon Kindle." %}</p>
232                             </div>
233                             <div>
234                               <a href="{{ book.mobi_url }}" class="l-button l-button--media l-button--media--full">.mobi</a>
235                             </div>
236                           </div>
237                         {% endif %}
238                         {% if book.synchro_file %}
239                           <div class="c-media__popup__box__item">
240                             <div>
241                               <h3>synchrobook (epub3)</h3>
242                               <p>{% trans "Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format." %}</p>
243                             </div>
244                             <div>
245                               <a href="{{ book.synchro_file }}" class="l-button l-button--media l-button--media--full">synchrobook</a>
246                             </div>
247                           </div>
248                         {% endif %}
249                         {% if book.txt_file or book.fb2_file %}
250                           <div class="c-media__popup__box__item">
251                             <div>
252                               <h3>{% trans "inne formaty" %}</h3>
253                               <ul>
254                                 <li><a href="{% url 'custom_pdf_form' book.slug %}">{% trans "Stwórz własny PDF" %}</a></li>
255                                 {% if book.txt_file %}<li><a href="{{ book.txt_url }}">{% trans "plik tekstowy" %} (.txt)</a></li>{% endif %}
256                                 {% if book.fb2_file %}<li><a href="{{ book.fb2_url }}">{% trans "FictionBook" %}</a></li>{% endif %}
257                               </ul>
258                             </div>
259                           </div>
260                         {% endif %}
261                       </div>
262                       <button class="c-media__popup__close">
263                         <img src="{% static '2022/images/close.svg' %}" alt="{% trans 'Zamknij' %}">
264                       </button>
265                     </div>
266                   </div>
267                   {% if book.has_mp3_file %}
268                     <div class="c-media__popup" data-popup="audiobook">
269                       <div class="c-media__popup__box">
270                         <div class="c-media__popup__box__lead">
271                           <h2>{% trans "Pobieranie audiobooka" %}</h2>
272                           <p>{% trans "Wybierz wersję dla siebie" %}:</p>
273                         </div>
274                         <div class="c-media__popup__box__items">
275                           <div class="c-media__popup__box__item">
276                             <div>
277                               <h3>.mp3</h3>
278                               <p>{% trans "Uniwersalny format, obsługiwany przez wszystkie urządzenia." %}</p>
279                             </div>
280                             <div>
281                               <a href="{% url 'download_zip_mp3' book.slug %}" class="l-button l-button--media l-button--media--full">.mp3</a>
282                             </div>
283                           </div>
284                           {% if book.has_ogg_file %}
285                             <div class="c-media__popup__box__item">
286                               <div>
287                                 <h3>OggVorbis</h3>
288                                 <p>{% trans "Otwarty format plików audio, oferujący wysokiej jakości nagranie." %}</p>
289                               </div>
290                               <div>
291                                 <a href="{% url 'download_zip_ogg' book.slug %}" class="l-button l-button--media l-button--media--full">.ogg</a>
292                               </div>
293                             </div>
294                           {% endif %}
295                           {% if book.has_daisy_file %}
296                             <div class="c-media__popup__box__item">
297                               <div>
298                                 <h3>DAISY</h3>
299                                 <p>{% translate "Format dla osób z dysfunkcjami czytania." %}</p>
300                               </div>
301                               <div>
302                                 {% for dsy in book.media_daisy %}
303                                   <a href="{{ dsy.file.url }}" class="l-button l-button--media l-button--media--full">DAISY</a>
304                                 {% endfor %}
305                               </div>
306                             </div>
307                           {% endif %}
308                           {% if book.has_audio_epub_file %}
309                             <div class="c-media__popup__box__item">
310                               <div>
311                                 <h3>EPUB + audiobook</h3>
312                                 <p>{% trans "Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format." %}</p>
313                               </div>
314                               <div>
315                                 {% for epub in book.media_audio_epub %}
316                                   <a href="{{ epub.file.url }}" class="l-button l-button--media l-button--media--full">EPUB+audio</a>
317                                 {% endfor %}
318                               </div>
319                             </div>
320                           {% endif %}
321                         </div>
322                         <button class="c-media__popup__close">
323                           <img src="{% static '2022/images/close.svg' %}" alt="{% trans 'Zamknij' %}">
324                         </button>
325                       </div>
326                     </div>
327                   {% endif %}
328                 </div>
329               {% else %}
330                 <div style="margin-bottom: 1.5rem; font-size: 15px; like-height: 150%; color: #808080;">
331                   {% chunk 'book-preview-warn' %}
332                 </div>
333
334                 <div class="l-checkout__box">
335                   {% include 'club/donation_step1_form.html' with form=donation_form %}
336                 </div>
337               {% endif %}
338
339               <div class="l-article__overlay" data-max-height="327">
340                 {% content_warning book %}
341                 {{ book.abstract|safe }}
342
343                 {% if book.toc %}
344                   <div class="toc">
345                     <h4>{% trans "Spis treści" %}:</h4>
346                     {{ book.toc|safe }}
347                   </div>
348                 {% endif %}
349               </div>
350               <button class="l-article__read-more" aria-label="{% trans 'Kliknij aby rozwinąć' %}" data-label="{% trans 'Czytaj więcej' %}" data-action="{% trans 'Zwiń tekst' %}">{% trans 'Czytaj więcej' %}</button>
351             </article>
352             {% if accessible %}
353             <div class="c-support">
354               <div>
355                 <h2>
356                   {% blocktrans trimmed %}
357                     Ta książka jest dostępna dla tysięcy dzieciaków dzięki
358                     <span>darowiznom</span> od osób takich jak <span>Ty</span>!
359                   {% endblocktrans %}
360                 </h2>
361                 <a href="{% url 'club_join' %}?pk_campaign=layout">{% trans "Dorzuć się!" %}</a>
362               </div>
363               <div class="bg">
364                 <!-- img src="{% static '2022/images/dziecko.jpeg' %}" alt="Dorzuć się!" -->
365               </div>
366             </div>
367             {% endif %}
368           </div>
369         {% endwith %}
370       </section>
371
372       {% for tag in book.authors %}
373         <section class="l-section">
374           <div class="l-author">
375             {% include 'catalogue/author_box.html' %}
376
377             {% if forloop.first %}
378               {% choose_cites 3 book=book as cites %}
379               {% if cites %}
380                 <div class="row">
381                   <div class="l-author__quotes">
382                     <div class="l-author__quotes__slider">
383                       {% for fragment in cites %}
384                         {% include "catalogue/fragment_slider_box.html" %}
385                       {% endfor %}
386                     </div>
387                   </div>
388                 </div>
389               {% endif %}
390             {% endif %}
391           </div>
392         </section>
393       {% endfor %}
394
395       <section class="l-section">
396         <div class="l-themes__wrapper">
397           {% with book.related_themes as themes %}
398             {% if themes %}
399               <h2>
400                 {% trans "Motywy występujące w tym utworze" %}
401                 <a href="/katalog/motyw/"><span>{% trans "Wszystkie motywy" %}</span> <i class="icon icon-arrow-right"></i></a></h2>
402               <div class="l-themes l-article__overlay" data-max-height="80">
403                 <ul>
404                   {% for item in themes %}
405                     <li><a href="{% url 'book_fragments' book.slug item.slug %}">{{ item }}&nbsp;({{ item.count}})</a></li>
406                   {% endfor %}
407                 </ul>
408               </div>
409               <button class="l-article__read-more" aria-label="{% trans 'Kliknij aby rozwinąć' %}" data-label="{% trans 'Zobacz więcej' %}" data-action="{% trans 'Zwiń tekst' %}">{% trans 'Zobacz więcej' %}</button>
410
411             {% endif %}
412           {% endwith %}
413           <ul class="links">
414             {% if book.wiki_link %}
415               <li><a href="{{ book.wiki_link }}">{% trans "strona utworu w Wikipedii" %}</a></li>
416             {% endif %}
417             {% if accessible %}
418             <li>
419               <a href="{{ book.xml_url }}">{% trans "źródłowy plik XML" %}</a>
420             </li>
421             <li>
422               <a target="_blank" href="{% url 'poem_from_book' book.slug %}">{% trans "miksuj treść utworu" %}</a>
423             </li>
424             <li>
425               <a target="_blank" href="{{ book.get_extra_info_json.about }}">{% trans "utwór na Platformie Redakcyjnej" %}</a>
426             </li>
427             {% endif %}
428           </ul>
429         </div>
430       </section>
431     </main>
432
433
434
435
436
437     <section class="l-section">
438       <div class="l-books__wrapper">
439         <div class="l-container">
440           <h2>{% trans "Czytaj także" %}</h2>
441           <div class="l-books">
442             {% if book.other_versions %}
443               {% for rel in book.other_versions %}
444                 <article class="l-books__item">
445                   <figure class="l-books__item__img">
446                     <a href="{{ rel.get_absolute_url }}">
447                       <img src="{% if rel.cover_clean %}{{ rel.cover_clean.url }}{% endif %}" alt="{{ rel.pretty_title }}">
448                     </a>
449                   </figure>
450                   <h3>
451                     {% for author in rel.authors %}
452                       <a href="{{ author.get_absolute_url }}">{{ author }}</a>
453                     {% endfor %}
454                   </h3>
455                   <h2><a href="{{ rel.get_absolute_url }}">{{ rel.title }}</a></h2>
456                 </article>
457               {% endfor %}
458             {% endif %}
459
460
461             {% related_books_2022 book taken=book.other_versions|length as related_books %}
462             {% for rel in related_books %}
463               <article class="l-books__item">
464                 <figure class="l-books__item__img">
465                   <a href="{{ rel.get_absolute_url }}">
466                     <img src="{% if rel.cover_clean %}{{ rel.cover_clean.url }}{% endif %}" alt="{{ rel.pretty_title }}">
467                   </a>
468                 </figure>
469                 <h3>
470                   {% for author in rel.authors %}
471                     <a href="{{ author.get_absolute_url }}">{{ author|upper }}</a>
472                   {% endfor %}
473                 </h3>
474                 <h2><a href="{{ rel.get_absolute_url }}">{{ rel.title }}</a></h2>
475               </article>
476             {% endfor %}
477
478             <article class="l-books__item l-books__item--link">
479               <a href="/katalog/kolekcje/">{% trans "i wiele innych książek, wierszy, obrazów, audiobooków…" %}</a>
480               <a href="/katalog/kolekcje/" class="icon-link"><i class="icon icon-all"></i></a>
481             </article>
482
483           </div>
484         </div>
485       </div>
486     </section>
487
488
489 {% endblock %}