From 0882d9a8ec29b8f6c80359a9eca7e5034dc2eb24 Mon Sep 17 00:00:00 2001
From: Radek Czajka <rczajka@rczajka.pl>
Date: Thu, 19 May 2022 13:59:01 +0200
Subject: [PATCH] fix

---
 .../templates/catalogue/2022/book_detail.html | 446 +++++++++---------
 1 file changed, 225 insertions(+), 221 deletions(-)

diff --git a/src/catalogue/templates/catalogue/2022/book_detail.html b/src/catalogue/templates/catalogue/2022/book_detail.html
index e0c82e0ee..118a05941 100644
--- a/src/catalogue/templates/catalogue/2022/book_detail.html
+++ b/src/catalogue/templates/catalogue/2022/book_detail.html
@@ -73,284 +73,288 @@
 
     <main class="l-main">
       <section class="l-section">
-        <aside class="l-aside">
-          <figure>
-            <a href="{% url 'book_text' book.slug %}">
+        {% with first_text=book.get_first_text %}
+          <aside class="l-aside">
+            <figure>
+              {% if 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">
-            </a>
-          </figure>
+              {% if first_text %}
+                </a>
+              {% endif %}
+            </figure>
 
-          {% if book.parent or book.get_children %}
-            <ul class="l-aside__zbiory">
-              {% if book.parent %}
-                {% for b in book.ancestors %}
-                  <li>
-                    <a href="{{ b.get_absolute_url }}">{{ b.title }}</a>
-                    <ul>
-                {% endfor %}
-                {% for b in book.get_siblings %}
-                  <li>
-                    {% if b == book %}
-                      <strong>{{ b.title }}</strong>
-                      <ul>
-                        {% for c in book.get_children %}
-                          <li>
-                            <a href="{{ c.get_absolute_url }}">{{ c.title }}</a>
-                          </li>
-                        {% endfor %}
-                      </ul>
-                    {% else %}
+            {% if book.parent or book.get_children %}
+              <ul class="l-aside__zbiory">
+                {% if book.parent %}
+                  {% for b in book.ancestors %}
+                    <li>
                       <a href="{{ b.get_absolute_url }}">{{ b.title }}</a>
-                    {% endif %}
-                  </li>
-                {% endfor %}
+                      <ul>
+                  {% endfor %}
+                  {% for b in book.get_siblings %}
+                    <li>
+                      {% if b == book %}
+                        <strong>{{ b.title }}</strong>
+                        <ul>
+                          {% for c in book.get_children %}
+                            <li>
+                              <a href="{{ c.get_absolute_url }}">{{ c.title }}</a>
+                            </li>
+                          {% endfor %}
+                        </ul>
+                      {% else %}
+                        <a href="{{ b.get_absolute_url }}">{{ b.title }}</a>
+                      {% endif %}
+                    </li>
+                  {% endfor %}
 
-                {% for b in book.ancestor.all %}
+                  {% for b in book.ancestor.all %}
+                      </ul>
+                    </li>
+                  {% endfor %}
+                {% else %}
+                  <li>
+                    <strong>{{ book.title }}</strong>
+                    <ul>
+                      {% for c in book.get_children %}
+                        <li>
+                          <a href="{{ c.get_absolute_url }}">{{ c.title }}</a>
+                        </li>
+                      {% endfor %}
                     </ul>
                   </li>
-                {% endfor %}
-              {% else %}
-                <li>
-                  <strong>{{ book.title }}</strong>
-                  <ul>
-                    {% for c in book.get_children %}
-                      <li>
-                        <a href="{{ c.get_absolute_url }}">{{ c.title }}</a>
-                      </li>
-                    {% endfor %}
-                  </ul>
-                </li>
-              {% endif %}
-            </ul>
-          {% endif  %}
+                {% endif %}
+              </ul>
+            {% endif  %}
 
-          <ul class="l-aside__info">
-            <li><span>Epoka:</span> {% for tag in book.epochs %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
-            <li><span>Rodzaj:</span> {% for tag in book.kinds %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
-            <li><span>Gatunek:</span> {% for tag in book.genres %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
+            <ul class="l-aside__info">
+              <li><span>Epoka:</span> {% for tag in book.epochs %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
+              <li><span>Rodzaj:</span> {% for tag in book.kinds %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
+              <li><span>Gatunek:</span> {% for tag in book.genres %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
 
-          </ul>
-        </aside>
-        <div class="l-content">
-          <header class="l-header">
-            <div class="l-header__content">
-              <p>{% for author in book.authors %}<a href="{{ author.get_absolute_url }}">{{ author.name }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
-              </p>
-              <h1><a href="{{ book.get_absolute_url }}">{{ book.title }}</a></h1>
-              {% if book.translators %}
-                <p class="l-header__translators">
-                  tłum.
-                  {% for translator in book.translators %}
-                    {{ translator }}{% if not forloop.last %}, {% endif %}
-                  {% endfor %}
+            </ul>
+          </aside>
+          <div class="l-content">
+            <header class="l-header">
+              <div class="l-header__content">
+                <p>{% for author in book.authors %}<a href="{{ author.get_absolute_url }}">{{ author.name }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
                 </p>
-              {% endif %}
-            </div>
-            <div class="l-header__actions">
-              {% likes_book book as likes %}
-              {% 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>
-          </header>
-          <article class="l-article">
-            <div class="c-media">
-              <div class="c-media__actions">
-                <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>
-                  {% endif %}
-                </div>
-                <div class="c-media__btn">
-                  <button class="l-button l-button--media" id="ebook"><i class="icon icon-book"></i> pobierz książkę</button>
-                </div>
-                <div class="c-media__btn">
-                  {% with t=book.get_first_text %}
-                    {% if t %}
-                      <a href="{% url 'book_text' t.slug %}" class="l-button l-button--media l-button--media--full"><i class="icon icon-eye"></i> czytaj online</a>
+                <h1><a href="{{ book.get_absolute_url }}">{{ book.title }}</a></h1>
+                {% if book.translators %}
+                  <p class="l-header__translators">
+                    tłum.
+                    {% for translator in book.translators %}
+                      {{ translator }}{% if not forloop.last %}, {% endif %}
+                    {% endfor %}
+                  </p>
+                {% endif %}
+              </div>
+              <div class="l-header__actions">
+                {% likes_book book as likes %}
+                {% 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>
+            </header>
+            <article class="l-article">
+              <div class="c-media">
+                <div class="c-media__actions">
+                  <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>
                     {% endif %}
-                  {% endwith %}
+                  </div>
+                  <div class="c-media__btn">
+                    <button class="l-button l-button--media" id="ebook"><i class="icon icon-book"></i> pobierz książkę</button>
+                  </div>
+                  <div class="c-media__btn">
+                    {% if first_text %}
+                      <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>
 
 
 
-              {% if book.has_mp3_file %}
-                {% include 'catalogue/snippets/2022_jplayer.html' %}
-              {% else %}
-                {% with ch=book.get_child_audiobook %}
-                  {% if ch %}
-                    {% include 'catalogue/snippets/2022_jplayer_link.html' with book=ch %}
-                  {% endif %}
-                {% endwith %}
+                {% if book.has_mp3_file %}
+                  {% include 'catalogue/snippets/2022_jplayer.html' %}
+                {% else %}
+                  {% with ch=book.get_child_audiobook %}
+                    {% if ch %}
+                      {% include 'catalogue/snippets/2022_jplayer_link.html' with book=ch %}
+                    {% endif %}
+                  {% endwith %}
 
-              {% endif %}
+                {% endif %}
 
 
 
 
-              <div class="c-media__popup" data-popup="ebook">
-                <div class="c-media__popup__box">
-                  <div class="c-media__popup__box__lead">
-                    <h2>Pobieranie e-booka</h2>
-                    <p>Wybierz wersję dla siebie:</p>
-                  </div>
-                  <div class="c-media__popup__box__items">
-                    {% if book.pdf_file %}
-                      <div class="c-media__popup__box__item">
-                        <div>
-                          <h3>.pdf</h3>
-                          <p>Jeśli planujesz wydruk albo lekturę na urządzeniu mobilnym bez dodatkowych aplikacji.</p>
-                        </div>
-                        <div>
-                          <a href="{{ book.pdf_url }}" class="l-button l-button--media l-button--media--full">.pdf</a>
-                        </div>
-                      </div>
-                    {% endif %}
-                    {% if book.epub_file %}
-                      <div class="c-media__popup__box__item">
-                        <div>
-                          <h3>.epub</h3>
-                          <p>Uniwersalny format e-booków, obsługiwany przez większość czytników sprzętowych i aplikacji na urządzenia mobilne.</p>
-                        </div>
-                        <div>
-                          <a href="{{ book.epub_url }}" class="l-button l-button--media l-button--media--full">.epub</a>
-                        </div>
-                      </div>
-                    {% endif %}
-                    {% if book.mobi_file %}
-                      <div class="c-media__popup__box__item">
-                        <div>
-                          <h3>.mobi</h3>
-                          <p>Natywny format dla czytnika Amazon Kindle.</p>
-                        </div>
-                        <div>
-                          <a href="{{ book.mobi_url }}" class="l-button l-button--media l-button--media--full">.mobi</a>
-                        </div>
-                      </div>
-                    {% endif %}
-                    {% if book.synchro_file %}
-                      <div class="c-media__popup__box__item">
-                        <div>
-                          <h3>synchrobook (epub3)</h3>
-                          <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format (np. ..., ..., ...).</p>
-                        </div>
-                        <div>
-                          <a href="#" class="l-button l-button--media l-button--media--full">synchrobook</a>
-                        </div>
-                      </div>
-                    {% endif %}
-                    {% if book.txt_file or book.fb2_file %}
-                      <div class="c-media__popup__box__item">
-                        <div>
-                          <h3>inne formaty</h3>
-                          <ul>
-                            <li><a href="{% url 'custom_pdf_form' book.slug %}">Stwórz własny PDF</a></li>
-                            {% if book.txt_file %}<li><a href="{{ book.txt_url }}">plik tekstowy (.txt)</a></li>{% endif %}
-                            {% if book.fb2_file %}<li><a href="{{ book.fb2_url }}">FictionBook</a></li>{% endif %}
-                          </ul>
-                        </div>
-                      </div>
-                    {% endif %}
-                  </div>
-                  <button class="c-media__popup__close">
-                    <img src="{% static '2022/images/close.svg' %}" alt="Zamknij">
-                  </button>
-                </div>
-              </div>
-              {% if book.has_mp3_file %}
-                <div class="c-media__popup" data-popup="audiobook">
+                <div class="c-media__popup" data-popup="ebook">
                   <div class="c-media__popup__box">
                     <div class="c-media__popup__box__lead">
-                      <h2>Pobieranie audiobooka</h2>
+                      <h2>Pobieranie e-booka</h2>
                       <p>Wybierz wersję dla siebie:</p>
                     </div>
                     <div class="c-media__popup__box__items">
-                      <div class="c-media__popup__box__item">
-                        <div>
-                          <h3>.mp3</h3>
-                          <p>Uniwersalny format, obsługiwany przez wszystkie urządzenia.</p>
-                        </div>
-                        <div>
-                          <a href="{% url 'download_zip_mp3' book.slug %}" class="l-button l-button--media l-button--media--full">.mp3</a>
+                      {% if book.pdf_file %}
+                        <div class="c-media__popup__box__item">
+                          <div>
+                            <h3>.pdf</h3>
+                            <p>Jeśli planujesz wydruk albo lekturę na urządzeniu mobilnym bez dodatkowych aplikacji.</p>
+                          </div>
+                          <div>
+                            <a href="{{ book.pdf_url }}" class="l-button l-button--media l-button--media--full">.pdf</a>
+                          </div>
                         </div>
-                      </div>
-                      {% if book.has_ogg_file %}
+                      {% endif %}
+                      {% if book.epub_file %}
                         <div class="c-media__popup__box__item">
                           <div>
-                            <h3>OggVorbis</h3>
-                            <p>Otwarty format plików audio, oferujący nagranie w najwyższej jakości dźwiękowej.</p>
+                            <h3>.epub</h3>
+                            <p>Uniwersalny format e-booków, obsługiwany przez większość czytników sprzętowych i aplikacji na urządzenia mobilne.</p>
                           </div>
                           <div>
-                            <a href="{% url 'download_zip_ogg' book.slug %}" class="l-button l-button--media l-button--media--full">.ogg</a>
+                            <a href="{{ book.epub_url }}" class="l-button l-button--media l-button--media--full">.epub</a>
                           </div>
                         </div>
                       {% endif %}
-                      {% if book.has_daisy_file %}
+                      {% if book.mobi_file %}
                         <div class="c-media__popup__box__item">
                           <div>
-                            <h3>DAISY</h3>
-                            <p>Format dla osób z dysfunkcjami czytania.</p>
+                            <h3>.mobi</h3>
+                            <p>Natywny format dla czytnika Amazon Kindle.</p>
                           </div>
                           <div>
-                            {% for dsy in book.media_daisy %}
-                              <a href="{{ dsy.file.url }}" class="l-button l-button--media l-button--media--full">DAISY</a>
-                            {% endfor %}
+                            <a href="{{ book.mobi_url }}" class="l-button l-button--media l-button--media--full">.mobi</a>
                           </div>
                         </div>
                       {% endif %}
-                      {% if book.has_synchro_file %}
+                      {% if book.synchro_file %}
                         <div class="c-media__popup__box__item">
                           <div>
-                            <h3>synchrobook</h3>
-                            <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format.</p>
+                            <h3>synchrobook (epub3)</h3>
+                            <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format (np. ..., ..., ...).</p>
                           </div>
                           <div>
                             <a href="#" class="l-button l-button--media l-button--media--full">synchrobook</a>
                           </div>
                         </div>
                       {% endif %}
+                      {% if book.txt_file or book.fb2_file %}
+                        <div class="c-media__popup__box__item">
+                          <div>
+                            <h3>inne formaty</h3>
+                            <ul>
+                              <li><a href="{% url 'custom_pdf_form' book.slug %}">Stwórz własny PDF</a></li>
+                              {% if book.txt_file %}<li><a href="{{ book.txt_url }}">plik tekstowy (.txt)</a></li>{% endif %}
+                              {% if book.fb2_file %}<li><a href="{{ book.fb2_url }}">FictionBook</a></li>{% endif %}
+                            </ul>
+                          </div>
+                        </div>
+                      {% endif %}
                     </div>
                     <button class="c-media__popup__close">
                       <img src="{% static '2022/images/close.svg' %}" alt="Zamknij">
                     </button>
                   </div>
                 </div>
-              {% endif %}
-            </div>
+                {% if book.has_mp3_file %}
+                  <div class="c-media__popup" data-popup="audiobook">
+                    <div class="c-media__popup__box">
+                      <div class="c-media__popup__box__lead">
+                        <h2>Pobieranie audiobooka</h2>
+                        <p>Wybierz wersję dla siebie:</p>
+                      </div>
+                      <div class="c-media__popup__box__items">
+                        <div class="c-media__popup__box__item">
+                          <div>
+                            <h3>.mp3</h3>
+                            <p>Uniwersalny format, obsługiwany przez wszystkie urządzenia.</p>
+                          </div>
+                          <div>
+                            <a href="{% url 'download_zip_mp3' book.slug %}" class="l-button l-button--media l-button--media--full">.mp3</a>
+                          </div>
+                        </div>
+                        {% if book.has_ogg_file %}
+                          <div class="c-media__popup__box__item">
+                            <div>
+                              <h3>OggVorbis</h3>
+                              <p>Otwarty format plików audio, oferujący nagranie w najwyższej jakości dźwiękowej.</p>
+                            </div>
+                            <div>
+                              <a href="{% url 'download_zip_ogg' book.slug %}" class="l-button l-button--media l-button--media--full">.ogg</a>
+                            </div>
+                          </div>
+                        {% endif %}
+                        {% if book.has_daisy_file %}
+                          <div class="c-media__popup__box__item">
+                            <div>
+                              <h3>DAISY</h3>
+                              <p>Format dla osób z dysfunkcjami czytania.</p>
+                            </div>
+                            <div>
+                              {% for dsy in book.media_daisy %}
+                                <a href="{{ dsy.file.url }}" class="l-button l-button--media l-button--media--full">DAISY</a>
+                              {% endfor %}
+                            </div>
+                          </div>
+                        {% endif %}
+                        {% if book.has_synchro_file %}
+                          <div class="c-media__popup__box__item">
+                            <div>
+                              <h3>synchrobook</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>
+                            </div>
+                          </div>
+                        {% endif %}
+                      </div>
+                      <button class="c-media__popup__close">
+                        <img src="{% static '2022/images/close.svg' %}" alt="Zamknij">
+                      </button>
+                    </div>
+                  </div>
+                {% endif %}
+              </div>
 
-            <div class="l-article__overlay" data-max-height="327">
-              {{ book.abstract|safe }}
+              <div class="l-article__overlay" data-max-height="327">
+                {{ book.abstract|safe }}
 
-              {% if book.toc %}
-                <h4>Spis treści:</h4>
-                {{ book.toc|safe }}
-              {% endif %}
-            </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 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>
+                {% if book.toc %}
+                  <h4>Spis treści:</h4>
+                  {{ book.toc|safe }}
+                {% endif %}
+              </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 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>
-            <figure>
-              <img src="{% static '2022/images/dziecko.jpeg' %}" alt="Dorzuć się!">
-            </figure>
           </div>
-        </div>
+        {% endwith %}
       </section>
 
       {% for author in book.authors %}
-- 
2.20.1