70 lines
3.8 KiB
HTML
70 lines
3.8 KiB
HTML
{% load static %}
|
|
<aside class="sidenav bg-white navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-4 " id="sidenav-main">
|
|
<div class="sidenav-header ">
|
|
<i class="fas fa-times p-3 cursor-pointer text-secondary opacity-5 position-absolute end-0 top-0 d-none d-xl-none" aria-hidden="true" id="iconSidenav"></i>
|
|
<a class="navbar-brand" href="{% url 'index' %}">
|
|
<img src="{% static 'img/logos/logo-black-no-border.png' %}" class="navbar-brand-img text-center me-2 d-flex align-items-center justify-content-center ms-3" alt="main_logo">
|
|
</a>
|
|
</div>
|
|
<hr class="horizontal dark mt-5">
|
|
<div class="collapse navbar-collapse w-auto " id="sidenav-collapse-main">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if 'index' in segment %} active {% endif %}" href="{% url 'index' %}">
|
|
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
|
<span class="material-icons opacity-10">home</span>
|
|
</div>
|
|
<span class="nav-link-text ms-1">Dashboard</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if 'profile' in segment %} active {% endif %}" href="{% url 'profile' %}">
|
|
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
|
<span class="material-icons opacity-10">manage_accounts</span>
|
|
</div>
|
|
<span class="nav-link-text ms-1">Profile</span>
|
|
</a>
|
|
</li>
|
|
{% if user.is_staff %}
|
|
<li class="nav-item mt-3">
|
|
<h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-6">Management</h6>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if 'add_employee' in segment %} active {% endif %}" href="{% url 'manager:add_employee' %}">
|
|
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
|
<span class="material-icons opacity-10">person_add</span>
|
|
</div>
|
|
<span class="nav-link-text ms-1">Add Employee</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if 'edit_employee' in segment %} active {% endif %}" href="{% url 'manager:select_employee' %}">
|
|
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
|
<span class="material-icons opacity-10">supervised_user_circle</span>
|
|
</div>
|
|
<span class="nav-link-text ms-1">Edit Employee</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if 'company' in segment %} active {% endif %}" href="{% url 'manager:company' %}">
|
|
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
|
<span class="material-icons opacity-10">domain</span>
|
|
</div>
|
|
<span class="nav-link-text ms-1">Company Editor</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if 'department' in segment %} active {% endif %}" href="{% url 'manager:select_department' %}">
|
|
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
|
|
<span class="material-icons opacity-10">work</span>
|
|
</div>
|
|
<span class="nav-link-text ms-1">Department Editor</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
<div class="sidenav-footer mx-3">
|
|
<a href="{% url 'accounts:logout' %}" class="btn btn-dark btn-sm w-100 mb-0">Sign Out</a>
|
|
</div>
|
|
</aside> |