Simple navbar implemented

pull/2/head
mipel 3 years ago
parent cd4327deba
commit 629bf4230e

@ -0,0 +1,23 @@
/*
Declare some basic colours
*/
:root{
--rlp-red: #871d33;
--rlp-grey-dark: #8e8e8e;
--rlp-grey-light: #c6c6c6;
}
.nav{
background-color: var(--rlp-red);
height: 50px;
}
.menu-elem{
border-left: 1px solid white;
border-right: 1px solid white;
}
.nav-btn{
color: white;
}

@ -224,7 +224,7 @@ msgstr "Neues Ökokonto hinzufügen"
#: konova/settings.py:62
msgid "Edit eco account"
msgstr "Ökokonto"
msgstr "Ökokonto bearbeiten"
#: konova/settings.py:63
msgid "Delete eco account"

@ -1,22 +0,0 @@
{% load i18n %}
<div class="row">
<div class="small-12 columns menu-container">
<div class="mobile-menu">
<ul>
<li class="menu-trigger">
<button>{% trans 'Menu' %}</button>
</li>
</ul>
</div>
<ul class="dkd_mm_section_list" data-level="1">
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button>
<a href="{% url 'home' %}" target="_self" title="{% trans 'Home' %}">
{% trans 'Home' %}
</a>
</span>
</li>
</ul>
</div>
</div>

@ -1,128 +0,0 @@
{% load i18n %}
<div class="row">
<div class="small-12 columns menu-container">
<div class="mobile-menu">
<ul>
<li class="menu-trigger">
<button>{% trans 'Menu' %}</button>
</li>
</ul>
</div>
<ul class="dkd_mm_section_list" data-level="1">
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'home' %}" target="_self">{% trans 'Home' %}</a></span>
</li>
<li class="dkd_mm_entry dkd_mm_sub_link">
<span class="dkd_mm_link" role=button><a href="{% url 'process:index' %}" target="_self">{% trans 'Process' %}</a></span>
<ul class="dkd_mm_section_list" data-level="2">
<li class="dkd_mm_section_title">
<span class="dkd_mm_section_title_link">{% trans 'Process management' %}</span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'process:index' %}" target="_self">{% trans 'Show process' %}</a></span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'process:new' %}" target="_self">{% trans 'New process' %}</a></span>
</li>
</ul>
</li>
<li class="dkd_mm_entry dkd_mm_sub_link">
<span class="dkd_mm_link" role=button><a href="{% url 'intervention:index' %}" target="_self">{% trans 'Intervention' %}</a></span>
<ul class="dkd_mm_section_list" data-level="2">
<li class="dkd_mm_section_title">
<span class="dkd_mm_section_title_link">{% trans 'Intervention management' %}</span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'intervention:index' %}" target="_self">{% trans 'Show intervention' %}</a></span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'intervention:new' %}" target="_self">{% trans 'New intervention' %}</a></span>
</li>
</ul>
</li>
<li class="dkd_mm_entry dkd_mm_sub_link">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:index' %}" target="_self">{% trans 'Compensation' %}</a></span>
<ul class="dkd_mm_section_list" data-level="2">
<li class="dkd_mm_section_title">
<span class="dkd_mm_section_title_link">{% trans 'Compensation management' %}</span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:index' %}" target="_self">{% trans 'Show compensation' %}</a></span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:new' %}" target="_self">{% trans 'New compensation' %}</a></span>
</li>
</ul>
</li>
<li class="dkd_mm_entry dkd_mm_sub_link">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:account-index' %}" target="_self">{% trans 'Eco-account' %}</a></span>
<ul class="dkd_mm_section_list" data-level="2">
<li class="dkd_mm_section_title">
<span class="dkd_mm_section_title_link">{% trans 'Eco-account management' %}</span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:account-index' %}" target="_self">{% trans 'Show eco-accounts' %}</a></span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:account-new' %}" target="_self">{% trans 'New eco-account' %}</a></span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:account-index' %}" target="_self">{% trans 'Withdraw from eco-account' %}</a></span>
</li>
</ul>
</li>
<li class="dkd_mm_entry dkd_mm_sub_link">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:index' %}" target="_self">EMA Alte Rechtslage</a></span>
<ul class="dkd_mm_section_list" data-level="2">
<li class="dkd_mm_section_title">
<span class="dkd_mm_section_title_link">Maßnahmen aus Ersatzzahlungen - alte Rechtslage (EMA)</span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:index' %}" target="_self">{% trans 'Show actions' %}</a></span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:new' %}" target="_self">{% trans 'New action' %}</a></span>
</li>
</ul>
</li>
<li class="dkd_mm_entry dkd_mm_sub_link">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:index' %}" target="_self">{% trans 'Organization' %}</a></span>
<ul class="dkd_mm_section_list" data-level="2">
<li class="dkd_mm_section_title">
<span class="dkd_mm_section_title_link">{% trans 'Organization' %}</span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="" target="_self">{% trans 'Import / Export' %}</a></span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="" target="_self">{% trans 'Annual report' %}</a></span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="" target="_self">{% trans 'Settings' %}</a></span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{{ wiki_url }}" target="_blank">{% trans 'Help' %}</a></span>
</li>
</ul>
</li>
<li class="dkd_mm_entry dkd_mm_sub_link">
<span class="dkd_mm_link" role=button><a href="{% url 'compensation:index' %}" target="_self">{% trans 'User' %}: {{ user }}</a></span>
<ul class="dkd_mm_section_list" data-level="2">
<li class="dkd_mm_section_title">
<span class="dkd_mm_section_title_link">{% trans 'User' %}: {{ user }}</span>
</li>
<li class="dkd_mm_entry">
<span class="dkd_mm_link" role=button><a href="{% url 'logout' %}" target="_self">{% trans 'Logout' %}</a></span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="user-role">
{% trans 'You are currently working as ' %}
<strong>{{ current_role.type }} ({{ current_role.org }})</strong>
<a href="{% url 'home' %}">{% trans 'Change...' %}</a>
</div>

@ -1,5 +1,5 @@
<!DOCTYPE html>
{% load static i18n fontawesome_5 %}
{% load static i18n fontawesome_5 bootstrap4 %}
<html lang="{{ language }}">
<head>
<meta charset="UTF-8">
@ -7,89 +7,28 @@
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}
{% fontawesome_5_static %}
<link rel="stylesheet" href="{% static 'css/konova.css' %}">
{% block head %}
{% endblock %}
</head>
<body>
{% if render_header %}
<header class="header">
<div class="background-wrap gray-600">
<div class="row logo-search-area">
<div class="small-6 medium-4 columns">
<h3>{{ base_frontend_title }}</h3>
</div>
<div class="medium-4 columns hide-for-small-only"></div>
<div class="small-6 medium-4 columns last">
<a href="{% url 'home' %}">
<img class="logo" alt="{% trans 'Home' %}"
title="{% trans 'Home' %}"
src="{% static 'images/rlp-logos-MUEEF.png' %}"/>
<noscript>
<img title="rlp" alt="rlp-logo" src="{% static 'images/rlp-logos-MUEEF.png' %}" width="192" height="84" />
</noscript>
</a>
</div>
</div>
</div>
</header>
{% endif %}
<div class="body-content">
<nav class="main-menu static" role="navigation">
{% block navbar %}
{% if user.is_authenticated %}
{% include 'authenticated-user-navbar.html' %}
{% else %}
{% include 'anonymous-user-navbar.html' %}
{% endif %}
{% endblock %}
</nav>
<div class="row">
<div class="large-12 columns">
{% for message in messages %}
<div class="{{ message.tags }}">
{{ message }}
</div>
{% endfor %}
</div>
<header>
{% block header %}
{% include 'navbar.html' %}
{% endblock %}
</header>
<div class="container-fluid">
<div class="small-12 columns">
<div class="column" style="margin-top: 50px;">
{% block body %}
<div class="small-12 medium-3 columns">
{% block body_left %}
&nbsp;
{% endblock %}
</div>
<div class="small-12 medium-6 columns">
{% block body_middle %}
{% endblock %}
</div>
<div class="small-12 medium-3 columns">
{% block body_right %}
&nbsp;
{% endblock %}
</div>
{% endblock %}
</div>
</div>
</div>
</div>
<footer class="footer">
<footer>
{% block footer %}
<div class="background-wrap gray-500 line"></div>
<div class="row">
<div class="large-6 medium-6 columns">
<h2 class="h6">{% trans 'About this site' %}</h2>
<ul class="no-bullet">
<li><a href="" target="_self">Impressum</a></li>
<li><a href="" target="_self">{% trans 'Privacy policy' %}</a></li>
</ul>
</div>
</div>
{% endblock %}
</footer>
</body>

@ -0,0 +1,47 @@
{% load i18n fontawesome_5 %}
<nav class="nav">
<a class="nav-item" href="{% url 'home' %}">
<div class="btn nav-btn">
<h5>
{% trans 'KSP' %}
</h5>
</div>
</a>
<a class="nav-item menu-elem" href="{% url 'home' %}">
<div class="btn nav-btn">
{% fa5_icon 'pencil-ruler' %}
{% trans 'Intervention' %}
</div>
</a>
<a class="nav-item menu-elem" href="{% url 'home' %}">
<div class="btn nav-btn">
{% fa5_icon 'leaf' %}
{% trans 'Compensation' %}
</div>
</a>
<a class="nav-item menu-elem" href="{% url 'home' %}">
<div class="btn nav-btn">
{% fa5_icon 'tree' %}
{% trans 'Eco-account' %}
</div>
</a>
<a class="nav-item menu-elem dropdown" href="{% url 'home' %}">
<div class="btn nav-btn" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
{% fa5_icon 'ellipsis-v' %}
{% trans 'More' %}
</div>
<div class="dropdown-menu">
<div class="dropdown-item">{% fa5_icon 'euro-sign' %} {% trans 'EMA' %}</div>
<div class="dropdown-item">{% fa5_icon 'file-import' %} {% trans 'Import...' %}</div>
<div class="dropdown-item">{% fa5_icon 'file-export' %} {% trans 'Export...' %}</div>
<div class="dropdown-item">{% fa5_icon 'file-alt' %} {% trans 'Reports' %}</div>
</div>
</a>
<a class="nav-item " href="{% url 'home' %}">
<div class="btn nav-btn">
{% fa5_icon 'user-circle' %}
{{ user.username }}
</div>
</a>
</nav>
Loading…
Cancel
Save