nav-top.html 2.13 KB
Newer Older
1
{% load static i18n wagtailcore_tags 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
    <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">
7
        <span class="navbar-toggler-icon"></span>
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-ui" 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 search-button-top" 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"><span class="i-search-md"></span></button>
15
16
            </div>
        </div>
17
18

        <ul class="navbar-nav ml-auto">
19
            <li class="nav-item">
20
                <a class="nav-link" href="{% slugurl 'discuss-data-help' %}">{% trans "Help" %}</a>
21
            </li>
felix.herrmann's avatar
felix.herrmann committed
22
            <li class="nav-item">
23
                <a class="nav-link" href="{% url 'core.about_page' %}">{% trans "About" %}</a>
felix.herrmann's avatar
felix.herrmann committed
24
25
            </li>
            <li class="nav-item">
26
                <a class="nav-link" href="{% url 'core.contacts_page' %}">{% trans "Contact" %}</a>
felix.herrmann's avatar
felix.herrmann committed
27
28
            </li>

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