Book page fix

[wolnelektury.git] / src / catalogue / templates / catalogue / 2022 / book_detail.html

diff --git a/src/catalogue/templates/catalogue/2022/book_detail.html b/src/catalogue/templates/catalogue/2022/book_detail.html
index 0527823..a733709 100644 (file)
--- a/src/catalogue/templates/catalogue/2022/book_detail.html
+++ b/src/catalogue/templates/catalogue/2022/book_detail.html
@@ -1,12 +1,13 @@
-{% extends '2022/base_real.html' %}
+{% extends '2022/base.html' %}
 
+{% load chunks %}
 {% load static %}
 {% load choose_cites from social_tags %}
 {% load catalogue_tags %}
 {% load likes_book from social_tags %}
 
 
-{% block content %}
+{% block global-content %}
     <div class="l-container">
       <div class="l-breadcrumb">
         <a href="/"><span>Strona główna</span></a>
@@ -23,11 +24,11 @@
         {% with first_text=book.get_first_text %}
           <aside class="l-aside">
             <figure>
-              {% if first_text %}
+              {% if accessible and first_text %}
                 <a href="{% url 'book_text' first_text.slug %}">
               {% endif %}
               <img src="{% if book.cover_clean %}{{ book.cover_clean.url }}{% endif %}" alt="{{ book.pretty_title }}" width="240">
-              {% if first_text %}
+              {% if accessible and first_text %}
                 </a>
               {% endif %}
             </figure>
@@ -118,6 +119,7 @@
               </div>
             </header>
             <article class="l-article">
+              {% if accessible %}
               <div class="c-media">
                 <div class="c-media__actions">
                   <div class="c-media__btn">
@@ -261,14 +263,16 @@
                             </div>
                           </div>
                         {% endif %}
-                        {% if book.has_synchro_file %}
+                        {% if book.has_audio_epub_file %}
                           <div class="c-media__popup__box__item">
                             <div>
-                              <h3>synchrobook</h3>
+                              <h3>EPUB + audiobook</h3>
                               <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format.</p>
                             </div>
                             <div>
-                              <a href="#" class="l-button l-button--media l-button--media--full">synchrobook</a>
+                              {% for epub in book.media_audio_epub %}
+                                <a href="{{ epub.file.url }}" class="l-button l-button--media l-button--media--full">EPUB+audio</a>
+                              {% endfor %}
                             </div>
                           </div>
                         {% endif %}
@@ -280,6 +284,15 @@
                   </div>
                 {% endif %}
               </div>
+              {% else %}
+              <div style="margin-bottom: 1.5rem; font-size: 15px; like-height: 150%; color: #808080;">
+                {% chunk 'book-preview-warn' %}
+              </div>
+
+              <div class="l-checkout__box">
+                {% include 'club/2022/donation_step1_form.html' with form=donation_form %}
+              </div>
+              {% endif %}
 
               <div class="l-article__overlay" data-max-height="327">
                 {{ book.abstract|safe }}
@@ -293,6 +306,7 @@
               </div>
               <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Czytaj więcej" data-action="Zwiń tekst">Czytaj więcej</button>
             </article>
+            {% if accessible %}
             <div class="c-support">
               <div>
                 <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>
@@ -302,6 +316,7 @@
                 <img src="{% static '2022/images/dziecko.jpeg' %}" alt="Dorzuć się!">
               </figure>
             </div>
+            {% endif %}
           </div>
         {% endwith %}
       </section>
@@ -309,40 +324,15 @@
       {% for author in book.authors %}
         <section class="l-section">
           <div class="l-author">
-            <div class="row">
-              <h2>O autorze</h2>
-              <div>
-                {% if author.photo %}
-                  <figure class="l-author__photo">
-                    <img src="{{ author.photo.url }}" alt="{{ author.name }}" style="width: 238px;">
-                    <figcaption>
-                      {{ author.photo_attribution|safe }}
-                    </figcaption>
-                  </figure>
-                {% endif %}
-                <article class="l-author__info">
-                  <h3><a href="{{ author.get_absolute_url }}">{{ author.name }}</a></h3>
-                  <div class="l-article__overlay" data-max-height="327">
-                    {{ author.description|safe }}
-                  </div>
-                  <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Czytaj więcej" data-action="Zwiń tekst">Czytaj więcej</button>
-                </article>
-              </div>
-            </div>
+              {% include 'catalogue/2022/author_box.html' %}
 
-            {% choose_cites book 3 as cites %}
+            {% choose_cites 3 book=book as cites %}
             {% if cites %}
               <div class="row">
                 <div class="l-author__quotes">
                   <div class="l-author__quotes__slider">
                     {% for fragment in cites %}
-                      <a class="l-author__quotes__slider__item" href="{{ fragment.get_absolute_url }}">
-
-                        <em>
-                          {{ fragment.short_text|safe }}
-                        </em>
-                        <p>{{ fragment.book.pretty_title }}</p>
-                      </a>
+                      {% include "catalogue/2022/fragment_box.html" %}
                     {% endfor %}
                   </div>
                 </div>
@@ -372,6 +362,7 @@
             {% if book.wiki_link %}
               <li><a href="{{ book.wiki_link }}">strona utworu w Wikipedii</a></li>
             {% endif %}
+           {% if accessible %}
             <li>
               <a href="{{ book.xml_url }}">źródłowy plik XML</a>
             </li>
@@ -381,6 +372,7 @@
             <li>
               <a target="_blank" href="{{ book.get_extra_info_json.about }}">utwór na Platformie Redakcyjnej</a>
             </li>
+           {% endif %}
           </ul>
         </div>
       </section>