Simple navbar implemented
This commit is contained in:
mipel
parent
ed35aea034
commit
76786312e9
23
konova/static/css/konova.css
Normal file
23
konova/static/css/konova.css
Normal file
@ -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>
|
||||
{% block header %}
|
||||
{% include 'navbar.html' %}
|
||||
{% endblock %}
|
||||
</header>
|
||||
{% endif %}
|
||||
<div class="body-content">
|
||||
<div class="container-fluid">
|
||||
|
||||
<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>
|
||||
|
||||
<div class="small-12 columns">
|
||||
<div class="column" style="margin-top: 50px;">
|
||||
{% block body %}
|
||||
<div class="small-12 medium-3 columns">
|
||||
{% block body_left %}
|
||||
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div class="small-12 medium-6 columns">
|
||||
{% block body_middle %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div class="small-12 medium-3 columns">
|
||||
{% block body_right %}
|
||||
|
||||
{% 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>
|
||||
|
||||
|
||||
|
||||
47
templates/navbar.html
Normal file
47
templates/navbar.html
Normal file
@ -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…
Reference in New Issue
Block a user