nav-top.html 1.89 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

        <ul class="navbar-nav ml-auto">
felix.herrmann's avatar
felix.herrmann committed
19
20
21
22
23
24
25
            <li class="nav-item">
                <a class="nav-link" href="#">{% trans "About" %}</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">{% trans "Contact" %}</a>
            </li>

26
            {% if request.user.is_authenticated %}
27
            <li class="nav-item">
28
                <a class="nav-link" href="{% url 'shibboleth:logout' %}">{% trans "Sign Out" %}</a>
29
30
            </li>
            {% else %}
31
            <li class="nav-item">
32
                <a id="log-in-link" class="nav-link" href="{% url 'shibboleth:login' %}">{% trans "Sign In" %}</a>
33
34
35
            </li>
            {% endif %}
        </ul>
36
    </div>
37
</nav>