nav-top.html 1.65 KB
Newer Older
1
{% load static i18n compress%}
2
3

<nav class="navbar navbar-light fixed-top flex-md-nowrap p-0 border-bottom navbar-expand-sm" id="navbar-top">
4
    <a class="navbar-brand px-3" href="{% url 'core.landing_page' %}"><img class="navbar-logo" src="{% static 'images/logo-primary.svg' %}" /></a>
5

6
7
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon" />
8
9
10
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
11
        <div class="input-group w-25 mx-auto">
12
            <input class="form-control search-top search-data" type="text" {% if query %}value="{{ query }}" {% else %}placeholder="Search"{% endif %} name="q"  aria-label="Search">
13
            <div class="input-group-append">
14
                <button class="input-group-text" type="button" ic-include=".search-data" ic-push-url="true" ic-push-params="q,countries,categories" ic-get-from="{% url 'ddusers:search' %}" ic-target="#content"><i class="fas fa-search"></i></button>
15
16
            </div>
        </div>
17
18
19

        <ul class="navbar-nav ml-auto">
            {% if request.user.is_authenticated %}
20
            <li class="nav-item">
21
                <a class="nav-link" href="{% url 'shibboleth:logout' %}">{% trans "Sign Out" %}</a>
22
23
            </li>
            {% else %}
24
            <li class="nav-item">
25
                <a id="log-in-link" class="nav-link" href="{% url 'shibboleth:login' %}">{% trans "Sign In" %}</a>
26
27
28
            </li>
            {% endif %}
        </ul>
29
    </div>
30
</nav>