fix for paralells
[wolnelektury.git] / src / catalogue / templates / catalogue / book_text.html
index 421d439..18e4bcc 100644 (file)
@@ -6,7 +6,7 @@
 {% load chunks %}
 {% load thumbnail %}
 {% load static %}
-{% load annoy_banners from annoy %}
+{% load annoy %}
 
 
 {% block title %}{{ book.pretty_title }}{% endblock %}
       <p class="l-text_header_author">{% for author in book.authors %}<a href="{{ author.get_absolute_url }}">{{ author.name }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
       </p>
       <h1 class="l-text_header_title"><a href="{{ book.get_absolute_url }}">{{ book.title }}</a></h1>
-      {% with translators=book.translators %}
-        {% if translators %}
-          <p class="l-header__translators">
-            {% if translators.0 != 'tłumacz nieznany' %}
+      {% if book.translators.exists %}
+        <p class="l-header__translators">
+          {% for translator in book.translators.all %}
+            {% if forloop.first and translator.name != 'tłumacz nieznany' %}
               {% trans "tłum." %}
             {% endif %}
-            {% for translator in translators %}
-              {{ translator }}{% if not forloop.last %}, {% endif %}
-            {% endfor %}
-          </p>
-        {% endif %}
-      {% endwith %}
+            <a href="{{ translator.get_absolute_url }}">
+              {{ translator }}</a>{% if not forloop.last %}, {% endif %}
+          {% endfor %}
+        </p>
+      {% endif %}
       <div style="margin-top:1em;">
         {% content_warning book %}
       </div>
 
+      {#% annoy_banner 'book-start' %#}
+
+      <div id="book-text-buttons">
+      </div>
+
     </div>
   </header>
 
 
-  <article id="main-text">
-    {% with next=book.get_next_text prev=book.get_prev_text %}
+  <article id="main-text" {% if book.has_sync_file %}class="has-sync"{% endif %}>
+<div id="sidebar">
+      {% if book.other_versions.exists %}
+        <div class="box" id="other">
+          <h2>{% trans "Inne wersje tekstu" %}</h2>
+          <a class="other-text-close" href="#">{% trans "Zamknij drugą wersję" %}</a>
+          <ul>
+            {% spaceless %}
+              {% for other_version in book.other_versions %}
+                <li>
+                  <a class="display-other"
+                     data-other="{{ other_version.html_url }}"
+                     href="{% url 'book_text' other_version.slug %}">
+                    {{ other_version.mini_box_nolink }}
+                  </a>
+                </li>
+              {% endfor %}
+            {% endspaceless %}
+          </ul>
+        </div>
+      {% endif %}
+</div>
+
+{% with next=book.get_next_text prev=book.get_prev_text %}
       {% if next %}
         <a class="text_next-book" href="{% url 'book_text' next.slug %}">{{ next.title }}&nbsp;&rarr;</a>
       {% endif %}
       {% if prev %}
         <a class="text_prev-book" href="{% url 'book_text' prev.slug %}">&larr;&nbsp;{{ prev.title }}</a>
       {% endif %}
-      {{ book_text|safe }}
+      <div class="main-text-body">
+        {{ book_text|safe }}
+      </div>
+
+      <div class="l-checkout__box" style="margin: 2em 0;">
+        {% include 'club/donation_step1_form.html' with form=donation_form %}
+      </div>
     {% endwith %}
 
 
       <a id="reference-link" target="_blank"></a>
     </div>
 
+    <div id="annotation-box"
+         data-default-leftoffset="40"
+    >
+      <div id="annotation">
+        <div id="annotation-content"></div>
+        <a id="footnote-link">Czytaj w przypisie dolnym</a>
+      </div>
+      <div class="pointer pointer-bottom"></div>
+      <div class="pointer pointer-top"></div>
+    </div>
 
-    {% if book.other_versions.exists %}
-      <div class="box" id="other">
-        <h2>{% trans "Inne wersje utworu" %}</h2>
-        <a class="other-text-close" href="#">{% trans "Zamknij drugą wersję" %}</a>
-        <ul>
-          {% spaceless %}
-            {% for other_version in book.other_versions %}
-              <li>
-                <a class="display-other"
-                   data-other="{{ other_version.html_url }}"
-                   href="{% url 'book_text' other_version.slug %}">
-                  {{ other_version.mini_box_nolink }}
-                </a>
-              </li>
-            {% endfor %}
-          {% endspaceless %}
-        </ul>
+    <div id="qbox" class="qbox"
+         data-attach-bottom="true"
+    >
+      <div class="content">
+        <a class="qbox-t-link" href="" title="Skopiuj link"><img src="{% static '2022/images/tool-link.svg' %}" alt="Skopiuj link"></a>
+        <a class="qbox-t-copy" href="" title="Skopiuj cytat"><img src="{% static '2022/images/tool-copy.svg' %}" alt="Skopiuj cytat"></a>
+        {% if request.user.is_authenticated %}
+          <a class="qbox-t-quote" href="" title="Zapisz cytat"><img src="{% static '2022/images/tool-quote.svg' %}" alt="Zapisz cytat"></a>
+        {% endif %}
       </div>
-    {% endif %}
+      <div class="pointer pointer-bottom"></div>
+      <div class="pointer pointer-top"></div>
+    </div>
 
-    <div id="annoy-stubs">
-      {% annoy_banners 'book-text-intermission' %}
+    <div id="zakladka" class="zakladka">
+      <div class="icon">
+        <img style="height: 30px;" class="icon-empty" src="{% static '2022/images/zakladka.svg' %}" alt="Zakładka">
+        <img class="icon-exists" src="{% static '2022/images/zakladka-full.svg' %}" alt="Istniejąca zakładka">
+        <img class="icon-note" src="{% static '2022/images/zakladka-note.svg' %}" alt="Notka">
+      </div>
+      <div id="zakladka-box">
+        <div class="content">
+          {% if request.user.is_authenticated %}
+            <div class="zakladka-tool zakladka-tool_zakladka_delete">
+              Usuń zakładkę
+            </div>
+            <div class="zakladka-tool zakladka-tool_zakladka">
+              Dodaj zakładkę
+            </div>
+            <div class="zakladka-tool zakladka-tool_sluchaj">
+              Słuchaj od tego miejsca
+            </div>
+            <div class="zakladka-tool_notka_text">
+              <textarea placeholder="Notatka"></textarea>
+              <svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" id="notka-save">
+                <circle r="7" cx="8" cy="8" fill="none" stroke="black" stroke-width="2px" stroke-dasharray="1,1" />
+              </svg>
+              <img src="{% static '2022/images/notka-saved.svg' %}" id="notka-saved">
+            </div>
+
+          {% else %}
+            <div class="zakladka-tool zakladka-tool_login">
+              <a href="{% url 'login' %}?next={{ request.path }}">
+                Zaloguj się </a>
+              /
+              <a href="{% url 'register' %}?next={{ request.path }}"> Załóż konto
+              </a>
+            </div>
+            <div class="zakladka-tool zakladka-tool_sluchaj">
+              Słuchaj od tego miejsca
+            </div>
+        </div>
+          {% endif %}
 
-      {% for insert in inserts %}
-        {% include 'annoy/dynamic_insert.html' %}
-      {% endfor %}
-    </div>
+
+            <div class="pointer pointer-bottom"></div>
+            <div class="pointer pointer-top"></div>
+        </div>
+      </div>
+</div>
+
+
+      <div id="annoy-stubs">
+        {% annoy_banners 'book-text-intermission' %}
+
+        {% for insert in inserts %}
+          {% include 'annoy/dynamic_insert.html' %}
+        {% endfor %}
+      </div>
 
   </article>