Moving forward.

[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 9082d01..7fd9dcf 100644 (file)
--- a/src/catalogue/templates/catalogue/2022/book_detail.html
+++ b/src/catalogue/templates/catalogue/2022/book_detail.html
@@ -1,5 +1,6 @@
-{% extends '2022/base_real.html' %}
+{% extends '2022/base.html' %}
 
+{% load chunks %}
 {% load static %}
 {% load choose_cites from social_tags %}
 {% load catalogue_tags %}
@@ -18,16 +19,16 @@
     </div>
 
 
-    <main class="l-main">
-      <section class="l-section">
+    <main class="l-main page-book">
+      <section class="l-section lay-s-col-rev">
         {% with first_text=book.get_first_text %}
           <aside class="l-aside">
-            <figure>
-              {% if first_text %}
+            <figure class="only-l">
+              {% 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>
@@ -98,8 +99,11 @@
                   </p>
                 {% endif %}
               </div>
-              <div class="l-header__actions">
-                {% likes_book book as likes %}
+
+
+
+              {% likes_book book as likes %}
+              <div class="l-header__actions only-l">
                 {% if likes %}
                   <form method='post' action='{% url 'social_unlike_book' book.slug %}'>
                     {% csrf_token %}
@@ -118,8 +122,42 @@
               </div>
             </header>
             <article class="l-article">
-              <div class="c-media">
-                <div class="c-media__actions">
+
+
+
+
+
+              {% if accessible %}
+                <div class="c-media">
+                  <div class="lay-row lay-l-block lay-spread">
+                  <figure class="only-s book-cover-small">
+                    {% 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 }}">
+                    {% if accessible and first_text %}
+                      </a>
+                    {% endif %}
+                  </figure>
+                  <div class="lay-col lay-spread lay-grow">
+                  <div class="l-header__actions only-s">
+                    {% if likes %}
+                      <form method='post' action='{% url 'social_unlike_book' book.slug %}'>
+                        {% csrf_token %}
+                        <button class="l-button l-button--fav">
+                          <img src="{% static '2022/images/faved.svg' %}" alt="Usuń z ulubionych">
+                        </button>
+                      </form>
+                    {% else %}
+                      <form method='post' action='{% url 'social_like_book' book.slug %}'>
+                        {% csrf_token %}
+                        <button class="l-button l-button--fav">
+                          <img src="{% static '2022/images/fav.svg' %}" alt="Dodaj do ulubionych">
+                        </button>
+                      </form>
+                    {% endif %}
+                  </div>
+                  <div class="c-media__actions lay-col lay-l-row">
                   <div class="c-media__btn">
                     {% if book.has_mp3_file %}
                       <button class="l-button l-button--media" id="audiobook"><i class="icon icon-audio"></i> pobierz audiobook</button>
@@ -133,7 +171,9 @@
                       <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>
                     {% endif %}
                   </div>
-                </div>
+                  </div>
+                  </div>
+                  </div>
 
 
 
@@ -282,6 +322,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 }}
@@ -295,15 +344,17 @@
               </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>
                 <a href="{% url 'club_join' %}?pk_campaign=layout">Dorzuć się!</a>
               </div>
-              <figure>
-                <img src="{% static '2022/images/dziecko.jpeg' %}" alt="Dorzuć się!">
-              </figure>
+              <div class="bg">
+                <!-- img src="{% static '2022/images/dziecko.jpeg' %}" alt="Dorzuć się!" -->
+              </div>
             </div>
+            {% endif %}
           </div>
         {% endwith %}
       </section>
@@ -349,6 +400,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>
@@ -358,6 +410,7 @@
             <li>
               <a target="_blank" href="{{ book.get_extra_info_json.about }}">utwór na Platformie Redakcyjnej</a>
             </li>
+           {% endif %}
           </ul>
         </div>
       </section>