More views, and likes working.

[wolnelektury.git] / src / wolnelektury / templates / 2022 / header.html

diff --git a/src/wolnelektury/templates/2022/header.html b/src/wolnelektury/templates/2022/header.html
index 490159c..a99a8ab 100644 (file)
--- a/src/wolnelektury/templates/2022/header.html
+++ b/src/wolnelektury/templates/2022/header.html
@@ -17,6 +17,22 @@
     <div class="l-navigation__actions">
       {% if request.user.is_authenticated %}
         <a href="/ludzie/polka/"><i class="icon icon-liked"></i></a>
+        <div id="user-menu">
+          <ul>
+            <li>
+              <a href="{% url 'user_settings' %}" tabindex="-1">
+                <strong>
+                  {{ request.user.username }}
+                </strong>
+              </a>
+            </li>
+            {% if request.user.is_staff %}
+              <li><a href="{% url 'admin:index' %}" tabindex="-1">Administracja</a></li>
+              <li><a class='edit-links-toggle' href="#" tabindex="-1">Edycja</a></li>
+            {% endif %}
+            <li><a href="{% url 'logout' %}?next={% block logout %}{{ request.get_full_path }}{% endblock %}" tabindex="-1">Wyloguj się</a></li>
+          </ul>
+        </div>
         <a href="{% url 'user_settings' %}" class="user">
           {% if request.user.is_staff %}
             <img src="{% static '2022/images/icons/user-staff.svg' %}">
@@ -28,9 +44,9 @@
         </a>
       {% else %}
         <div class="l-navigation__login">
-          <a href='...'>Zaloguj się</a>
+          <a id="login-link" href='{% url 'login' %}?next={{ request.path }}'>Zaloguj się</a>
           /
-          <a href='...'>Załóż konto</a>
+          <a href='{% url 'register' %}?next={{ request.path }}'>Załóż konto</a>
         </div>
       {% endif %}
       <button class="l-navigation__button js-menu" aria-label="Menu">
@@ -40,81 +56,73 @@
       </button>
     </div>
     <div class="l-navigation__menu">
-      <div class="l-container">
-        <div class="l-navigation__menu__links">
-          <ul>
-            <li><strong>Katalog</strong></li>
-            {% menu 'Katalog' %}
-          </ul>
-          <ul>
-            <li><strong>Włącz się</strong></li>
-            {% menu 'Włącz się' %}
-          </ul>
-          <ul>
-            <li><strong>Aktualności</strong></li>
-            {% cache 1800 latest_blog_posts %}
-              {% latest_blog_posts %}
+      <div class="scrollable">
+        <div class="l-container">
+          <div class="l-navigation__menu__links">
+            {% cache 30 menu LANGUAGE_CODE %}
+              <ul>
+                <li><strong>Katalog</strong></li>
+                {% menu 'Katalog' %}
+              </ul>
+              <ul>
+                <li><strong>Włącz się</strong></li>
+                {% menu 'Włącz się' %}
+              </ul>
+              <ul>
+                <li><strong>Aktualności</strong></li>
+                {% latest_blog_posts %}
+                {% menu 'Aktualności' %}
+              </ul>
+              <ul>
+                <li><strong>Narzędzia</strong></li>
+                {% menu 'Narzędzia' %}
+              </ul>
+              <ul>
+                <li><strong>O nas</strong></li>
+                {% menu 'O nas' %}
+              </ul>
             {% endcache %}
-            {% menu 'Aktualności' %}
-          </ul>
-          <ul>
-            <li><strong>Narzędzia</strong></li>
-            {% menu 'Narzędzia' %}
-          </ul>
-          <ul>
-            <li><strong>O nas</strong></li>
-            {% menu 'O nas' %}
-          </ul>
-        </div>
+          </div>
 
-        <div class="l-navigation__menu__info">
+          <div class="l-navigation__menu__info">
 
-          <div class="l-navigation__menu__book">
-            {% preview_ad %}
-          </div>
+            <div class="l-navigation__menu__book">
+              {% preview_ad %}
+            </div>
 
-          <div class="l-navigation__menu__social">
-            <ul>
-              <li>
-                <a href="https://www.facebook.com/wolnelektury/"
-                   title="Facebook" tabindex="-1" target="_blank">
-                  <i class="icon icon-fb" aria-hidden="true"></i>
-                </a>
-              </li>
-              <li>
-                <a href="https://www.youtube.com/c/WolneLekturyYT/"
-                   title="YouTube" tabindex="-1" target="_blank">
-                  <i class="icon icon-yt" aria-hidden="true"></i>
-                </a>
-              </li>
-              <li>
-                <a href="https://www.instagram.com/wolnelektury/"
-                   title="Instagram" tabindex="-1" target="_blank">
-                  <i class="icon icon-ig" aria-hidden="true"></i>
-                </a>
-              </li>
-              <li>
-                <a href="https://twitter.com/wolnelektury"
-                   title="Twitter" tabindex="-1" target="_blank">
-                  <i class="icon icon-tt" aria-hidden="true"></i>
-                </a>
+            <div class="l-navigation__menu__social">
+              <ul>
+                <li>
+                  <a href="https://www.facebook.com/wolnelektury/"
+                     title="Facebook" tabindex="-1" target="_blank">
+                    <i class="icon icon-fb" aria-hidden="true"></i>
+                  </a>
+                </li>
+                <li>
+                  <a href="https://www.youtube.com/c/WolneLekturyYT/"
+                     title="YouTube" tabindex="-1" target="_blank">
+                    <i class="icon icon-yt" aria-hidden="true"></i>
+                  </a>
+                </li>
+                <li>
+                  <a href="https://www.instagram.com/wolnelektury/"
+                     title="Instagram" tabindex="-1" target="_blank">
+                    <i class="icon icon-ig" aria-hidden="true"></i>
+                  </a>
+                </li>
+                <li>
+                  <a href="https://twitter.com/wolnelektury"
+                     title="Twitter" tabindex="-1" target="_blank">
+                    <i class="icon icon-tt" aria-hidden="true"></i>
+                  </a>
               </li>
             </ul>
           </div>
         </div>
+        </div>
       </div>
     </div>
   </div>
 </nav>
 
-<div class="l-container l-change-pop">
-  <h3>Zmieniamy się!</h3>
-  <p>
-    Jeżeli to czytasz jesteś jedną z osób, której prezentujemy nowy wygląd części stron.
-    Będziemy bardzo! wdzięczni za Twoją opinię – <a href='/formularz/ux-strona-ksiazki-T1/' target="_blank">możesz nam ją przesłać tutaj</a>.
-    Jeżeli wolisz klasyczny wygląd - wystarczy, że <a class="quit-experiment" href="#">klikniesz tutaj</a>
-  </p>
-  <!-- button class="l-change-pop__close">
-       <i class="icon icon-close"></i>
-       </button -->
-</div>
+{% block under-menu %}{% endblock %}