From 12e1681d31054120452e3f223ba96de536b7ae84 Mon Sep 17 00:00:00 2001
From: jeremystretch <jstretch@ns1.com>
Date: Mon, 12 Jul 2021 14:56:00 -0400
Subject: [PATCH] Fix active tab display for prefixes

---
 netbox/templates/ipam/prefix/base.html | 27 +++++++++++++-------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/netbox/templates/ipam/prefix/base.html b/netbox/templates/ipam/prefix/base.html
index 59dd25a7e..9edeef167 100644
--- a/netbox/templates/ipam/prefix/base.html
+++ b/netbox/templates/ipam/prefix/base.html
@@ -17,22 +17,21 @@
 {% endblock %}
 
 {% block tab_items %}
-<li role="presentation" class="nav-item">
+  <li role="presentation" class="nav-item">
     <a class="nav-link{% if not active_tab %} active{% endif %}" href="{% url 'ipam:prefix' pk=object.pk %}">
-        Prefix
+      Prefix
     </a>
-</li>
-<li role="presentation" class="nav-item">
-    <a class="nav-link{% if active_tab %} active{% endif %}" href="{% url 'ipam:prefix_prefixes' pk=object.pk %}">
-        Child Prefixes <span class="badge bg-primary">{{ object.get_child_prefixes.count }}</span>
+  </li>
+  <li role="presentation" class="nav-item">
+    <a class="nav-link{% if active_tab == 'prefixes' %} active{% endif %}" href="{% url 'ipam:prefix_prefixes' pk=object.pk %}">
+      Child Prefixes <span class="badge bg-primary">{{ object.get_child_prefixes.count }}</span>
     </a>
-</li>
-{% if perms.ipam.view_ipaddress and object.status != 'container' %}
-<li role="presentation" class="nav-item">
-    <a class="nav-link{% if active_tab %} active{% endif %}" href="{% url 'ipam:prefix_ipaddresses' pk=object.pk %}">
+  </li>
+  {% if perms.ipam.view_ipaddress and object.status != 'container' %}
+    <li role="presentation" class="nav-item">
+      <a class="nav-link{% if active_tab == 'ip-addresses' %} active{% endif %}" href="{% url 'ipam:prefix_ipaddresses' pk=object.pk %}">
         IP Addresses <span class="badge bg-primary">{{ object.get_child_ips.count }}</span>
-    </a>
-</li>
-{% endif %}
-
+      </a>
+    </li>
+  {% endif %}
 {% endblock %}