X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/06175c1d644d5a6f3093c945f18d6b3c33cc8d46..150c16b9cecccacdbf17360d334fc618172f4179:/src/wolnelektury/templates/2022/header.html diff --git a/src/wolnelektury/templates/2022/header.html b/src/wolnelektury/templates/2022/header.html index ed971540b..6c7ff1185 100644 --- 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,114 @@ </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> + +{% block under-menu %}{% endblock %}