src/catalogue/templates/catalogue/2022/book_detail.html

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