nautobot 3.0.0a2__py3-none-any.whl → 3.0.0a3__py3-none-any.whl

nautobot/dcim/templates/dcim/location_retrieve.html

@@ -1,243 +1,2 @@
 {% extends 'generic/object_retrieve.html' %}
-{% load buttons %}
-{% load plugins %}
-{% load helpers %}
-{% load tz %}
-
-{% block content_left_page %}
-    <div class="card">
-        <div class="card-header">
-            <strong>Location</strong>
-        </div>
-        <table class="table table-hover card-body attr-table">
-            <tr>
-                <td>Location Type</td>
-                <td>{{ object.location_type|hyperlinked_object:"name" }}</td>
-            </tr>
-            <tr>
-                <td>Status</td>
-                <td>
-                    {{ object.status| hyperlinked_object_with_color }}
-                </td>
-            </tr>
-            <tr>
-                <td>Hierarchy</td>
-                <td>
-                    {% include 'dcim/inc/location_hierarchy.html' with location=object %}
-                </td>
-            </tr>
-            {% include 'inc/tenant_table_row.html' %}
-            <tr>
-                <td>Facility</td>
-                <td>{{ object.facility|placeholder }}</td>
-            </tr>
-            <tr>
-                <td>AS Number</td>
-                <td>{{ object.asn|placeholder }}</td>
-            </tr>
-            <tr>
-                <td>Time Zone</td>
-                <td>
-                    {% if object.time_zone %}
-                        {{ object.time_zone }} (UTC {{ object.time_zone|tzoffset }})<br />
-                        <small class="text-secondary">Local time: {% timezone object.time_zone %}{% now "SHORT_DATETIME_FORMAT" %}{% endtimezone %}</small>
-                    {% else %}
-                        <span class="text-secondary">&mdash;</span>
-                    {% endif %}
-                </td>
-            </tr>
-            <tr>
-                <td>Description</td>
-                <td>{{ object.description|placeholder }}</td>
-            </tr>
-            <tr>
-                <td>Children</td>
-                <td>
-                    {% if object.children.all %}
-                        <a href="{% url 'dcim:location_list' %}?parent={{ object.pk }}">{{ children_table.rows|length }}</a>
-                    {% else %}
-                        {{ None|placeholder }}
-                    {% endif %}
-                </td>
-            </tr>
-        </table>
-    </div>
-    <div class="card">
-        <div class="card-header">
-            <strong>Geographical Info</strong>
-        </div>
-        <table class="table table-hover card-body attr-table">
-            <tr>
-                <td>Physical Address</td>
-                <td>
-                    {% if object.physical_address %}
-                        <div class="float-end d-print-none">
-                            <a href="https://maps.google.com/?q={{ object.physical_address|urlencode }}" target="_blank" class="btn btn-primary btn-sm">
-                                <span class="mdi mdi-map-marker"></span> Map it
-                            </a>
-                        </div>
-                        <span>{{ object.physical_address|linebreaksbr }}</span>
-                    {% else %}
-                        <span class="text-secondary">&mdash;</span>
-                    {% endif %}
-                </td>
-            </tr>
-            <tr>
-                <td>Shipping Address</td>
-                <td>{{ object.shipping_address|linebreaksbr|placeholder }}</td>
-            </tr>
-            <tr>
-                <td>GPS Coordinates</td>
-                <td>
-                    {% if object.latitude and object.longitude %}
-                        <div class="float-end d-print-none">
-                            <a href="https://maps.google.com/?q={{ object.latitude }},{{ object.longitude }}" target="_blank" class="btn btn-primary btn-sm">
-                                <span class="mdi mdi-map-marker"></span> Map it
-                            </a>
-                        </div>
-                        <span>{{ object.latitude }}, {{ object.longitude }}</span>
-                    {% else %}
-                        <span class="text-secondary">&mdash;</span>
-                    {% endif %}
-                </td>
-            </tr>
-        </table>
-    </div>
-    {% if show_convert_to_contact_button %}
-        <div class="card">
-            <div class="card-header">
-                <strong>Contact Info</strong>
-            </div>
-            <table class="table table-hover card-body attr-table">
-                <tr>
-                    <td>Contact Name</td>
-                    <td>{{ object.contact_name|placeholder }}</td>
-                </tr>
-                <tr>
-                    <td>Contact Phone</td>
-                    <td>{{ object.contact_phone|hyperlinked_phone_number }}</td>
-                </tr>
-                <tr>
-                    <td>Contact E-Mail</td>
-                    <td>{{ object.contact_email|hyperlinked_email }}</td>
-                </tr>
-            </table>
-            {% if request.user|has_perms:contact_association_permission %}
-                {% with request.path|add:"?tab=contacts"|urlencode as return_url %}
-                    <div class="card-footer text-end d-print-none">
-                        <a href="{% url 'dcim:location_migrate_data_to_contact' pk=object.pk %}?return_url={{return_url}}" class="btn btn-primary btn-sm">
-                            <span class="mdi mdi-account-edit" aria-hidden="true"></span>
-                            Convert to contact/team record
-                        </a>
-                    </div>
-                {% endwith %}
-            {% endif %}
-        </div>
-    {% endif %}
-    <div class="card">
-        <div class="card-header">
-            <strong>Comments</strong>
-        </div>
-        <div class="card-body nb-rendered-markdown">
-            {% if object.comments %}
-                {{ object.comments|render_markdown }}
-            {% else %}
-                <span class="text-secondary">None</span>
-            {% endif %}
-        </div>
-    </div>
-{% endblock content_left_page %}
-
-{% block content_right_page %}
-    <div class="card">
-        <div class="card-header">
-            <strong>Stats</strong>
-        </div>
-        <div class="card-body row">
-            <div class="col-lg-4 text-center">
-                <h2><a href="{% url 'dcim:rack_list' %}?location={{ object.pk }}" class="btn {% if stats.rack_count %}btn-primary{% else %}btn-secondary{% endif %} btn-lg">{{ stats.rack_count }}</a></h2>
-                <p>Racks</p>
-            </div>
-            <div class="col-lg-4 text-center">
-                <h2><a href="{% url 'dcim:device_list' %}?location={{ object.pk }}" class="btn {% if stats.device_count %}btn-primary{% else %}btn-secondary{% endif %} btn-lg">{{ stats.device_count }}</a></h2>
-                <p>Devices</p>
-            </div>
-            <div class="col-lg-4 text-center">
-                <h2><a href="{% url 'ipam:prefix_list' %}?locations={{ object.pk }}" class="btn {% if stats.prefix_count %}btn-primary{% else %}btn-secondary{% endif %} btn-lg">{{ stats.prefix_count }}</a></h2>
-                <p>Prefixes</p>
-            </div>
-            <div class="col-lg-4 text-center">
-                <h2><a href="{% url 'ipam:vlan_list' %}?locations={{ object.pk }}" class="btn {% if stats.vlan_count %}btn-primary{% else %}btn-secondary{% endif %} btn-lg">{{ stats.vlan_count }}</a></h2>
-                <p>VLANs</p>
-            </div>
-            <div class="col-lg-4 text-center">
-                <h2><a href="{% url 'circuits:circuit_list' %}?location={{ object.pk }}" class="btn {% if stats.circuit_count %}btn-primary{% else %}btn-secondary{% endif %} btn-lg">{{ stats.circuit_count }}</a></h2>
-                <p>Circuits</p>
-            </div>
-            <div class="col-lg-4 text-center">
-                <h2><a href="{% url 'virtualization:virtualmachine_list' %}?location={{ object.pk }}" class="btn {% if stats.vm_count %}btn-primary{% else %}btn-secondary{% endif %} btn-lg">{{ stats.vm_count }}</a></h2>
-                <p>Virtual Machines</p>
-            </div>
-        </div>
-    </div>
-    <div class="card">
-        <div class="card-header">
-            <strong>Rack Groups</strong>
-        </div>
-        <table class="table table-hover card-body">
-            {% for rg in rack_groups %}
-                <tr>
-                    <td style="padding-left: {{ rg.tree_depth }}8px"><span class="mdi mdi-folder-open"></span> <a href="{{ rg.get_absolute_url }}">{{ rg }}</a></td>
-                    <td>{{ rg.rack_count }}</td>
-                    <td class="text-end d-print-none">
-                        <a href="{% url 'dcim:rack_elevation_list' %}?rack_group={{ rg.pk }}" class="btn btn-sm btn-primary" title="View elevations">
-                            <span class="mdi mdi-server"></span>
-                        </a>
-                    </td>
-                </tr>
-            {% endfor %}
-            <tr>
-                <td><span class="mdi mdi-folder-open"></span> All racks</td>
-                <td>{{ stats.rack_count }}</td>
-                <td class="text-end d-print-none">
-                    <a href="{% url 'dcim:rack_elevation_list' %}?location={{ object.pk }}" class="btn btn-sm btn-primary" title="View elevations">
-                        <span class="mdi mdi-server"></span>
-                    </a>
-                </td>
-            </tr>
-        </table>
-    </div>
-    <div class="card">
-        <div class="card-header">
-            <strong>Images</strong>
-        </div>
-        {% include 'inc/image_attachments.html' with images=object.images.all %}
-        {% if perms.extras.add_imageattachment %}
-            <div class="card-footer text-end d-print-none">
-                <a href="{% url 'dcim:location_add_image' object_id=object.pk %}" class="btn btn-primary btn-sm">
-                    <span class="mdi mdi-plus-thick" aria-hidden="true"></span>
-                    Attach an image
-                </a>
-            </div>
-        {% endif %}
-    </div>
-{% endblock content_right_page %}
-
-{% block content_full_width_page %}
-    {% if object.children.all %}
-        <div class="card">
-            <div class="card-header">
-                <strong>Children</strong>
-            </div>
-            {% include 'inc/table.html' with table=children_table %}
-            {% if perms.dcim.add_location %}
-                <div class="card-footer text-end d-print-none">
-                    <a href="{% url 'dcim:location_add' %}?parent={{ object.pk }}" class="btn btn-sm btn-primary">
-                        <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add child
-                    </a>
-                </div>
-            {% endif %}
-        </div>
-        {% include 'inc/paginator.html' with paginator=children_table.paginator page=children_table.page %}
-    {% endif %}
-{% endblock content_full_width_page %}
+{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/dcim/templates/dcim/module/base.html

@@ -4,34 +4,74 @@
 
 {% block extra_buttons %}
     {% if perms.dcim.change_module %}
-        <div class="btn-group">
+        <div class="dropdown d-inline-flex">
             <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add Components <span class="mdi mdi-chevron-down"></span>
             </button>
             <ul class="dropdown-menu">
                 {% if perms.dcim.add_consoleport %}
-                    <li><a href="{% url 'dcim:consoleport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_consoleports' pk=object.pk %}">Console Ports</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:consoleport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_consoleports' pk=object.pk %}">
+                            <span class="mdi mdi-console" aria-hidden="true"></span> Console Ports
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_consoleserverport %}
-                    <li><a href="{% url 'dcim:consoleserverport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_consoleserverports' pk=object.pk %}">Console Server Ports</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:consoleserverport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_consoleserverports' pk=object.pk %}">
+                            <span class="mdi mdi-console-network-outline" aria-hidden="true"></span> Console Server Ports
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_powerport %}
-                    <li><a href="{% url 'dcim:powerport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_powerports' pk=object.pk %}">Power Ports</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:powerport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_powerports' pk=object.pk %}">
+                            <span class="mdi mdi-power-plug-outline" aria-hidden="true"></span> Power Ports
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_poweroutlet %}
-                    <li><a href="{% url 'dcim:poweroutlet_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}">Power Outlets</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:poweroutlet_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}">
+                            <span class="mdi mdi-power-socket" aria-hidden="true"></span> Power Outlets
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_interface %}
-                    <li><a href="{% url 'dcim:interface_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_interfaces' pk=object.pk %}">Interfaces</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:interface_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_interfaces' pk=object.pk %}">
+                            <span class="mdi mdi-ethernet" aria-hidden="true"></span> Interfaces
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_frontport %}
-                    <li><a href="{% url 'dcim:frontport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_frontports' pk=object.pk %}">Front Ports</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:frontport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_frontports' pk=object.pk %}">
+                            <span class="mdi mdi-square-rounded-outline" aria-hidden="true"></span> Front Ports
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_rearport %}
-                    <li><a href="{% url 'dcim:rearport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_rearports' pk=object.pk %}">Rear Ports</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:rearport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_rearports' pk=object.pk %}">
+                            <span class="mdi mdi-square-rounded-outline" aria-hidden="true"></span> Rear Ports
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_modulebay %}
-                    <li><a href="{% url 'dcim:modulebay_add' %}?parent_module={{ object.pk }}&return_url={% url 'dcim:module_modulebays' pk=object.pk %}">Module Bays</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:modulebay_add' %}?parent_module={{ object.pk }}&return_url={% url 'dcim:module_modulebays' pk=object.pk %}">
+                            <span class="mdi mdi-tray" aria-hidden="true"></span> Module Bays
+                        </a>
+                    </li>
                 {% endif %}
             </ul>
         </div>

nautobot/dcim/templates/dcim/module_list.html

@@ -2,18 +2,67 @@
 
 {% block bulk_buttons %}
     {% if perms.dcim.change_module %}
-        <div class="btn-group dropup">
+        <div class="dropdown dropup d-inline-flex">
             <button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="module-bulk-add-components-button">
                 <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add Components <span class="mdi mdi-chevron-down"></span>
             </button>
             <ul class="dropdown-menu">
-                {% if perms.dcim.add_consoleport %}<li><a href="{% url 'dcim:module_bulk_add_consoleport' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="formaction">Console Ports</a></li>{% endif %}
-                {% if perms.dcim.add_consoleserverport %}<li><a href="{% url 'dcim:module_bulk_add_consoleserverport' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="formaction">Console Server Ports</a></li>{% endif %}
-                {% if perms.dcim.add_powerport %}<li><a href="{% url 'dcim:module_bulk_add_powerport' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="formaction">Power Ports</a></li>{% endif %}
-                {% if perms.dcim.add_poweroutlet %}<li><a href="{% url 'dcim:module_bulk_add_poweroutlet' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="formaction">Power Outlets</a></li>{% endif %}
-                {% if perms.dcim.add_interface %}<li><a href="{% url 'dcim:module_bulk_add_interface' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="formaction">Interfaces</a></li>{% endif %}
-                {% if perms.dcim.add_rearport %}<li><a href="{% url 'dcim:module_bulk_add_rearport' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="formaction">Rear Ports</a></li>{% endif %}
-                {% if perms.dcim.add_modulebay %}<li><a href="{% url 'dcim:module_bulk_add_modulebay' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}" class="formaction">Module Bays</a></li>{% endif %}
+                {% if perms.dcim.add_consoleport %}
+                    <li>
+                        <a href="{% url 'dcim:module_bulk_add_consoleport' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}"
+                           class="dropdown-item formaction">
+                            <span class="mdi mdi-console" aria-hidden="true"></span> Console Ports
+                        </a>
+                    </li>
+                {% endif %}
+                {% if perms.dcim.add_consoleserverport %}
+                    <li>
+                        <a href="{% url 'dcim:module_bulk_add_consoleserverport' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}"
+                           class="dropdown-item formaction">
+                            <span class="mdi mdi-console-network-outline" aria-hidden="true"></span> Console Server Ports
+                        </a>
+                    </li>
+                {% endif %}
+                {% if perms.dcim.add_powerport %}
+                    <li>
+                        <a href="{% url 'dcim:module_bulk_add_powerport' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}"
+                           class="dropdown-item formaction">
+                            <span class="mdi mdi-power-plug-outline" aria-hidden="true"></span> Power Ports
+                        </a>
+                    </li>
+                {% endif %}
+                {% if perms.dcim.add_poweroutlet %}
+                    <li>
+                        <a href="{% url 'dcim:module_bulk_add_poweroutlet' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}"
+                           class="dropdown-item formaction">
+                            <span class="mdi mdi-power-socket" aria-hidden="true"></span> Power Outlets
+                        </a>
+                    </li>
+                {% endif %}
+                {% if perms.dcim.add_interface %}
+                    <li>
+                        <a href="{% url 'dcim:module_bulk_add_interface' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}"
+                           class="dropdown-item formaction">
+                            <span class="mdi mdi-ethernet" aria-hidden="true"></span> Interfaces
+                        </a>
+                    </li>
+                {% endif %}
+                {% if perms.dcim.add_rearport %}
+                    <li>
+                        <a href="{% url 'dcim:module_bulk_add_rearport' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}"
+                           class="dropdown-item formaction">
+                            <span class="mdi mdi-square-rounded-outline" aria-hidden="true"></span> Rear Ports
+                        </a>
+                    </li>
+                {% endif %}
+                {% if perms.dcim.add_modulebay %}
+                    <li>
+                        <a href="{% url 'dcim:module_bulk_add_modulebay' %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}"
+                           class="dropdown-item formaction">
+                            <span class="mdi mdi-tray" aria-hidden="true"></span> Module Bays
+                        </a>
+                    </li>
+                {% endif %}
             </ul>
         </div>
     {% endif %}

nautobot/dcim/templates/dcim/modulefamily_retrieve.html

@@ -1,4 +1,4 @@
-{% extends 'generic/object_detail.html' %}
+{% extends 'generic/object_retrieve.html' %}
 {% load helpers %}
 
 {% block content_left_page %}

nautobot/dcim/templates/dcim/moduletype_retrieve.html

@@ -4,34 +4,74 @@
 
 {% block extra_buttons %}
     {% if perms.dcim.change_moduletype %}
-        <div class="btn-group">
+        <div class="dropdown d-inline-flex">
             <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="module-type-add-components-button">
                 <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add Components <span class="mdi mdi-chevron-down"></span>
             </button>
             <ul class="dropdown-menu">
                 {% if perms.dcim.add_consoleporttemplate %}
-                    <li><a href="{% url 'dcim:consoleporttemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=consoleports">Console Ports</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:consoleporttemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=consoleports">
+                            <span class="mdi mdi-console" aria-hidden="true"></span> Console Ports
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_consoleserverporttemplate %}
-                    <li><a href="{% url 'dcim:consoleserverporttemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=consoleserverports">Console Server Ports</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:consoleserverporttemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=consoleserverports">
+                            <span class="mdi mdi-console-network-outline" aria-hidden="true"></span>Console Server Ports
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_powerporttemplate %}
-                    <li><a href="{% url 'dcim:powerporttemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=powerports">Power Ports</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:powerporttemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=powerports">
+                            <span class="mdi mdi-power-plug-outline" aria-hidden="true"></span> Power Ports
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_poweroutlettemplate %}
-                    <li><a href="{% url 'dcim:poweroutlettemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=poweroutlets">Power Outlets</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:poweroutlettemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=poweroutlets">
+                            <span class="mdi mdi-power-socket" aria-hidden="true"></span> Power Outlets
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_interfacetemplate %}
-                    <li><a href="{% url 'dcim:interfacetemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=interfaces">Interfaces</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:interfacetemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=interfaces">
+                            <span class="mdi mdi-ethernet" aria-hidden="true"></span> Interfaces
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_frontporttemplate %}
-                    <li><a href="{% url 'dcim:frontporttemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=frontports">Front Ports</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:frontporttemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=frontports">
+                            <span class="mdi mdi-square-rounded-outline" aria-hidden="true"></span> Front Ports
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_rearporttemplate %}
-                    <li><a href="{% url 'dcim:rearporttemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=rearports">Rear Ports</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:rearporttemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=rearports">
+                            <span class="mdi mdi-square-rounded-outline" aria-hidden="true"></span> Rear Ports
+                        </a>
+                    </li>
                 {% endif %}
                 {% if perms.dcim.add_modulebaytemplate %}
-                    <li><a href="{% url 'dcim:modulebaytemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=modulebays">Module Bays</a></li>
+                    <li>
+                        <a class="dropdown-item"
+                           href="{% url 'dcim:modulebaytemplate_add' %}?module_type={{ object.pk }}&return_url={{ object.get_absolute_url }}%3Ftab=modulebays">
+                            <span class="mdi mdi-tray" aria-hidden="true"></span> Module Bays
+                        </a>
+                    </li>
                 {% endif %}
             </ul>
         </div>

nautobot/dcim/templates/dcim/platform_create.html

@@ -32,7 +32,7 @@
         <div class="modal-dialog" role="document">
             <div class="modal-content">
                 <div class="modal-header">
-                    <h4 class="modal-title"><code>Network driver</code> Choices</h4>
+                    <h4 class="modal-title">Network Driver Choices</h4>
                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                 </div>
                 <div class="modal-body">

nautobot/dcim/templates/dcim/powerfeed.html

@@ -1,2 +1,2 @@
-{% extends 'dcim/powerfeed_retrieve.html' %}
+{% extends 'generic/object_retrieve.html' %}
 {% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/dcim/templates/dcim/powerpanel.html

@@ -1,2 +1,2 @@
-{% extends 'dcim/powerpanel_retrieve.html' %}
+{% extends 'generic/object_retrieve.html' %}
 {% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/dcim/templates/dcim/powerport.html

@@ -99,12 +99,13 @@
                 Not connected
                 {% if perms.dcim.add_cable %}
                     <span class="dropdown float-end">
-                        <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        {# comment The "fixed" strategy allows the dropdown to break out of the containing card #}
+                        <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-bs-popper-config='{"strategy": "fixed"}'>
                             <span class="mdi mdi-ethernet-cable" aria-hidden="true"></span> Connect
                         </button>
-                        <ul class="dropdown-menu dropdown-menu-right">
-                            <li><a href="{% url 'dcim:powerport_connect' termination_a_id=object.pk termination_b_type='power-outlet' %}?return_url={{ object.get_absolute_url }}">Power Outlet</a></li>
-                            <li><a href="{% url 'dcim:powerport_connect' termination_a_id=object.pk termination_b_type='power-feed' %}?return_url={{ object.get_absolute_url }}">Power Feed</a></li>
+                        <ul class="dropdown-menu dropdown-menu-end">
+                            <li><a class="dropdown-item" href="{% url 'dcim:powerport_connect' termination_a_id=object.pk termination_b_type='power-outlet' %}?return_url={{ object.get_absolute_url }}">Power Outlet</a></li>
+                            <li><a class="dropdown-item" href="{% url 'dcim:powerport_connect' termination_a_id=object.pk termination_b_type='power-feed' %}?return_url={{ object.get_absolute_url }}">Power Feed</a></li>
                         </ul>
                     </span>
                 {% endif %}

nautobot/dcim/templates/dcim/rack_elevation_list.html

@@ -10,12 +10,24 @@
         <span class="mdi mdi-checkbox-marked-circle-outline" aria-hidden="true"></span> Show Images
     </button>
     <div class="btn-group" role="group">
-        <a href="{% url 'dcim:rack_elevation_list' %}{% legacy_querystring request face='front' %}" class="btn btn-secondary{% if rack_face == 'front' %} active{% endif %}">Front</a>
-        <a href="{% url 'dcim:rack_elevation_list' %}{% legacy_querystring request face='rear' %}" class="btn btn-secondary{% if rack_face == 'rear' %} active{% endif %}">Rear</a>
+        <a href="{% django_querystring face='front' %}"
+           class="btn btn-primary{% if rack_face == 'front' %} bg-primary nb-text-body-bg{% endif %}">
+            <span class="mdi mdi-flip-to-front"></span> Front
+        </a>
+        <a href="{% django_querystring face='rear' %}"
+           class="btn btn-primary{% if rack_face == 'rear' %} bg-primary nb-text-body-bg{% endif %}">
+            <span class="mdi mdi-flip-to-back"></span> Rear
+        </a>
     </div>
     <div class="btn-group" role="group">
-        <a href="{% url 'dcim:rack_elevation_list' %}{% legacy_querystring request reverse=None %}" class="btn btn-secondary{% if not reverse %} active{% endif %}">Normal</a>
-        <a href="{% url 'dcim:rack_elevation_list' %}{% legacy_querystring request reverse='true' %}" class="btn btn-secondary{% if reverse %} active{% endif %}">Reversed</a>
+        <a href="{% django_querystring reverse=None %}"
+           class="btn btn-primary{% if not reverse %} bg-primary nb-text-body-bg{% endif %}">
+            <span class="mdi mdi-arrow-right"></span> Normal
+        </a>
+        <a href="{% django_querystring reverse='true' %}"
+           class="btn btn-primary{% if reverse %} bg-primary nb-text-body-bg{% endif %}">
+            <span class="mdi mdi-arrow-left"></span> Reversed
+        </a>
     </div>
 {% endblock %}