New layout fixes.

[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 ed97154..47db25d 100644 (file)
--- a/src/wolnelektury/templates/2022/header.html
+++ b/src/wolnelektury/templates/2022/header.html
@@ -1,17 +1,10 @@
+{% load cache %}
 {% load static %}
+{% load menu %}
+{% load latest_blog_posts from blog %}
+{% load preview_ad from catalogue_tags %}
 
 <nav class="l-navigation">
-  <div class="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>
   <div class="l-container">
     <a href="/" class="l-navigation__logo">
       <img src="{% static "2022/images/logo.svg" %}" alt="WolneLektury.pl">
@@ -22,12 +15,124 @@
       </form>
     </div>
     <div class="l-navigation__actions">
-      <a href="/ludzie/polka/"><i class="icon icon-liked"></i></a>
-      <!-- button class="l-navigation__button js-menu" aria-label="Menu">
-           <span class="c-hamburger">
-           <span class="bar"></span>
-           </span>
-           </button-->
+      {% 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' %}">
+          {% elif request.user %}
+            <img src="{% static '2022/images/icons/user-vip.svg' %}">
+          {% else %}
+            <img src="{% static '2022/images/icons/user.svg' %}">
+          {% endif %}
+        </a>
+      {% else %}
+        <div class="l-navigation__login">
+          <a href='{% url 'login' %}?next={{ request.path }}'>Zaloguj się</a>
+          /
+          <a href='{% url 'register' %}?next={{ request.path }}'>Załóż konto</a>
+        </div>
+      {% endif %}
+      <button class="l-navigation__button js-menu" aria-label="Menu">
+        <span class="c-hamburger">
+          <span class="bar"></span>
+        </span>
+      </button>
+    </div>
+    <div class="l-navigation__menu">
+      <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 %}
+          </div>
+
+          <div class="l-navigation__menu__info">
+
+            <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>
+              </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>