Simple navbar implemented
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;
|
||||
}
|
@ -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>
|
@ -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