Intial. 2 ways the racknavigation displayed

This commit is contained in:
Pieter Lambrecht 2023-02-17 14:59:39 +01:00
parent a4d8169df8
commit 75098a28b6
2 changed files with 41 additions and 6 deletions

View File

@ -738,6 +738,7 @@ class RackView(generic.ObjectView):
'next_rack': next_rack, 'next_rack': next_rack,
'prev_rack': prev_rack, 'prev_rack': prev_rack,
'svg_extra': svg_extra, 'svg_extra': svg_extra,
'peer_racks': peer_racks,
} }

View File

@ -18,12 +18,46 @@
{% endblock %} {% endblock %}
{% block extra_controls %} {% block extra_controls %}
<a {% if prev_rack %}href="{% url 'dcim:rack' pk=prev_rack.pk %}{% endif %}" class="btn btn-sm btn-primary{% if not prev_rack %} disabled{% endif %}"> <div class="btn-group" role="group" aria-label="RackNavigation">
<i class="mdi mdi-chevron-left" aria-hidden="true"></i> Previous {% if prev_rack %}
</a> <a href="{% url 'dcim:rack' pk=prev_rack.pk %}" class="btn btn-sm btn-primary">
<a {% if next_rack %}href="{% url 'dcim:rack' pk=next_rack.pk %}{% endif %}" class="btn btn-sm btn-primary{% if not next_rack %} disabled{% endif %}"> <i class="mdi mdi-chevron-left" aria-hidden="true"></i> {{ prev_rack }}
<i class="mdi mdi-chevron-right" aria-hidden="true"></i> Next </a>
</a> {% else %}
<button class="btn btn-sm btn-primary">First</button>
{% endif %}
{% if peer_racks %}
<div class="btn-group" role="group">
<button class="btn btn-sm btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">{{ object }}</button>
<ul class="dropdown-menu">
{% for peer_rack in peer_racks %}
<li><a class="dropdown-item" href="{% url 'dcim:rack' pk=peer_rack.pk %}">{{ peer_rack }}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if next_rack %}
<a href="{% url 'dcim:rack' pk=next_rack.pk %}" class="btn btn-sm btn-primary">
<i class="mdi mdi-chevron-right" aria-hidden="true"></i> {{ next_rack }}
</a>
{% else %}
<button class="btn btn-sm btn-primary">Last</button>
{% endif %}
</div>
<div class="btn-group" role="group" aria-label="RackNavigation">
{% if peer_racks %}
<div class="btn-group" role="group">
{% for peer_rack in peer_racks %}
<a class="btn btn-sm btn-primary{% if peer_rack.pk == object.pk %} active{% endif %}" href="{% url 'dcim:rack' pk=peer_rack.pk %}">{{ peer_rack }}</a>
{% endfor %}
</div>
{% endif %}
</div>
{% endblock %} {% endblock %}
{% block content %} {% block content %}