nav.html: add uikit, make work properly

This commit is contained in:
Seth Ladygo
2019-03-15 21:44:30 -07:00
parent 1098f190ac
commit a501bd08e4

View File

@ -1,23 +1,102 @@
{% load i18n %}
{% load account_tags %}
{% load lazysignup_tags %}
{% load staticfiles i18n account_tags lazysignup_tags nav_extras %}
<div>
NAV for "{{ user }}" in app "{{ request.current_app }}"
</div>
<p>
user: {% user_display request.user %}
</p>
<div>
{% if user.is_anonymous %}
Hello anonymous guest!
<a href="{% url 'account_login' %}">{% trans "Log in" %}</a>
{% elif user|is_lazy_user %}
Hello guest!<br/>
<a href="{% url 'lazysignup_convert' %}">{% trans "Create an account" %}</a><br/>
<a href="{% url 'account_logout' %}">{% trans "Log out" %}</a>
{% else %}
{% blocktrans %}Hello {{ user }}!{% endblocktrans %}
<a href="{% url 'account_logout' %}">{% trans "Log out" %}</a>
<nav class="uk-navbar-container" uk-navbar>
<div class="uk-navbar-left">
<ul class="uk-navbar-nav">
<li><a href="{% url 'home' %}"><img src="{% static 'img/keen_logo.svg' %}" width="90"/></a></li>
</ul>
</div>
{# no tools links if not logged in #}
{% if not user.is_anonymous %}
<div class="uk-navbar-center">
<ul class="uk-navbar-nav">
<li class="{% if_in_app 'dashboard' 'uk-active' %}">
<a href="{% url 'home' %}">{% trans "Dashboard" %}</a>
</li>
<li class="uk-parent{% if_in_app 'cataloglist' ' uk-active' %}">
<a href="{% url 'home' %}">{% trans "Catalogs" %}</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="{% url 'home' %}">New catalog</a></li>
<li><a href="{% url 'home' %}">Catalog list</a></li>
</ul>
</div>
</li>
<li class="uk-parent{% if_in_app 'imagetools' ' uk-active' %}">
<a href="{% url 'home' %}">{% trans "Images" %}</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="{% url 'home' %}">Image downloader</a></li>
{% if not user|is_lazy_user %}
<li><a href="{% url 'home' %}">Image uploader</a></li>
<li><a href="{% url 'home' %}">Image manager</a></li>
{% endif %}
</div>
</ul>
</div>
</li>
{% if not user|is_lazy_user %}
<li class="uk-parent{% if_in_app 'tools' ' uk-active' %}">
<a href="{% url 'home' %}">{% trans "Tools" %}</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="{% url 'home' %}">Region editor</a></li>
</ul>
</div>
</li>
{% endif %}
</ul>
</div>
{% endif %}
<div class="uk-navbar-right">
<ul class="uk-navbar-nav">
<li class="uk-parent">
<a href="{% url 'home' %}">{% trans "Support" %}</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="{% url 'home' %}">Email support</a></li>
</ul>
</div>
</li>
<li class="uk-parent">
<a href="#">{% username %}</a>
{% if user.is_anonymous %}
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="{% url 'account_login' %}">{% trans "Log in" %}</a></li>
<li><a href="{% url 'account_signup' %}">{% trans "Sign up" %}</a></li>
</ul>
</div>
{% elif user|is_lazy_user %}
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="{% url 'lazysignup_convert' %}">{% trans "Create account" %}</a></li>
<li><a href="{% url 'account_logout' %}">{% trans "Log out" %}</a></li>
</ul>
</div>
{% else %}
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="{% url 'account_settings' %}">{% trans "Profile" %}</a></li>
<li class="uk-nav-divider"></li>
<li><a href="{% url 'account_logout' %}">{% trans "Log out" %}</a></li>
</ul>
</div>
{% endif %}
</li>
</ul>
</div>
</nav>