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