mirror/netbox-community-netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2024-05-10 07:54:54 +00:00
Code Activity

Refactor navigation menu

Browse Source
This commit is contained in:
jeremystretch
2021-07-22 08:57:16 -04:00
parent 03b20b00b4
commit 6b09c139e7
3 changed files with 285 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
netbox/utilities/templates/navigation/nav_items.html
View File

@@ -1,3 +1,5 @@
{% load helpers %}
<div id="sidenav-accordion" class="accordion accordion-flush nav-item">
{% for menu in nav_items %}
@@ -11,7 +13,7 @@
data-bs-target="#{{ menu.label|lower }}"
class="d-flex justify-content-between align-items-center accordion-button nav-link collapsed">
<span class="fw-bold sidebar-nav-link">
<i class="mdi mdi-{{ menu.icon }} me-1 opacity-50"></i>
<i class="{{ menu.icon_class }} me-1 opacity-50"></i>
{{ menu.label }}
</span>
</a>
@@ -23,33 +25,57 @@
{# Within each main menu, there are groups of menu items #}
<div class="flex-column nav">
{% if menu.groups|length > 1 %}
<h6 class="accordion-item-title">{{ group.label }}</h6>
{% endif %}
<h6 class="accordion-item-title">{{ group.label }}</h6>
{% for item in group.items %}
{# Each Menu Item #}
<div class="nav-item d-flex justify-content-between align-items-center">
{# Menu Link with Text #}
<a class="nav-link flex-grow-1" href="{% url item.url %}">
{{ item.label }}
</a>
{# Add & Import Buttons #}
{% if item.has_add or item.has_import %}
<div class="btn-group ps-1">
{% if item.has_add %}
<a class="btn btn-sm btn-success lh-1" href="{% url item.add_url %}" title="Add {{ item.label }}">
<i class="mdi mdi-plus-thick"></i>
</a>
{% endif %}
{% if item.has_import %}
<a class="btn btn-sm btn-outline-success lh-1" href="{% url item.import_url %}" title="Import {{ item.label }}">
<i class="mdi mdi-upload"></i>
</a>
{% endif %}
</div>
{% if request.user|has_perms:item.permissions %}
<a class="nav-link flex-grow-1" href="{% url item.link %}">
{{ item.link_text }}
</a>
{% if item.buttons %}
<div class="btn-group ps-1">
{% for button in item.buttons %}
{% if request.user|has_perms:button.permissions %}
<a class="btn btn-sm btn-{{ button.color }} lh-1" href="{% url button.link %}" title="{{ button.title }}">
<i class="{{ button.icon_class }}"></i>
</a>
{% endif %}
{% endfor %}
</div>
{% endif %}
{# Add & Import Buttons #}
{% if item.has_add or item.has_import %}
<div class="btn-group ps-1">
{% if item.has_add %}
<a class="btn btn-sm btn-success lh-1" href="{% url item.add_url %}" title="Add {{ item.label }}">
<i class="mdi mdi-plus-thick"></i>
</a>
{% endif %}
{% if item.has_import %}
<a class="btn btn-sm btn-outline-success lh-1" href="{% url item.import_url %}" title="Import {{ item.label }}">
<i class="mdi mdi-upload"></i>
</a>
{% endif %}
</div>
{% endif %}
{% else %}
<a class="nav-link flex-grow-1 disabled">
{{ item.link_text }}
</a>
{% endif %}
</div>