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

nautobot/core/templates/inc/nav_menu.html

@@ -3,118 +3,160 @@
 {% load helpers %}
 {% registry %}
 
-<nav class="navbar navbar-default navbar-fixed-left navbar-inverse">
-    <div class="container-fluid">
-        <div class="navbar-header">
-            <a class="navbar-brand" href="{% url 'home' %}">
-                <img src="{% custom_branding_or_static 'logo' 'img/nautobot_logo.svg' %}" height="30" />
-            </a>
-        </div>
+{% with cookie_sidenav_collapsed=request.COOKIES|get_item:'sidenav_collapsed'|default_if_none:'false' %}
+    <nav id="sidenav"{% if cookie_sidenav_collapsed == 'true' %} class="nb-sidenav-collapsed"{% endif %}>
+        <button
+            aria-controls="sidenav"
+            aria-expanded="{% if cookie_sidenav_collapsed == 'true' %}false{% else %}true{% endif %}"
+            aria-label="Collapse sidenav"
+            class="bg-warning btn btm-sm btn-warning overflow-hidden p-4 position-absolute nb-sidenav-toggler"
+            data-bs-theme="dark"
+            type="button"
+        ></button>
 
-        <div id="navbar">
-            {% if request.user.is_authenticated %}
-                <form action="{% url 'search' %}" method="get" class="navbar-form" id="navbar_search" role="search">
-                    <div class="input-group">
-                        <input type="text" name="q" class="form-control" placeholder="Search {{ settings.BRANDING_TITLE }}">
-                        <span class="input-group-btn">
-                            <button type="submit" class="btn btn-primary">
-                                <i class="mdi mdi-magnify"></i>
-                            </button>
-                        </span>
-                    </div>
-                </form>
-            {% endif %}
+        <a class="nb-sidenav-brand" href="{% url 'home' %}">
+            <img src="{% custom_branding_or_static 'icon' 'img/nautobot_icon.svg' %}"/>
+        </a>
+        <a class="position-absolute nb-sidenav-brand" href="{% url 'home' %}">
+            <img src="{% custom_branding_or_static 'logo' 'img/nautobot_logo.svg' %}"/>
+        </a>
 
-            <ul class="nav navbar-nav">
-                {% if request.user.is_authenticated %}
-                    {% for tab_name, tab_details in registry.nav_menu.tabs.items %}
-                        {% if not tab_details.permissions or request.user|has_one_or_more_perms:tab_details.permissions %}
-                            <li class="dropdown">
-                                <a href="#dropdownMenu{{ forloop.counter }}" class="dropdown-toggle" data-tab-weight="{{ tab_details.weight }}" data-toggle="collapse" role="button" aria-haspopup="true" aria-expanded="false">
-                                    <img src="{% custom_branding_or_static 'nav_bullet' 'img/nautobot_chevron.svg' %}" height="20px" />
-                                    <span id="dropdown_title">{{ tab_name }}</span>
-                                    <span class="mdi mdi-chevron-down"></span>
-                                </a>
-                                <ul class="collapse nav-dropdown-menu" id="dropdownMenu{{ forloop.counter }}">
-                                    {% for group_name, group_details in tab_details.groups.items %}
-                                        {% if not group_details.permissions or request.user|has_one_or_more_perms:group_details.permissions %}
-                                            <li class="dropdown-header" data-group-weight="{{ group_details.weight }}">{{ group_name }}</li>
-                                            {% for item_link, item_details in group_details.items.items %}
-                                                {% if not item_details.permissions or request.user|has_one_or_more_perms:item_details.permissions %}
-                                                    <li {% if item_details.permissions and not request.user|has_perms:item_details.permissions %} class="disabled"{% endif %}>
-                                                        <a href="{{ item_link }}"
-                                                           data-item-weight="{{ item_details.weight }}">
-                                                            {{ item_details.name }}
-                                                        </a>
-                                                        {% if item_details.buttons.items|length > 0 %}
-                                                            <div class="buttons">
-                                                                {% for button_title, button_details in item_details.buttons.items %}
-                                                                    {% if not button_details.permissions or request.user|has_perms:button_details.permissions %}
-                                                                        {% comment %}
-                                                                            Use 'url xxx as variable' so that an invalid
-                                                                            link doesn't throw a NoReverseMatch exception.
-                                                                        {% endcomment %}
-                                                                        {% url button_details.link as button_url %}
-                                                                        {% if button_url %}
-                                                                            <a href="{{ button_url }}{{ button_details.querystring }}"
-                                                                               data-button-weight="{{ button_details.weight }}"
-                                                                               class="btn btn-xs btn-{{ button_details.button_class }}"
-                                                                               title="{{ button_title }}">
-                                                                                <i class="mdi {{ button_details.icon_class }}"></i>
-                                                                            </a>
-                                                                        {% else %}
-                                                                            <a class="btn btn-xs btn-danger"
-                                                                               title="ERROR: Invalid link!">
-                                                                                <i class="mdi mdi-alert"></i>
-                                                                            </a>
-                                                                        {% endif %}
-                                                                    {% endif %}
-                                                                {% endfor %}
-                                                            </div>
-                                                        {% endif %}
-                                                    </li>
-                                                {% endif %}
-                                            {% endfor %}
-                                            {% if not forloop.last %}
-                                                <li class="divider"></li>
-                                            {% endif %}
-                                        {% endif %}
-                                    {% endfor %}
-                                </ul>
-                            </li>
-                        {% endif %}
-                    {% endfor %}
-                    <li class="nav-divider"></li>
-                    <li class="dropdown">
-                        <a href="#adminDropdown" class="dropdown-toggle" data-toggle="collapse" role="button"
-                           aria-haspopup="true" aria-expanded="false">
-                            <i class="mdi mdi-account"></i>
-                            <span id="dropdown_title" title="{{ request.user }}">{{ request.user }}</span>
-                            <span class="mdi mdi-chevron-down"></span>
+        <ul class="list-unstyled my-0 overflow-x-hidden overflow-y-auto pt-10 w-100">
+            {% if request.user.is_authenticated %}
+                {% if nav_menu_version_control %}
+                    <li>
+                        {% url 'plugins:nautobot_version_control:branch_list' as branch_list_url %}
+                        <a class="nb-sidenav-list-item nb-sidenav-list-item-flat" href="{{ branch_list_url }}">
+                            <img alt="list-unordered icon" src="{% static 'nautobot-icons/list-unordered.svg' %}">
+                            <span>Branches</span>
                         </a>
-                        <ul class="collapse nav-dropdown-menu" id="adminDropdown">
-                            <li><a href="{% url 'about' %}"><i class="mdi mdi-information"></i> About</a></li>
-                            <li><a href="{% url 'user:profile' %}"><i class="mdi mdi-account-box"></i> Profile</a></li>
-                            {% if request.user.is_staff %}
-                                <li><a href="{% url 'worker_status' %}"><i class="mdi mdi-server-network"></i> Worker Status</a></li>
-                                <li><a href="{% url 'admin:index' %}"><i class="mdi mdi-cogs"></i> Admin</a></li>
-                            {% endif %}
-                            <li class="divider"></li>
-                            <li><a href="{% url 'logout' %}"><i class="mdi mdi-logout"></i> Log out</a></li>
-                        </ul>
                     </li>
-                {% else %}
                     <li>
-                        <a href="{% url settings.LOGIN_URL %}?next={{ request.get_full_path | urlencode }}">
-                            <i class="mdi mdi-login"></i> Log in
-                        </a>
+                        <form data-bs-theme="dark" id="sidenav-branch-picker">
+                            <img alt="branch icon" src="{% static 'nautobot-icons/branch.svg' %}">
+                            <select
+                                aria-label="Find a branch..."
+                                class="form-select nautobot-select2-api"
+                                data-allow-clear="false"
+                                data-url="{% url 'plugins-api:nautobot_version_control-api:branch-list' %}"
+                                display-field="name"
+                                id="sidenav-branch-picker-select"
+                                name="branch"
+                                placeholder="Find a branch..."
+                                search-field="name__ic"
+                                value-field="name"
+                            >
+                                <option selected="selected" value="{{ nav_menu_version_control.active_branch }}">
+                                    {{ nav_menu_version_control.active_branch }}
+                                </option>
+                            </select>
+                        </form>
                     </li>
+                    <li>
+                        {% if nav_menu_version_control.active_branch == 'main' %}
+                            <button class="nb-sidenav-list-item nb-sidenav-list-item-flat" disabled type="button">
+                                <img alt="history icon" src="{% static 'nautobot-icons/history.svg' %}">
+                                <span>View diffs</span>
+                            </button>
+                        {% else %}
+                            {% url 'plugins:nautobot_version_control:branch_diffs' pk=nav_menu_version_control.active_branch as branch_diffs_url %}
+                            <a class="nb-sidenav-list-item nb-sidenav-list-item-flat" href="{{ branch_diffs_url }}">
+                                <img alt="history icon" src="{% static 'nautobot-icons/history.svg' %}">
+                                <span>View diffs</span>
+                            </a>
+                        {% endif %}
+                    </li>
+                    <li class="nb-sidenav-list-divider"></li>
                 {% endif %}
-            </ul>
-        </div>
-    </div>
-</nav>
-<!-- Collapsible button -->
-<button type="button" class="btn btn-xs btn-warning navbar-toggler" aria-label="Collapse navbar">
-    <span class="mdi mdi-chevron-up mdi-rotate-270 navbar-toggler-arrow"></span>
-</button>
+
+                <li>
+                    <button
+                        aria-controls="sidenav-flyout-favorites"
+                        aria-expanded="false"
+                        class="nb-sidenav-list-item"
+                        type="button"
+                    >
+                        <img alt="star icon" src="{% static 'nautobot-icons/star.svg' %}">
+                        <span>Favorites</span>
+                    </button>
+                    <div class="nb-sidenav-flyout" id="sidenav-flyout-favorites" hx-swap-oob="true">
+                        {% include "inc/nav_favorites.html" %}
+                    </div>
+                </li>
+
+                <li class="nb-sidenav-list-divider"></li>
+
+                {% with request.user.navbar_favorites_link_list as navbar_favorites_link_list %}
+                    {% for tab_name, tab_details in nav_menu.tabs.items %}
+                        <li data-section-name="{{ tab_name }}">
+                            <button
+                                aria-controls="sidenav-flyout-{{ forloop.counter }}"
+                                aria-expanded="false"
+                                class="nb-sidenav-list-item"
+                                type="button"
+                            >
+                                {% if '/' in tab_details.icon %}
+                                    {% comment %}If there is a `'/'` in the `icon`, consider it a file URL, not icon name.{% endcomment %}
+                                    <img alt="{{ tab_name }} icon" src="{% static tab_details.icon %}">
+                                {% elif tab_details.icon %}
+                                    {% comment %}If `icon` is given, treat it as icon name to be fetched from nautobot-icons library.{% endcomment %}
+                                    <img alt="{{ tab_details.icon }} icon" src="{% static 'nautobot-icons/'|add:tab_details.icon|add:'.svg' %}">
+                                {% else %}
+                                    {% comment %}If `icon` is missing, generate an "icon" depicting the first nav menu tab name letter inside a rounded rectangle.{% endcomment %}
+                                    <span class="nb-letter-icon">{{ tab_name|first|upper }}</span>
+                                {% endif %}
+                                <span>{{ tab_name }}</span>
+                            </button>
+
+                            <div class="nb-sidenav-flyout" id="sidenav-flyout-{{ forloop.counter }}"
+                                 hx-vals='{"tab_name": "{{ tab_name }}"}'
+                                 hx-swap-oob="true"
+                            >
+                                {% for group_name, group_details in tab_details.groups.items %}
+                                    <ul class="list-unstyled">
+                                        <li class="nb-sidenav-link-group" data-group-weight="{{ group_details.weight }}">
+                                            {{ group_name }}
+                                        </li>
+                                        {% for item_link, item_details in group_details.items.items %}
+                                            <li class="nb-sidenav-link-wrapper{% if item_details.permissions and not request.user|has_perms:item_details.permissions %} disabled{% endif %}">
+                                                <a class="nb-sidenav-link{% if item_details.is_active %} nb-sidenav-link-active{% endif %}"
+                                                   data-item-weight="{{ item_details.weight }}"
+                                                   href="{{ item_link }}">
+                                                    {{ item_details.name }}
+                                                </a>
+                                                <button
+                                                    class="nb-sidenav-favorite{% if item_link in navbar_favorites_link_list %} active{% endif %}"
+                                                    type="button"
+                                                    hx-post="{% if item_link in navbar_favorites_link_list %}{% url "user:navbar_favorites_delete" %}{% else %}{% url "user:navbar_favorites_add" %}{% endif %}"
+                                                    hx-vals='{"name": "{{ item_details.name }}", "link": "{{ item_link }}"}'
+                                                    hx-target="#sidenav-flyout-favorites"
+                                                    hx-select="#sidenav-flyout-favorites"
+                                                    hx-swap="outerHTML"
+                                                    hx-on::after-request="toggleFavorite(this, event)"
+                                                    hx-on::config-request="setRequestUrl(this, event)"
+                                                    data-add-url="{% url "user:navbar_favorites_add" %}"
+                                                    data-delete-url="{% url "user:navbar_favorites_delete" %}"
+                                                >
+                                                    <span class="visually-hidden">
+                                                        Add to favorites
+                                                    </span>
+                                                </button>
+                                            </li>
+                                        {% endfor %}
+                                    </ul>
+                                {% endfor %}
+                            </div>
+                        </li>
+                    {% endfor %}
+                {% endwith %}
+            {% else %}
+                <li class="nb-sidenav-link-wrapper">
+                    <a class="nb-sidenav-link flat" href="{% url settings.LOGIN_URL %}?next={{ request.get_full_path | urlencode }}">
+                        <span class="mdi mdi-login"></span>
+                        <span class="ms-10">Log in</span>
+                    </a>
+                </li>
+            {% endif %}
+        </ul>
+    </nav>
+{% endwith %}

nautobot/core/templates/inc/object_details_advanced_panel.html

@@ -1,92 +1,105 @@
 {% load helpers %}
 
 {% if object.pk %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card">
+        <div class="card-header">
             <strong>Object Details</strong>
+            <a class="btn stretched-link nb-collapse-toggle" data-bs-toggle="collapse" href="#object_details" role="button" aria-expanded="true" aria-controls="object_details">
+                <span class="mdi mdi-chevron-down"></span>
+            </a>
         </div>
-        <table class="table table-hover panel-body attr-table">
-            <tbody>
-                <tr>
-                    <td>UUID</td>
-                    <td>
-                        <span class="hover_copy">
-                            <span id="uuid_copy">{{ object.id }}</span>
-                            <button class="btn btn-inline btn-default hover_copy_button" data-clipboard-target="#uuid_copy">
-                                <span class="mdi mdi-content-copy"></span>
-                            </button>
-                        </span>
-                    </td>
-                </tr>
-                {% if object.natural_slug %}
+        <div id="object_details" class="collapse show">
+            <table class="table table-hover attr-table">
+                <tbody>
                     <tr>
-                        <td>Natural Slug</td>
+                        <td>UUID</td>
                         <td>
-                            <span class="hover_copy">
-                                <span id="natural_slug_copy">{{ object.natural_slug }}</span>
-                                <button class="btn btn-inline btn-default hover_copy_button" data-clipboard-target="#natural_slug_copy">
-                                    <span class="mdi mdi-content-copy"></span>
+                            <span>
+                                <span id="uuid_copy">{{ object.id }}</span>
+                                <button class="btn btn-secondary nb-btn-inline-hover" data-clipboard-target="#uuid_copy">
+                                    <span aria-hidden="true" class="mdi mdi-content-copy"></span>
+                                    <span class="visually-hidden">Copy</span>
                                 </button>
                             </span>
                         </td>
                     </tr>
-                {% endif %}
-                {% if object.slug %}
-                    <tr>
-                        <td>Slug</td>
-                        <td>
-                            <span class="hover_copy">
-                                <span id="slug_copy">{{ object.slug }}</span>
-                                <button class="btn btn-inline btn-default hover_copy_button" data-clipboard-target="#slug_copy">
-                                    <span class="mdi mdi-content-copy"></span>
-                                </button>
-                            </span>
-                        </td>
-                    </tr>
-                {% endif %}
-            </tbody>
-        </table>
+                    {% if object.natural_slug %}
+                        <tr>
+                            <td>Natural Slug</td>
+                            <td>
+                                <span>
+                                    <span id="natural_slug_copy">{{ object.natural_slug }}</span>
+                                    <button class="btn btn-secondary nb-btn-inline-hover" data-clipboard-target="#natural_slug_copy">
+                                        <span aria-hidden="true" class="mdi mdi-content-copy"></span>
+                                        <span class="visually-hidden">Copy</span>
+                                    </button>
+                                </span>
+                            </td>
+                        </tr>
+                    {% endif %}
+                    {% if object.slug %}
+                        <tr>
+                            <td>Slug</td>
+                            <td>
+                                <span>
+                                    <span id="slug_copy">{{ object.slug }}</span>
+                                    <button class="btn btn-secondary nb-btn-inline-hover" data-clipboard-target="#slug_copy">
+                                        <span aria-hidden="true" class="mdi mdi-content-copy"></span>
+                                        <span class="visually-hidden">Copy</span>
+                                    </button>
+                                </span>
+                            </td>
+                        </tr>
+                    {% endif %}
+                </tbody>
+            </table>
+        </div>
     </div>
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card mt-16">
+        <div class="card-header">
             <strong>Data Provenance</strong>
+            <a class="btn stretched-link nb-collapse-toggle" data-bs-toggle="collapse" href="#data_provenance" role="button" aria-expanded="true" aria-controls="data_provenance">
+                <span class="mdi mdi-chevron-down"></span>
+            </a>
         </div>
-        <table class="table table-hover panel-body attr-table">
-            <tbody>
-                {% if object.created %}
+        <div id="data_provenance" class="collapse show">
+            <table class="table table-hover attr-table">
+                <tbody>
+                    {% if object.created %}
+                        <tr>
+                            <td>Created</td>
+                            <td>{{ object.created }}</td>
+                        </tr>
+                    {% endif %}
+                    {% if object.last_updated %}
+                        <tr>
+                            <td>Updated</td>
+                            <td>{{ object.last_updated }}</td>
+                        </tr>
+                    {% endif %}
                     <tr>
-                        <td>Created</td>
-                        <td>{{ object.created }}</td>
+                        <td>Created By</td>
+                        <td>{{ created_by | placeholder }}</td>
                     </tr>
-                {% endif %}
-                {% if object.last_updated %}
                     <tr>
-                        <td>Updated</td>
-                        <td>{{ object.last_updated }}</td>
+                        <td>Last Updated By</td>
+                        <td>{{ last_updated_by | placeholder }}</td>
                     </tr>
-                {% endif %}
-                <tr>
-                    <td>Created By</td>
-                    <td>{{ created_by | placeholder }}</td>
-                </tr>
-                <tr>
-                    <td>Last Updated By</td>
-                    <td>{{ last_updated_by | placeholder }}</td>
-                </tr>
-                {% with api_view=object|validated_api_viewname:'detail' %}
-                    {% if api_view %}
-                        <tr>
-                            <td>View in API Browser</td>
-                            <td>
-                                <a href="{% url api_view object.id %}" target="_blank">
-                                    <span class="mdi mdi-open-in-new"></span>
-                                </a>
-                            </td>
-                        </tr>
-                    {% endif %}
-                {% endwith %}
-            </tbody>
-        </table>
+                    {% with api_view=object|validated_api_viewname:'detail' %}
+                        {% if api_view %}
+                            <tr>
+                                <td>View in API Browser</td>
+                                <td>
+                                    <a href="{% url api_view object.id %}" target="_blank">
+                                        <span class="mdi mdi-open-in-new"></span>
+                                    </a>
+                                </td>
+                            </tr>
+                        {% endif %}
+                    {% endwith %}
+                </tbody>
+            </table>
+        </div>
     </div>
     {% include 'inc/custom_fields/panel.html' with custom_fields=object.get_custom_field_groupings_advanced computed_fields=object.get_computed_fields_grouping_advanced computed_fields_advanced_ui=True %}
     {% include 'inc/relationships/panel_override.html' with relationships_fields_override=object.get_relationships_data_advanced_fields %}

nautobot/core/templates/inc/page_title.html

@@ -0,0 +1,23 @@
+{% load static %}
+{% load helpers %}
+
+<h1 class="d-flex fs-2 gap-8 lh-sm py-6">
+    <img
+        alt="Nautobot chevron"
+        class="align-self-start flex-grow-0 flex-shrink-0 my-n4"
+        role="presentation"
+        src="{% static 'img/nautobot_chevron.svg' %}"
+        style="width: 1.5rem;"
+    />
+    {% if copy_title %}
+        <span class="d-flex gap-4">
+            <span id="copy_title">{{ title }}</span>{% saved_view_title %}
+            <button type="button" class="btn btn-secondary align-self-end nb-btn-inline-hover" data-clipboard-text="{{ title }}">
+                <span aria-hidden="true" class="mdi mdi-content-copy"></span>
+                <span class="visually-hidden">Copy</span>
+            </button>
+        </span>
+    {% else %}
+        {{ title }}
+    {% endif %}
+</h1>

nautobot/core/templates/inc/paginator.html

@@ -1,45 +1,56 @@
 {% load helpers %}
 
-<div class="paginator text-right">
+<div class="paginator align-items-center d-flex fs-5 gap-10 justify-content-end mt-16 text-secondary">
+    {% if page %}
+        <div>
+            Showing {{ page.start_index }}-{{ page.end_index }} of {{ page.paginator.count }}
+        </div>
+        <div class="vr border-start my-8"></div>
+    {% endif %}
+    <form class="align-items-center d-flex gap-4" method="get">
+        {% for key, value_list in request.GET.lists %}
+            {% if key != 'per_page' %}
+                {% for value in value_list %}
+                    <input type="hidden" name="{{ key }}" value="{{ value }}" />
+                {% endfor %}
+            {% endif %}
+        {% endfor %}
+        <select name="per_page" id="per_page" class="form-select">
+            {% if page.paginator.per_page not in "PER_PAGE_DEFAULTS"|settings_or_config %}
+                <option value="{{ page.paginator.per_page }}" selected="selected">{{ page.paginator.per_page }}</option>
+            {% endif %}
+            {% for n in "PER_PAGE_DEFAULTS"|settings_or_config %}
+                <option value="{{ n }}"{% if page.paginator.per_page == n %} selected="selected"{% endif %}>{{ n }}</option>
+            {% endfor %}
+        </select>
+        per page
+    </form>
     {% if paginator.num_pages > 1 %}
+        <div class="vr border-start my-8"></div>
         <nav>
-            <ul class="pagination pull-right">
+            <ul class="pagination mb-0">
                 {% if page.has_previous %}
-                    <li><a href="{% legacy_querystring request page=page.previous_page_number %}"><i class="mdi mdi-chevron-double-left"></i></a></li>
+                    <li class="page-item">
+                        <a class="page-link" href="{% legacy_querystring request page=page.previous_page_number %}" aria-label="Previous">
+                            <span aria-hidden="true">&laquo;</span>
+                        </a>
+                    </li>
                 {% endif %}
                 {% for p in page.smart_pages %}
                     {% if p %}
-                        <li{% if page.number == p %} class="active"{% endif %}><a href="{% legacy_querystring request page=p %}">{{ p }}</a></li>
+                        <li class="page-item {% if page.number == p %} active{% endif %}"><a class="page-link" href="{% legacy_querystring request page=p %}">{{ p }}</a></li>
                     {% else %}
-                        <li class="disabled"><span>&hellip;</span></li>
+                        <li class="page-item disabled"><a class="page-link" tabindex="-1">&hellip;</a></li>
                     {% endif %}
                 {% endfor %}
                 {% if page.has_next %}
-                    <li><a href="{% legacy_querystring request page=page.next_page_number %}"><i class="mdi mdi-chevron-double-right"></i></a></li>
+                    <li class="page-item">
+                        <a class="page-link" href="{% legacy_querystring request page=page.next_page_number %}" aria-label="Next">
+                            <span aria-hidden="true">&raquo;</span>
+                        </a>
+                    </li>
                 {% endif %}
             </ul>
         </nav>
     {% endif %}
-    <form method="get" class="form-inline">
-        {% for k, v_list in request.GET.lists %}
-            {% if k != 'per_page' %}
-                {% for v in v_list %}
-                    <input type="hidden" name="{{ k }}" value="{{ v }}" />
-                {% endfor %}
-            {% endif %}
-        {% endfor %}
-        <select name="per_page" id="per_page" class="form-control">
-            {% if page.paginator.per_page not in "PER_PAGE_DEFAULTS"|settings_or_config %}
-                <option value="{{ page.paginator.per_page }}" selected="selected">{{ page.paginator.per_page }}</option>
-            {% endif %}
-            {% for n in "PER_PAGE_DEFAULTS"|settings_or_config %}
-                <option value="{{ n }}"{% if page.paginator.per_page == n %} selected="selected"{% endif %}>{{ n }}</option>
-            {% endfor %}
-        </select> per page
-        {% if page %}
-            <div class="text-right text-muted">
-                Showing {{ page.start_index }}-{{ page.end_index }} of {{ page.paginator.count }}
-            </div>
-        {% endif %}
-    </form>
 </div>

nautobot/core/templates/inc/relationships/panel_override.html

@@ -2,11 +2,11 @@
 
 {% with relationships=relationships_fields_override %}
     {% if relationships.source or relationships.destination or relationships.peer %}
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="card">
+            <div class="card-header">
                 <strong>Relationships</strong>
             </div>
-            <table class="table table-hover panel-body attr-table">
+            <table class="table table-hover card-body attr-table">
                 {% include 'inc/relationships_table_rows.html' with relationships_data=relationships_fields_override %}
             </table>
         </div>

nautobot/core/templates/inc/relationships_panel.html

@@ -2,11 +2,11 @@
 
 {% with relationships=object.get_relationships_data %}
     {% if relationships.source or relationships.destination or relationships.peer %}
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="card">
+            <div class="card-header">
                 <strong>Relationships</strong>
             </div>
-            <table class="table table-hover panel-body attr-table">
+            <table class="table table-hover card-body attr-table">
                 {% include 'inc/relationships_table_rows.html' with relationships_data=relationships %}
             </table>
         </div>

nautobot/core/templates/inc/relationships_table_rows.html

@@ -31,7 +31,7 @@
                         </td>
                     {% else %}
                         <td>
-                            <span class="text-muted">&mdash;</span>
+                            <span class="text-secondary">&mdash;</span>
                         </td>
                     {% endif %}
                 </tr>