nautobot 2.4.21__py3-none-any.whl → 3.0.0a3__py3-none-any.whl

nautobot/dcim/templates/dcim/module_poweroutlets.html

@@ -2,39 +2,38 @@
 {% load helpers %}
 {% load static %}
 
+{% block drawer %}
+    {% table_config_form poweroutlet_table %}
+{% endblock %}
+
 {% block content %}
     <form method="post">
         {% csrf_token %}
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="card">
+            <div class="card-header">
                 <strong>Power Outlets</strong>
-                <div class="pull-right noprint">
-                    {% if request.user.is_authenticated %}
-                        {% table_config_button_small poweroutlet_table %}
-                    {% endif %}
-                </div>
             </div>
             {% include 'responsive_table.html' with table=poweroutlet_table %}
-            <div class="panel-footer noprint">
+            <div class="card-footer d-print-none">
                 {% if perms.dcim.change_poweroutlet %}
-                    <button type="submit" name="_rename" formaction="{% url 'dcim:poweroutlet_bulk_rename' %}?return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}" class="btn btn-warning btn-xs">
+                    <button type="submit" name="_rename" formaction="{% url 'dcim:poweroutlet_bulk_rename' %}?return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}" class="btn btn-warning btn-sm">
                         <span class="mdi mdi-pencil" aria-hidden="true"></span> Rename
                     </button>
-                    <button type="submit" name="_edit" formaction="{% url 'dcim:poweroutlet_bulk_edit' %}?module={{ object.pk }}&return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}" class="btn btn-warning btn-xs">
+                    <button type="submit" name="_edit" formaction="{% url 'dcim:poweroutlet_bulk_edit' %}?module={{ object.pk }}&return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}" class="btn btn-warning btn-sm">
                         <span class="mdi mdi-pencil" aria-hidden="true"></span> Edit
                     </button>
-                    <button type="submit" name="_disconnect" formaction="{% url 'dcim:poweroutlet_bulk_disconnect' %}?return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}" class="btn btn-danger btn-xs">
+                    <button type="submit" name="_disconnect" formaction="{% url 'dcim:poweroutlet_bulk_disconnect' %}?return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}" class="btn btn-danger btn-sm">
                         <span class="mdi mdi-ethernet-cable-off" aria-hidden="true"></span> Disconnect
                     </button>
                 {% endif %}
                 {% if perms.dcim.delete_poweroutlet %}
-                    <button type="submit" formaction="{% url 'dcim:poweroutlet_bulk_delete' %}?return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}" class="btn btn-danger btn-xs">
+                    <button type="submit" formaction="{% url 'dcim:poweroutlet_bulk_delete' %}?return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}" class="btn btn-danger btn-sm">
                         <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span> Delete
                     </button>
                 {% endif %}
                 {% if perms.dcim.add_poweroutlet %}
-                    <div class="pull-right">
-                        <a href="{% url 'dcim:poweroutlet_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}" class="btn btn-primary btn-xs">
+                    <div class="float-end">
+                        <a href="{% url 'dcim:poweroutlet_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_poweroutlets' pk=object.pk %}" class="btn btn-primary btn-sm">
                             <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add power outlets
                         </a>
                     </div>
@@ -43,7 +42,6 @@
             </div>
         </div>
     </form>
-    {% table_config_form poweroutlet_table %}
 {% endblock content %}
 
 {% block javascript %}

nautobot/dcim/templates/dcim/module_powerports.html

@@ -2,39 +2,38 @@
 {% load helpers %}
 {% load static %}
 
+{% block drawer %}
+    {% table_config_form powerport_table %}
+{% endblock %}
+
 {% block content %}
     <form method="post">
         {% csrf_token %}
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="card">
+            <div class="card-header">
                 <strong>Power Ports</strong>
-                <div class="pull-right noprint">
-                    {% if request.user.is_authenticated %}
-                        {% table_config_button_small powerport_table %}
-                    {% endif %}
-                </div>
             </div>
             {% include 'responsive_table.html' with table=powerport_table %}
-            <div class="panel-footer noprint">
+            <div class="card-footer d-print-none">
                 {% if perms.dcim.change_powerport %}
-                    <button type="submit" name="_rename" formaction="{% url 'dcim:powerport_bulk_rename' %}?return_url={% url 'dcim:module_powerports' pk=object.pk %}" class="btn btn-warning btn-xs">
+                    <button type="submit" name="_rename" formaction="{% url 'dcim:powerport_bulk_rename' %}?return_url={% url 'dcim:module_powerports' pk=object.pk %}" class="btn btn-warning btn-sm">
                         <span class="mdi mdi-pencil" aria-hidden="true"></span> Rename
                     </button>
-                    <button type="submit" name="_edit" formaction="{% url 'dcim:powerport_bulk_edit' %}?module={{ object.pk }}&return_url={% url 'dcim:module_powerports' pk=object.pk %}" class="btn btn-warning btn-xs">
+                    <button type="submit" name="_edit" formaction="{% url 'dcim:powerport_bulk_edit' %}?module={{ object.pk }}&return_url={% url 'dcim:module_powerports' pk=object.pk %}" class="btn btn-warning btn-sm">
                         <span class="mdi mdi-pencil" aria-hidden="true"></span> Edit
                     </button>
-                    <button type="submit" name="_disconnect" formaction="{% url 'dcim:powerport_bulk_disconnect' %}?return_url={% url 'dcim:module_powerports' pk=object.pk %}" class="btn btn-danger btn-xs">
+                    <button type="submit" name="_disconnect" formaction="{% url 'dcim:powerport_bulk_disconnect' %}?return_url={% url 'dcim:module_powerports' pk=object.pk %}" class="btn btn-danger btn-sm">
                         <span class="mdi mdi-ethernet-cable-off" aria-hidden="true"></span> Disconnect
                     </button>
                 {% endif %}
                 {% if perms.dcim.delete_powerport %}
-                    <button type="submit" name="_delete" formaction="{% url 'dcim:powerport_bulk_delete' %}?return_url={% url 'dcim:module_powerports' pk=object.pk %}" class="btn btn-danger btn-xs">
+                    <button type="submit" name="_delete" formaction="{% url 'dcim:powerport_bulk_delete' %}?return_url={% url 'dcim:module_powerports' pk=object.pk %}" class="btn btn-danger btn-sm">
                         <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span> Delete
                     </button>
                 {% endif %}
                 {% if perms.dcim.add_powerport %}
-                    <div class="pull-right">
-                        <a href="{% url 'dcim:powerport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_powerports' pk=object.pk %}" class="btn btn-xs btn-primary">
+                    <div class="float-end">
+                        <a href="{% url 'dcim:powerport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_powerports' pk=object.pk %}" class="btn btn-sm btn-primary">
                             <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add power port
                         </a>
                     </div>
@@ -43,7 +42,6 @@
             </div>
         </div>
     </form>
-    {% table_config_form powerport_table %}
 {% endblock content %}
 
 {% block javascript %}

nautobot/dcim/templates/dcim/module_rearports.html

@@ -2,39 +2,38 @@
 {% load helpers %}
 {% load static %}
 
+{% block drawer %}
+    {% table_config_form rearport_table %}
+{% endblock %}
+
 {% block content %}
     <form method="post">
         {% csrf_token %}
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="card">
+            <div class="card-header">
                 <strong>Rear Ports</strong>
-                <div class="pull-right noprint">
-                    {% if request.user.is_authenticated %}
-                        {% table_config_button_small rearport_table %}
-                    {% endif %}
-                </div>
             </div>
             {% include 'responsive_table.html' with table=rearport_table %}
-            <div class="panel-footer noprint">
+            <div class="card-footer d-print-none">
                 {% if perms.dcim.change_rearport %}
-                    <button type="submit" name="_rename" formaction="{% url 'dcim:rearport_bulk_rename' %}?return_url={% url 'dcim:module_rearports' pk=object.pk %}" class="btn btn-warning btn-xs">
+                    <button type="submit" name="_rename" formaction="{% url 'dcim:rearport_bulk_rename' %}?return_url={% url 'dcim:module_rearports' pk=object.pk %}" class="btn btn-warning btn-sm">
                         <span class="mdi mdi-pencil" aria-hidden="true"></span> Rename
                     </button>
-                    <button type="submit" name="_edit" formaction="{% url 'dcim:rearport_bulk_edit' %}?module={{ object.pk }}&return_url={% url 'dcim:module_rearports' pk=object.pk %}" class="btn btn-warning btn-xs">
+                    <button type="submit" name="_edit" formaction="{% url 'dcim:rearport_bulk_edit' %}?module={{ object.pk }}&return_url={% url 'dcim:module_rearports' pk=object.pk %}" class="btn btn-warning btn-sm">
                         <span class="mdi mdi-pencil" aria-hidden="true"></span> Edit
                     </button>
-                    <button type="submit" name="_disconnect" formaction="{% url 'dcim:rearport_bulk_disconnect' %}?return_url={% url 'dcim:module_rearports' pk=object.pk %}" class="btn btn-danger btn-xs">
+                    <button type="submit" name="_disconnect" formaction="{% url 'dcim:rearport_bulk_disconnect' %}?return_url={% url 'dcim:module_rearports' pk=object.pk %}" class="btn btn-danger btn-sm">
                         <span class="mdi mdi-ethernet-cable-off" aria-hidden="true"></span> Disconnect
                     </button>
                 {% endif %}
                 {% if perms.dcim.delete_rearport %}
-                    <button type="submit" formaction="{% url 'dcim:rearport_bulk_delete' %}?return_url={% url 'dcim:module_rearports' pk=object.pk %}" class="btn btn-danger btn-xs">
+                    <button type="submit" formaction="{% url 'dcim:rearport_bulk_delete' %}?return_url={% url 'dcim:module_rearports' pk=object.pk %}" class="btn btn-danger btn-sm">
                         <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span> Delete
                     </button>
                 {% endif %}
                 {% if perms.dcim.add_rearport %}
-                    <div class="pull-right">
-                        <a href="{% url 'dcim:rearport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_rearports' pk=object.pk %}" class="btn btn-primary btn-xs">
+                    <div class="float-end">
+                        <a href="{% url 'dcim:rearport_add' %}?module={{ object.pk }}&return_url={% url 'dcim:module_rearports' pk=object.pk %}" class="btn btn-primary btn-sm">
                             <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add rear ports
                         </a>
                     </div>
@@ -43,7 +42,6 @@
             </div>
         </div>
     </form>
-    {% table_config_form rearport_table %}
 {% endblock content %}
 
 {% block javascript %}

nautobot/dcim/templates/dcim/module_retrieve.html

@@ -2,11 +2,11 @@
 {% load helpers %}
 
 {% block content_left_page %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card">
+        <div class="card-header">
             <strong>Module</strong>
         </div>
-        <table class="table table-hover panel-body attr-table">
+        <table class="table table-hover card-body attr-table">
             <tr>
                 <td>Module Type</td>
                 <td>

nautobot/dcim/templates/dcim/module_update.html

@@ -2,9 +2,9 @@
 {% load form_helpers %}
 {% load helpers %}
 {% block form %}
-    <div class="panel panel-default">
-        <div class="panel-heading"><strong>{{ obj_type|capfirst }}</strong></div>
-        <div class="panel-body">
+    <div class="card">
+        <div class="card-header"><strong>{{ obj_type|capfirst }}</strong></div>
+        <div class="card-body">
             {% render_field form.manufacturer %}
             {% render_field form.module_family %}
             {% render_field form.module_type %}
@@ -16,13 +16,19 @@
             {% render_field form.tenant %}
         </div>
     </div>
-    <div class="panel panel-default">
-        <div class="panel-heading"><strong>Installation</strong></div>
-        <div class="panel-body">
+    <div class="card">
+        <div class="card-header"><strong>Installation</strong></div>
+        <div class="card-body">
             <ul class="nav nav-tabs" role="tablist">
-                <li role="presentation"{% if active_parent_tab == 'device' %} class="active"{% endif %}><a href="#device" role="tab" data-toggle="tab">Device</a></li>
-                <li role="presentation"{% if active_parent_tab == 'module' %} class="active"{%endif %}><a href="#module" role="tab" data-toggle="tab">Module</a></li>
-                <li role="presentation"{% if active_parent_tab == 'location' %} class="active"{%endif %}><a href="#location" role="tab" data-toggle="tab">Location</a></li>
+                <li class="nav-item" role="presentation">
+                    <a class="nav-link{% if active_parent_tab == 'device' %} active{% endif %}" href="#device" role="tab" data-bs-toggle="tab">Device</a>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <a class="nav-link{% if active_parent_tab == 'module' %} active{% endif %}" href="#module" role="tab" data-bs-toggle="tab">Module</a>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <a class="nav-link{% if active_parent_tab == 'location' %} active{% endif %}" href="#location" role="tab" data-bs-toggle="tab">Location</a>
+                </li>
             </ul>
             <div class="tab-content">
                 <div class="tab-pane{% if active_parent_tab == 'device' %} active{% endif %}" id="device">

nautobot/dcim/templates/dcim/modulebay_retrieve.html

@@ -1,94 +1 @@
 {% extends 'generic/object_retrieve.html' %}
-{% load helpers %}
-{% block content_left_page %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
-            <strong>Module Bay</strong>
-        </div>
-        <table class="table table-hover panel-body attr-table">
-            <tr>
-                {% if object.parent_device %}
-                    <td>Parent Device</td>
-                    <td>
-                        {{ object.parent_device|hyperlinked_object }}
-                    </td>
-                {% else %}
-                    <td>Parent Module</td>
-                    <td>
-                        {{ object.parent_module|hyperlinked_object }}
-                    </td>
-                {% endif %}
-            </tr>
-            <tr>
-                <td>Family</td>
-                <td>
-                    {{ object.module_family|hyperlinked_object }}
-                </td>
-            </tr>
-            <tr>
-                <td>Name</td>
-                <td>{{ object.name }}</td>
-            </tr>
-            <tr>
-                <td>Position</td>
-                <td>{{ object.position }}</td>
-            </tr>
-            <tr>
-                <td>Label</td>
-                <td>{{ object.label|placeholder }}</td>
-            </tr>
-            <tr>
-                <td>Description</td>
-                <td>{{ object.description|placeholder }}</td>
-            </tr>
-            <tr>
-                <td>Requires first-party modules</td>
-                <td>{{ object.requires_first_party_modules|render_boolean }}</td>
-            </tr>
-        </table>
-    </div>
-{% endblock content_left_page %}
-
-{% block content_right_page %}
-    {% if object.installed_module %}
-        <div class="panel panel-default">
-            <div class="panel-heading">
-                <strong>Installed Module</strong>
-            </div>
-            <table class="table table-hover panel-body attr-table">
-                <tr>
-                    <td>Module</td>
-                    <td>
-                        {{ object.installed_module|hyperlinked_object }}
-                    </td>
-                </tr>
-                <tr>
-                    <td>Module Type</td>
-                    <td>
-                        {{ object.installed_module.module_type|hyperlinked_object }}
-                    </td>
-                </tr>
-                <tr>
-                    <td>Status</td>
-                    <td>{{ object.installed_module.status|hyperlinked_object_with_color }}</td>
-                </tr>
-                <tr>
-                    <td>Role</td>
-                    <td>{{ object.installed_module.role|hyperlinked_object_with_color }}</td>
-                </tr>
-                <tr>
-                    <td>Serial</td>
-                    <td>{{ object.installed_module.serial|placeholder }}</td>
-                </tr>
-                <tr>
-                    <td>Asset Tag</td>
-                    <td>{{ object.installed_module.asset_tag|placeholder }}</td>
-                </tr>
-                <tr>
-                    <td>Tenant</td>
-                    <td>{{ object.installed_module.tenant|hyperlinked_object }}</td>
-                </tr>
-            </table>
-        </div>
-    {% endif %}
-{% endblock content_right_page %}

nautobot/dcim/templates/dcim/modulefamily_retrieve.html

@@ -2,11 +2,11 @@
 {% load helpers %}
 
 {% block content_left_page %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card">
+        <div class="card-header">
             <strong>Module Family</strong>
         </div>
-        <table class="table table-hover panel-body attr-table">
+        <table class="table table-hover card-body attr-table">
             <tr>
                 <td>Description</td>
                 <td>{{ object.description|placeholder }}</td>
@@ -16,14 +16,14 @@
 {% endblock content_left_page %}
 
 {% block content_right_page %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card">
+        <div class="card-header">
             <strong>Module Types</strong>
         </div>
         {% include 'inc/table.html' with table=module_type_table %}
     </div>
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card">
+        <div class="card-header">
             <strong>Module Bays</strong>
         </div>
         {% include 'inc/table.html' with table=module_bay_table %}

nautobot/dcim/templates/dcim/moduletype_list.html

@@ -3,9 +3,9 @@
 
 {% block import_list_element %}
     <li><a href="{% url 'dcim:moduletype_import' %}">
-        <span class="mdi mdi-database-import text-muted" aria-hidden="true"></span> Import from JSON/YAML (single record)
+        <span class="mdi mdi-database-import text-secondary" aria-hidden="true"></span> Import from JSON/YAML (single record)
     </a></li>
     <li><a href="{% job_import_url content_type %}">
-        <span class="mdi mdi-database-import text-muted" aria-hidden="true"></span> Import from CSV (multiple records)
+        <span class="mdi mdi-database-import text-secondary" aria-hidden="true"></span> Import from CSV (multiple records)
     </a></li>
 {% endblock import_list_element %}

nautobot/dcim/templates/dcim/moduletype_retrieve.html

@@ -4,34 +4,74 @@
 
 {% block extra_buttons %}
     {% if perms.dcim.change_moduletype %}
-        <div class="btn-group">
-            <button type="button" class="btn btn-primary dropdown-toggle" data-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="caret"></span>
+        <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>
@@ -39,54 +79,54 @@
 {% endblock extra_buttons %}
 
 {% block extra_nav_tabs %}
-    <li role="presentation" {% if request.GET.tab == 'interfaces' %} class="active"{% endif %}>
-        <a href="{{ object.get_absolute_url }}#interfaces" onclick="switch_tab(this.href)" aria-controls="interfaces" role="tab" data-toggle="tab">
+    <li class="nav-item" role="presentation">
+        <a href="{{ object.get_absolute_url }}#interfaces" onclick="switch_tab(this.href)" aria-controls="interfaces" role="tab" data-bs-toggle="tab" class="nav-link{% if request.GET.tab == 'interfaces' %} active{% endif %}">
             Interfaces {% badge interface_table.rows|length %}
         </a>
     </li>
-    <li role="presentation" {% if request.GET.tab == 'frontports' %} class="active"{% endif %}>
-        <a href="{{ object.get_absolute_url }}#frontports" onclick="switch_tab(this.href)" aria-controls="frontports" role="tab" data-toggle="tab">
+    <li class="nav-item" role="presentation">
+        <a href="{{ object.get_absolute_url }}#frontports" onclick="switch_tab(this.href)" aria-controls="frontports" role="tab" data-bs-toggle="tab" class="nav-link{% if request.GET.tab == 'frontports' %} active{% endif %}">
             Front Ports {% badge front_port_table.rows|length %}
         </a>
     </li>
-    <li role="presentation" {% if request.GET.tab == 'rearports' %} class="active"{% endif %}>
-        <a href="{{ object.get_absolute_url }}#rearports" onclick="switch_tab(this.href)" aria-controls="rearports" role="tab" data-toggle="tab">
+    <li class="nav-item" role="presentation">
+        <a href="{{ object.get_absolute_url }}#rearports" onclick="switch_tab(this.href)" aria-controls="rearports" role="tab" data-bs-toggle="tab" class="nav-link{% if request.GET.tab == 'rearports' %} active{% endif %}">
             Rear Ports {% badge rear_port_table.rows|length %}
         </a>
     </li>
-    <li role="presentation" {% if request.GET.tab == 'consoleports' %} class="active"{% endif %}>
-        <a href="{{ object.get_absolute_url }}#consoleports" onclick="switch_tab(this.href)" aria-controls="consoleports" role="tab" data-toggle="tab">
+    <li class="nav-item" role="presentation">
+        <a href="{{ object.get_absolute_url }}#consoleports" onclick="switch_tab(this.href)" aria-controls="consoleports" role="tab" data-bs-toggle="tab" class="nav-link{% if request.GET.tab == 'consoleports' %} active{% endif %}">
             Console Ports {% badge consoleport_table.rows|length %}
         </a>
     </li>
-    <li role="presentation" {% if request.GET.tab == 'consoleserverports' %} class="active"{% endif %}>
-        <a href="{{ object.get_absolute_url }}#consoleserverports" onclick="switch_tab(this.href)" aria-controls="consoleserverports" role="tab" data-toggle="tab">
+    <li class="nav-item" role="presentation">
+        <a href="{{ object.get_absolute_url }}#consoleserverports" onclick="switch_tab(this.href)" aria-controls="consoleserverports" role="tab" data-bs-toggle="tab" class="nav-link{% if request.GET.tab == 'consoleserverports' %} active{% endif %}">
             Console Server Ports {% badge consoleserverport_table.rows|length %}
         </a>
     </li>
-    <li role="presentation" {% if request.GET.tab == 'powerports' %} class="active"{% endif %}>
-        <a href="{{ object.get_absolute_url }}#powerports" onclick="switch_tab(this.href)" aria-controls="powerports" role="tab" data-toggle="tab">
+    <li class="nav-item" role="presentation">
+        <a href="{{ object.get_absolute_url }}#powerports" onclick="switch_tab(this.href)" aria-controls="powerports" role="tab" data-bs-toggle="tab" class="nav-link{% if request.GET.tab == 'powerports' %} active{% endif %}">
             Power Ports {% badge powerport_table.rows|length %}
         </a>
     </li>
-    <li role="presentation" {% if request.GET.tab == 'poweroutlets' %} class="active"{% endif %}>
-        <a href="{{ object.get_absolute_url }}#poweroutlets" onclick="switch_tab(this.href)" aria-controls="poweroutlets" role="tab" data-toggle="tab">
+    <li class="nav-item" role="presentation">
+        <a href="{{ object.get_absolute_url }}#poweroutlets" onclick="switch_tab(this.href)" aria-controls="poweroutlets" role="tab" data-bs-toggle="tab" class="nav-link{% if request.GET.tab == 'poweroutlets' %} active{% endif %}">
             Power Outlets {% badge poweroutlet_table.rows|length %}
         </a>
     </li>
-    <li role="presentation"{% if request.GET.tab == 'modulebays' %} class="active"{% endif %}>
-        <a href="{{ object.get_absolute_url }}#modulebays" onclick="switch_tab(this.href)" aria-controls="modulebays" role="tab" data-toggle="tab">
+    <li class="nav-item" role="presentation">
+        <a href="{{ object.get_absolute_url }}#modulebays" onclick="switch_tab(this.href)" aria-controls="modulebays" role="tab" data-bs-toggle="tab" class="nav-link{% if request.GET.tab == 'modulebays' %} active{% endif %}">
             Module Bays {% badge modulebay_table.rows|length %}
         </a>
     </li>
 {% endblock extra_nav_tabs %}
 
 {% block content_left_page %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card">
+        <div class="card-header">
             <strong>Chassis</strong>
         </div>
-        <table class="table table-hover panel-body attr-table">
+        <table class="table table-hover card-body attr-table">
             <tr>
                 <td>Manufacturer</td>
                 <td><a href="{% url 'dcim:moduletype_list' %}?manufacturer={{ object.manufacturer.name }}">{{ object.manufacturer }}</a></td>
@@ -116,15 +156,15 @@
 {% endblock content_left_page %}
 
 {% block content_right_page %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card">
+        <div class="card-header">
             <strong>Comments</strong>
         </div>
-        <div class="panel-body rendered-markdown">
+        <div class="card-body nb-rendered-markdown">
             {% if object.comments %}
                 {{ object.comments|render_markdown }}
             {% else %}
-                <span class="text-muted">None</span>
+                <span class="text-secondary">None</span>
             {% endif %}
         </div>
     </div>
@@ -157,5 +197,4 @@
     <div role="tabpanel" class="tab-pane {% if request.GET.tab == 'modulebays' %}active{% else %}fade{% endif %}" id="modulebays">
         {% include 'dcim/inc/moduletype_component_table.html' with table=modulebay_table title='Module Bays' tab='modulebays' %}
     </div>
-    </div>
 {% endblock extra_tab_content %}

nautobot/dcim/templates/dcim/platform_create.html

@@ -9,19 +9,19 @@
     {% render_field form.slug %}
     {% render_field form.manufacturer %}
 
-    <div class="form-group{% if form.network_driver.errors %} has-error{% endif %}">
-        <label class="col-md-3 control-label" for="id_network_driver">Network driver</label>
-        <div class="col-md-9">
+    <div class="mb-10 d-flex justify-content-center{% if form.network_driver.errors %} has-error{% endif %}">
+        <label class="col-lg-3 col-form-label" for="id_network_driver">Network driver</label>
+        <div class="col-lg-9">
             {{ form.network_driver }}
-            <span class="help-block">
+            <span class="form-text">
                 The <a href="https://netutils.readthedocs.io/en/latest/user/lib_use_cases_lib_mapper/">normalized network driver</a> to use when interacting with devices
-                <i class="mdi mdi-help-circle-outline"></i> <a href="#network_driver_choices" data-toggle="modal" data-target="#network_driver_choices">Show Configured Choices</a>
+                <span class="mdi mdi-help-circle-outline"></span> <a href="#network_driver_choices" data-bs-toggle="modal" data-bs-target="#network_driver_choices">Show Configured Choices</a>
             </span>
             {% if form.network_driver.errors %}
                 <ul>
                     {% for error in form.network_driver.errors %}
-                {# Embed an HTML comment indicating the error for extraction by tests #}
-                <!-- FORM-ERROR {{ form.network_driver.name }}: {{ error }} -->
+                    {# Embed an HTML comment indicating the error for extraction by tests #}
+                    <!-- FORM-ERROR {{ form.network_driver.name }}: {{ error }} -->
                         <li class="text-danger">{{ error }}</li>
                     {% endfor %}
                 </ul>
@@ -32,8 +32,8 @@
         <div class="modal-dialog" role="document">
             <div class="modal-content">
                 <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <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">
                     <p>Drivers selected from the below list can be used to automatically map to a driver name in supported tools using the platform's <a href="{% static 'docs/models/dcim/platform.html' %}"><code>network_driver_mappings</code></a> property. For advanced automation purposes, the network driver field may be set to a value not present in this list but will not provide automatic mapping unless the <a href="{% static 'docs/configuration/optional-settings.html' %}#network_drivers"><code>NETWORK_DRIVERS</code></a> setting is updated to add the new value.</p>