gnousdoteu-v3/apps/gnous_eu/templates/layouts/sidebar.html

{% load static %}
{% load i18n %}

<div id="offcanvas-nav" data-uk-offcanvas="flip: true; overlay: true;" class="uk-offcanvas" style="display: block">
    <div class="uk-offcanvas-bar uk-offcanvas-bar-animation uk-offcanvas-slide">
        <button class="uk-offcanvas-close uk-icon uk-close" aria-label="Close" type="button">
            <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" data-svg="close-icon">
                <line fill="none" stroke="#000" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"></line>
                <line fill="none" stroke="#000" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"></line>
            </svg>
        </button>

        <ul class="uk-nav uk-nav-default">
            <li>
                <a href="{% url 'gnous_eu:index' %}"
                   class="uk-text-bolder"
                        {% if request.resolver_match.url_name == 'index' %}
                   style="text-decoration: underline" {% endif %}>
                    <span class="uk-margin-small-right uk-icon" data-uk-icon="world"></span> {% trans "Accueil" %}
                </a>
            </li>
            <li>
                <a href="{% url 'gnous_eu:services' %}"
                   class="uk-text-bolder"
                        {% if request.resolver_match.url_name == 'services' %}
                   style="text-decoration: underline" {% endif %}>
                    <span class="uk-margin-small-right uk-icon" data-uk-icon="grid"></span> {% trans "Services" %}
                </a>
            </li>
            <li>
                <a href="{% url 'gnous_eu:about' %}"
                   class="uk-text-bolder"
                        {% if request.resolver_match.url_name == 'about' %}
                   style="text-decoration: underline" {% endif %}>
                    <span class="uk-margin-small-right uk-icon" data-uk-icon="info"></span> {% trans "À propos" %}
                </a>
                <a href="{% url 'gnous_eu:tips' %}"
                   class="uk-text-bolder"
                        {% if request.resolver_match.url_name == 'tips' %}
                   style="text-decoration: underline" {% endif %}>
                    <span class="uk-margin-small-right uk-icon" data-uk-icon="credit-card"></span> {% trans "Donner" %}
                </a>
            </li>
            <li class="uk-nav-divider"></li>
            <li>
                <div class="uk-flex-between uk-flex">
                    <div>
                        <form action="{% url 'set_language' %}" method="post" name="languageForm2">
                            {% csrf_token %}
                            {% get_current_language as LANGUAGE_CODE %}
                            {% if LANGUAGE_CODE == 'en' %}
                                <img src="{% static 'images/icons/fr.svg' %}" alt="en"
                                     onclick="window.document.languageForm2.submit()" width="18" height="18">
                                <input type="hidden" name="language" value="fr">
                            {% else %}
                                <img src="{% static 'images/icons/en.svg' %}" alt="fr"
                                     onclick="window.document.languageForm2.submit()" width="18" height="18">
                                <input type="hidden" name="language" value="en">
                            {% endif %}
                        </form>
                    </div>

                    <div>
                        <label class="uk-switch need-js" for="themeSwitcherSidebar">
                            <input type="checkbox" id="themeSwitcherSidebar" name="themeSidebar">
                            <span class="uk-switch-slider"></span>
                        </label>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>