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

nautobot/core/settings.py

@@ -95,11 +95,12 @@ if "NAUTOBOT_DEPLOYMENT_ID" in os.environ and os.environ["NAUTOBOT_DEPLOYMENT_ID
     DEPLOYMENT_ID = os.environ["NAUTOBOT_DEPLOYMENT_ID"]
 
 # Device names are not guaranteed globally-unique by Nautobot but in practice they often are.
-# Set this to True to use the device name alone as the natural key for Device objects.
-# Set this to False to use the sequence (name, tenant, location) as the natural key instead.
-#
-if "NAUTOBOT_DEVICE_NAME_AS_NATURAL_KEY" in os.environ and os.environ["NAUTOBOT_DEVICE_NAME_AS_NATURAL_KEY"] != "":
-    DEVICE_NAME_AS_NATURAL_KEY = is_truthy(os.environ["NAUTOBOT_DEVICE_NAME_AS_NATURAL_KEY"])
+# Select how Devices are uniquely identified:
+#   - 'location_tenant_name': combination of Location + Tenant + Name
+#   - 'name': Device name must be globally unique
+#   - 'none': No enforced uniqueness (rely on other validation rules or custom validators)
+if "NAUTOBOT_DEVICE_UNIQUENESS" in os.environ and os.environ["NAUTOBOT_DEVICE_UNIQUENESS"] != "":
+    DEVICE_UNIQUENESS = os.environ["NAUTOBOT_DEVICE_UNIQUENESS"]
 
 # Event Brokers
 EVENT_BROKERS = {}
@@ -312,9 +313,11 @@ REST_FRAMEWORK_VERSION = VERSION.rsplit(".", 1)[0]  # Use major.minor as API ver
 VERSION_MAJOR, VERSION_MINOR = [int(v) for v in REST_FRAMEWORK_VERSION.split(".")]
 # We support all major.minor API versions from 2.0 to the present latest version.
 # Similar logic exists in tasks.py, please keep them in sync!
-if VERSION_MAJOR != 2:
+if VERSION_MAJOR > 3:
     raise RuntimeError(f"REST_FRAMEWORK_ALLOWED_VERSIONS needs to be updated to handle version {VERSION_MAJOR}")
-REST_FRAMEWORK_ALLOWED_VERSIONS = [f"{VERSION_MAJOR}.{minor}" for minor in range(0, VERSION_MINOR + 1)]
+REST_FRAMEWORK_ALLOWED_VERSIONS = ["2.0", "2.1", "2.2", "2.3", "2.4"] + [
+    f"{VERSION_MAJOR}.{minor}" for minor in range(0, VERSION_MINOR + 1)
+]
 
 REST_FRAMEWORK = {
     "ALLOWED_VERSIONS": REST_FRAMEWORK_ALLOWED_VERSIONS,
@@ -403,6 +406,7 @@ SPECTACULAR_SETTINGS = {
         # These choice enums need to be overridden because they get assigned to different names with the same choice set and
         # result in this error:
         #   encountered multiple names for the same choice set
+        "ApprovalWorkflowStateChoices": "nautobot.extras.choices.ApprovalWorkflowStateChoices",
         "JobExecutionTypeIntervalChoices": "nautobot.extras.choices.JobExecutionType",
         # These choice enums need to be overridden because they get assigned to the `protocol` field and
         # result in this error:
@@ -413,6 +417,7 @@ SPECTACULAR_SETTINGS = {
         # result in this error:
         #    enum naming encountered a non-optimally resolvable collision for fields named "mode".
         "InterfaceModeChoices": "nautobot.dcim.choices.InterfaceModeChoices",
+        "VPNPhase2PolicyChoices": "nautobot.vpn.choices.DhGroupChoices",
         "WirelessNetworkModeChoices": "nautobot.wireless.choices.WirelessNetworkModeChoices",
     },
     # Create separate schema components for PATCH requests (fields generally are not `required` on PATCH)
@@ -446,8 +451,10 @@ DATABASES = {
 }
 
 # Ensure proper Unicode handling for MySQL
-if DATABASES["default"]["ENGINE"] == "django.db.backends.mysql":
-    DATABASES["default"]["OPTIONS"] = {"charset": "utf8mb4"}
+if "mysql" in DATABASES["default"]["ENGINE"]:
+    DATABASES["default"].setdefault("OPTIONS", {})["charset"] = "utf8mb4"
+    DATABASES["default"].setdefault("TEST", {})["CHARSET"] = "utf8mb4"
+    DATABASES["default"]["TEST"]["COLLATION"] = "utf8mb4_0900_ai_ci"
 
 # The secret key is used to encrypt session keys and salt passwords.
 SECRET_KEY = os.getenv("NAUTOBOT_SECRET_KEY", "")
@@ -557,12 +564,14 @@ INSTALLED_APPS = [
     "db_file_storage",
     "nautobot.circuits",
     "nautobot.cloud",
+    "nautobot.data_validation",
     "nautobot.dcim",
     "nautobot.ipam",
     "nautobot.extras",
     "nautobot.tenancy",
     "nautobot.users",
     "nautobot.virtualization",
+    "nautobot.vpn",
     "nautobot.wireless",
     "drf_spectacular",
     "drf_spectacular_sidecar",
@@ -615,6 +624,7 @@ TEMPLATES = [
                 "django.contrib.messages.context_processors.messages",
                 "social_django.context_processors.backends",
                 "social_django.context_processors.login_redirect",
+                "nautobot.core.context_processors.nav_menu",
                 "nautobot.core.context_processors.settings",
                 "nautobot.core.context_processors.sso_auth",
             ],
@@ -634,6 +644,7 @@ TEMPLATES = [
                 "django.contrib.messages.context_processors.messages",
                 "social_django.context_processors.backends",
                 "social_django.context_processors.login_redirect",
+                "nautobot.core.context_processors.nav_menu",
                 "nautobot.core.context_processors.settings",
                 "nautobot.core.context_processors.sso_auth",
             ],
@@ -751,12 +762,15 @@ CONSTANCE_CONFIG = {
         help_text="Number of days to retain object changelog history.\nSet this to 0 to retain changes indefinitely.",
         field_type=int,
     ),
-    "DEVICE_NAME_AS_NATURAL_KEY": ConstanceConfigItem(
-        default=False,
-        help_text="Device names are not guaranteed globally-unique by Nautobot but in practice they often are. "
-        "Set this to True to use the device name alone as the natural key for Device objects. "
-        "Set this to False to use the sequence (name, tenant, location) as the natural key instead.",
-        field_type=bool,
+    "DEVICE_UNIQUENESS": ConstanceConfigItem(
+        default="location_tenant_name",
+        help_text=(
+            "Select how Devices are uniquely identified:\n"
+            "- 'location_tenant_name': combination of Location + Tenant + Name\n"
+            "- 'name': Device name must be globally unique\n"
+            "- 'none': No enforced uniqueness (rely on other validation rules or custom validators)"
+        ),
+        field_type=str,
     ),
     "DEPLOYMENT_ID": ConstanceConfigItem(
         default="",
@@ -861,7 +875,7 @@ CONSTANCE_CONFIG_FIELDSETS = {
     "Change Logging": ["CHANGELOG_RETENTION"],
     "Device Connectivity": ["NETWORK_DRIVERS", "PREFER_IPV4"],
     "Installation Metrics": ["DEPLOYMENT_ID"],
-    "Natural Keys": ["DEVICE_NAME_AS_NATURAL_KEY", "LOCATION_NAME_AS_NATURAL_KEY"],
+    "Natural Keys": ["DEVICE_UNIQUENESS", "LOCATION_NAME_AS_NATURAL_KEY"],
     "Pagination": ["PAGINATE_COUNT", "MAX_PAGE_SIZE", "PER_PAGE_DEFAULTS"],
     "Performance": ["JOB_CREATE_FILE_MAX_SIZE"],
     "Rack Elevation Rendering": [

nautobot/core/settings.yaml

@@ -758,16 +758,22 @@ properties:
       "`nautobot-server send_installation_metrics`": "../tools/nautobot-server.md#send_installation_metrics"
     type: "string"
     version_added: "1.6.0"
-  DEVICE_NAME_AS_NATURAL_KEY:
-    default: false
+  DEVICE_UNIQUENESS:
+    default: "location_tenant_name"
     description: >-
       `Device` names are not guaranteed globally-unique by Nautobot but in practice they often are.
-      Set this to `True` to use the device `name` alone as the natural key for `Device` objects.
-      Set this to `False` to use the sequence `(name, tenant, location)` as the natural key instead.
-    environment_variable: "NAUTOBOT_DEVICE_NAME_AS_NATURAL_KEY"
+      Select how Devices are uniquely identified:
+        - 'location_tenant_name': combination of Location + Tenant + Name
+        - 'name': Device name must be globally unique
+        - 'none': No enforced uniqueness (rely on other validation rules or custom validators)
+      The `DEVICE_UNIQUENESS` setting also determines which fields Nautobot treats as the natural key for a Device.
+        - If set to "location_tenant_name", the natural key is the combination of Name, Tenant, and Location.
+        - If set to "name", the natural key is the device name alone.
+        - If set to "none", Nautobot falls back to using the primary key for uniqueness.
+    environment_variable: "NAUTOBOT_DEVICE_UNIQUENESS"
     is_constance_config: true
-    type: "boolean"
-    version_added: "2.0.0"
+    type: "string"
+    version_added: "3.0.0"
   EVENT_BROKERS:
     default: {}
     description: >-

nautobot/core/tables.py

@@ -29,14 +29,12 @@ logger = logging.getLogger(__name__)
 
 class BaseTable(django_tables2.Table):
     """
-    Default table for object lists
-
-    :param user: Personalize table display for the given user (optional). Has no effect if AnonymousUser is passed.
+    Default table for object lists.
     """
 
     class Meta:
         attrs = {
-            "class": "table table-hover table-headings",
+            "class": "table table-hover nb-table-headings",
         }
 
     def __init__(
@@ -48,6 +46,7 @@ class BaseTable(django_tables2.Table):
         hide_hierarchy_ui=False,
         order_by=None,
         data_transform_callback=None,
+        configurable=False,
         **kwargs,
     ):
         """
@@ -57,7 +56,7 @@ class BaseTable(django_tables2.Table):
             *args (list, optional): Passed through to django_tables2.Table
             table_changes_pending (bool): TODO
             saved_view (SavedView, optional): TODO
-            user (User, optional): TODO
+            user (User, optional): Personalize table display for the given user (optional)
             hide_hierarchy_ui (bool): Whether to display or hide hierarchy indentation of nested objects.
             order_by (list, optional): Field(s) to sort by
             data_transform_callback (function, optional): A function that takes the given `data` as an input and
@@ -115,6 +114,8 @@ class BaseTable(django_tables2.Table):
         # Init table
         super().__init__(*args, order_by=order_by, **kwargs)
 
+        self.configurable = configurable
+
         if not isinstance(self.data, TableQuerysetData):
             # LinkedCountColumns don't work properly if the data is a list of dicts instead of a queryset,
             # as they rely on a `queryset.annotate()` call to gather the data.
@@ -369,12 +370,17 @@ class ToggleColumn(django_tables2.CheckBoxColumn):
         default = kwargs.pop("default", "")
         visible = kwargs.pop("visible", False)
         if "attrs" not in kwargs:
-            kwargs["attrs"] = {"td": {"class": "min-width"}}
+            kwargs["attrs"] = {
+                "input": {"class": "form-check-input nb-form-check-input-sm mt-2"},
+                "td": {"class": "nb-w-0"},
+            }
         super().__init__(*args, default=default, visible=visible, **kwargs)
 
     @property
     def header(self):
-        return mark_safe('<input type="checkbox" class="toggle" title="Toggle all" />')
+        return mark_safe(
+            '<input type="checkbox" class="toggle form-check-input nb-form-check-input-sm mt-2" title="Toggle all" />'
+        )
 
 
 class BooleanColumn(django_tables2.Column):
@@ -391,30 +397,55 @@ class ButtonsColumn(django_tables2.TemplateColumn):
     """
     Render edit, delete, and changelog buttons for an object.
 
-    :param model: Model class to use for calculating URL view names
-    :param prepend_template: Additional template content to render in the column (optional)
-    :param return_url_extra: String to append to the return URL (e.g. for specifying a tab) (optional)
+    Args:
+        model (type(Model)): Model class to use for calculating URL view names
+        prepend_template (Optional[str]): Additional template content to render in the column
+        return_url_extra (Optional[str]): String to append to the return URL (e.g. for specifying a tab)
     """
 
     buttons = ("changelog", "edit", "delete")
-    attrs = {"td": {"class": "text-right text-nowrap noprint"}}
+    attrs = {
+        "td": {"class": "d-print-none text-end text-nowrap nb-actions nb-w-0"},
+        "tf": {"class": "nb-w-0"},
+        "th": {"class": "nb-actionable nb-w-0"},
+    }
     # Note that braces are escaped to allow for string formatting prior to template rendering
-    template_code = """
-    {{% if "changelog" in buttons %}}
-        <a href="{{% url '{changelog_route}' {pk_field}=record.{pk_field} %}}" class="btn btn-default btn-xs" title="Change log">
-            <i class="mdi mdi-history"></i>
-        </a>
-    {{% endif %}}
-    {{% if "edit" in buttons and perms.{app_label}.change_{model_name} %}}
-        <a href="{{% url '{edit_route}' {pk_field}=record.{pk_field} %}}?return_url={{{{ request.path }}}}{{{{ return_url_extra }}}}" class="btn btn-xs btn-warning" title="Edit">
-            <i class="mdi mdi-pencil"></i>
-        </a>
-    {{% endif %}}
-    {{% if "delete" in buttons and perms.{app_label}.delete_{model_name} %}}
-        <a href="{{% url '{delete_route}' {pk_field}=record.{pk_field} %}}?return_url={{{{ request.path }}}}{{{{ return_url_extra }}}}" class="btn btn-xs btn-danger" title="Delete">
-            <i class="mdi mdi-trash-can-outline"></i>
-        </a>
-    {{% endif %}}
+    template_code = """\
+{{% if record.present_in_database %}}
+    <div class="dropdown">
+        <button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+            <span class="mdi mdi-dots-vertical" aria-hidden="true"></span>
+            <span class="visually-hidden">Toggle Dropdown</span>
+        </button>
+        <ul class="dropdown-menu dropdown-menu-end">
+            {prepend_template}
+            {{% if "changelog" in buttons %}}
+                <li>
+                    <a href="{{% url '{changelog_route}' {pk_field}=record.{pk_field} %}}" class="dropdown-item">
+                        <span class="mdi mdi-history" aria-hidden="true"></span>
+                        Change Log
+                    </a>
+                </li>
+            {{% endif %}}
+            {{% if "edit" in buttons and perms.{app_label}.change_{model_name} %}}
+                <li>
+                    <a href="{{% url '{edit_route}' {pk_field}=record.{pk_field} %}}?return_url={{{{ request.path }}}}{{{{ return_url_extra }}}}" class="dropdown-item text-warning">
+                        <span class="mdi mdi-pencil" aria-hidden="true"></span>
+                        Edit
+                    </a>
+                </li>
+            {{% endif %}}
+            {{% if "delete" in buttons and perms.{app_label}.delete_{model_name} %}}
+                <li>
+                    <a href="{{% url '{delete_route}' {pk_field}=record.{pk_field} %}}?return_url={{{{ request.path }}}}{{{{ return_url_extra }}}}" class="dropdown-item text-danger">
+                        <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span>
+                        Delete
+                    </a>
+                </li>
+            {{% endif %}}
+        </ul>
+    </div>
+{{% endif %}}
     """
 
     def __init__(
@@ -423,15 +454,10 @@ class ButtonsColumn(django_tables2.TemplateColumn):
         *args,
         pk_field="pk",
         buttons=None,
-        prepend_template=None,
+        prepend_template="",
         return_url_extra="",
         **kwargs,
     ):
-        if prepend_template:
-            prepend_template = prepend_template.replace("{", "{{")
-            prepend_template = prepend_template.replace("}", "}}")
-            self.template_code = prepend_template + self.template_code
-
         app_label = model._meta.app_label
         changelog_route = get_route_for_model(model, "changelog")
         edit_route = get_route_for_model(model, "edit")
@@ -445,6 +471,7 @@ class ButtonsColumn(django_tables2.TemplateColumn):
             delete_route=delete_route,
             pk_field=pk_field,
             buttons=buttons,
+            prepend_template=prepend_template,
         )
 
         super().__init__(template_code=template_code, *args, **kwargs)
@@ -460,6 +487,49 @@ class ButtonsColumn(django_tables2.TemplateColumn):
         return ""
 
 
+class ApprovalButtonsColumn(django_tables2.TemplateColumn):
+    """
+    Render detail, changelog, approve, deny, and comment buttons for an approval workflow stage.
+
+    Args:
+        model (type(Model)): Model class to use for calculating URL view names
+        return_url_extra (Optional[str]): String to append to the return URL (e.g. for specifying a tab)
+    """
+
+    buttons = ("detail", "changelog", "approve", "deny")
+    attrs = {"td": {"class": "d-print-none text-end text-nowrap"}}
+    template_name = "extras/inc/approval_buttons_column.html"
+
+    def __init__(
+        self,
+        model,
+        *args,
+        buttons=None,
+        return_url_extra="",
+        **kwargs,
+    ):
+        app_label = model._meta.app_label
+        changelog_route = get_route_for_model(model, "changelog")
+        approval_route = "extras:approvalworkflowstage_approve"
+        deny_route = "extras:approvalworkflowstage_deny"
+
+        super().__init__(template_name=self.template_name, *args, **kwargs)
+
+        self.extra_context.update(
+            {
+                "buttons": buttons or self.buttons,
+                "return_url_extra": return_url_extra,
+                "changelog_route": changelog_route,
+                "approval_route": approval_route,
+                "deny_route": deny_route,
+                "have_permission": f"perms.{app_label}.change_{model._meta.model_name}",
+            }
+        )
+
+    def header(self):  # pylint: disable=invalid-overridden-method
+        return ""
+
+
 class ChoiceFieldColumn(django_tables2.Column):
     """
     Render a ChoiceField value inside a <span> indicating a particular CSS class. This is useful for displaying colored
@@ -471,7 +541,7 @@ class ChoiceFieldColumn(django_tables2.Column):
             name = bound_column.name
             css_class = getattr(record, f"get_{name}_class")()
             label = getattr(record, f"get_{name}_display")()
-            return format_html('<span class="label label-{}">{}</span>', css_class, label)
+            return format_html('<span class="badge bg-{}">{}</span>', css_class, label)
         return self.default
 
 
@@ -481,7 +551,7 @@ class ColorColumn(django_tables2.Column):
     """
 
     def render(self, value):
-        return format_html('<span class="label color-block" style="background-color: #{}">&nbsp;</span>', value)
+        return format_html('<span class="label nb-color-block" style="background-color: #{}">&nbsp;</span>', value)
 
 
 class ColoredLabelColumn(django_tables2.TemplateColumn):
@@ -491,7 +561,7 @@ class ColoredLabelColumn(django_tables2.TemplateColumn):
 
     template_code = """
     {% load helpers %}
-    {% if value %}<label class="label" style="color: {{ value.color|fgcolor }}; background-color: #{{ value.color }}">{{ value }}</label>{% else %}&mdash;{% endif %}
+    {% if value %}<span class="badge" style="color: {{ value.color|fgcolor }}; background-color: #{{ value.color }}">{{ value }}</span>{% else %}&mdash;{% endif %}
     """
 
     def __init__(self, *args, **kwargs):
@@ -589,11 +659,11 @@ class LinkedCountColumn(django_tables2.Column):
                 {k: (getattr(record, v) or settings.FILTERS_NULL_CHOICE_VALUE) for k, v in self.url_params.items()}
             )
         if value > 1:
-            return format_html('<a href="{}" class="badge">{}</a>', url, value)
+            return format_html('<a href="{}" class="badge bg-primary">{}</a>', url, value)
         if related_record is not None:
             return helpers.hyperlinked_object(related_record, self.display_field)
         if value == 1:
-            return format_html('<a href="{}" class="badge">{}</a>', url, value)
+            return format_html('<a href="{}" class="badge bg-primary">{}</a>', url, value)
         return helpers.placeholder(value)
 
 
@@ -606,7 +676,7 @@ class TagColumn(django_tables2.TemplateColumn):
     {% for tag in value.all %}
         {% include 'utilities/templatetags/tag.html' %}
     {% empty %}
-        <span class="text-muted">&mdash;</span>
+        <span class="text-secondary">&mdash;</span>
     {% endfor %}
     """
 
@@ -622,9 +692,9 @@ class ContentTypesColumn(django_tables2.ManyToManyColumn):
     performance hit to querysets for table views. If this becomes an issue,
     set `sort_items=False`.
 
-    :param sort_items: Whether to sort by `(app_label, name)`. (default: True)
-    :param truncate_words:
-        Number of words at which to truncate, or `None` to disable. (default: None)
+    Args:
+        sort_items (bool): Whether to sort by `(app_label, name)`.
+        truncate_words (Optional[int]): Number of words at which to truncate, or `None` to disable.
     """
 
     def __init__(self, sort_items=True, truncate_words=None, *args, **kwargs):
@@ -683,9 +753,9 @@ class CustomFieldColumn(django_tables2.Column):
         if self.customfield.type == choices.CustomFieldTypeChoices.TYPE_BOOLEAN:
             template = helpers.render_boolean(value)
         elif self.customfield.type == choices.CustomFieldTypeChoices.TYPE_MULTISELECT:
-            template = format_html_join(" ", '<span class="label label-default">{}</span>', ((v,) for v in value))
+            template = format_html_join(" ", '<span class="badge bg-secondary">{}</span>', ((v,) for v in value))
         elif self.customfield.type == choices.CustomFieldTypeChoices.TYPE_SELECT:
-            template = format_html('<span class="label label-default">{}</span>', value)
+            template = format_html('<span class="badge bg-secondary">{}</span>', value)
         elif self.customfield.type == choices.CustomFieldTypeChoices.TYPE_URL:
             template = format_html('<a href="{}">{}</a>', value, value)
         else:

nautobot/core/templates/403.html

@@ -2,7 +2,7 @@
 
 {% block title %}Access Denied{% endblock %}
 
-{% block icon %}<i class="mdi mdi-lock"></i>{% endblock %}
+{% block icon %}<span class="mdi mdi-lock"></span>{% endblock %}
 
 {% block message %}
     You do not have permission to access this page.

nautobot/core/templates/403_csrf_failure.html

@@ -2,7 +2,7 @@
 
 {% block title %}Invalid Form Submission{% endblock %}
 
-{% block icon %}<i class="mdi mdi-alert"></i>{% endblock %}
+{% block icon %}<span class="mdi mdi-alert"></span>{% endblock %}
 
 {% block message %}
     CSRF failure has occurred.<br/>

nautobot/core/templates/404.html

@@ -2,7 +2,7 @@
 
 {% block title %}Page Not Found{% endblock %}
 
-{% block icon %}<i class="mdi mdi-alert"></i>{% endblock %}
+{% block icon %}<span class="mdi mdi-alert"></span>{% endblock %}
 
 {% block message %}
     The requested page does not exist.

nautobot/core/templates/40x.html

@@ -2,20 +2,20 @@
 {% load helpers %}
 
 {% block content %}
-    <div class="row" style="margin-top: 150px;">
-        <div class="col-sm-4 col-sm-offset-4">
-            <div class="panel panel-default">
-                <div class="panel-heading">
-                    <strong>{% block icon %}{% endblock %} {% block title %}{% endblock %}</strong>
+    <div class="row justify-content-center" style="margin-top: 9.375rem;">
+        <div class="col-sm-12 col-md-9 col-lg-7 nb-lg-max-width">
+            <div class="card">
+                <div class="card-header">
+                    <strong class="hstack gap-4">{% block icon %}{% endblock %}{% block title %}{% endblock %}</strong>
                 </div>
-                <div class="panel-body">
+                <div class="card-body">
                     <p>
                         {% block message %}{% endblock %}
                     </p>
                     {% support_message %}
                 </div>
-                <div class="panel-footer text-right">
-                    <a href="{% url 'home' %}" class="btn btn-xs btn-primary">Home Page</a>
+                <div class="card-footer bg-body text-center">
+                    <a href="{% url 'home' %}" class="btn btn-primary">Home Page</a>
                 </div>
             </div>
         </div>

nautobot/core/templates/500.html

@@ -4,19 +4,19 @@
 {% block title %}Server Error{% endblock %}
 
 {% block content %}
-    <div class="row" style="margin-top: 150px;">
-        <div class="col-sm-4 col-sm-offset-4">
-            <div class="panel panel-default">
-                <div class="panel-heading">
-                    <strong><i class="mdi mdi-alert"></i>Server Error</strong>
+    <div class="row justify-content-center" style="margin-top: 9.375rem;">
+        <div class="col-sm-12 col-md-9 col-lg-7 nb-lg-max-width">
+            <div class="card">
+                <div class="card-header">
+                    <strong class="hstack gap-4"><span class="mdi mdi-alert"></span>Server Error</strong>
                 </div>
-                <div class="panel-body">
+                <div class="card-body">
                     {% block message %}
                         <p>
                             There was a problem with your request. Please contact an administrator.
                         </p>
                     {% endblock %}
-                    <hr />
+                    <hr class="border-top" />
                     <p>
                         The complete exception is provided below:
                     </p>
@@ -28,10 +28,10 @@ Nautobot version: {{ nautobot_version }}
 </pre>
                     {% support_message %}
                 </div>
-                <div class="panel-footer text-right">
-                    <a href="{% url 'home' %}" class="btn btn-xs btn-primary">Home Page</a>
+                <div class="card-footer bg-body text-center">
+                    <a href="{% url 'home' %}" class="btn btn-primary">Home Page</a>
                 </div>
             </div>
         </div>
     </div>
-{% endblock %}
+{% endblock %}

nautobot/core/templates/about.html

@@ -1,39 +1,40 @@
 {% extends 'base.html' %}
 {% load helpers %}
 {% load registry %}
+{% load ui_framework %}
+
+{% block breadcrumbs_wrapper %}{% render_breadcrumbs %}{% endblock %}
 
 {% block header %}
     {{ block.super }}
     {% if new_release %}
         {# new_release is set only if the current user is a superuser or staff member #}
         <div class="alert alert-info text-center" role="alert">
-            <i class="mdi mdi-information-outline"></i>
+            <span class="mdi mdi-information-outline"></span>
             A new release is available: <a href="{{ new_release.url }}">Nautobot v{{ new_release.version }}</a> |
             <a href="https://docs.nautobot.com/projects/core/en/v{{ new_release.version }}/installation/upgrading/">Upgrade instructions</a>
         </div>
     {% endif %}
 {% endblock %}
 
-
 {% block content %}
-    <h1>About Nautobot</h1>
     <div class="row">
-        <div class="col-md-6">
-            <div class="panel panel-default">
-                <div class="panel-heading">
+        <div class="col-lg-6">
+            <div class="card">
+                <div class="card-header">
                     <strong>About</strong>
                 </div>
-                <div class="panel-body">
+                <div class="card-body">
                     <a href="https://networktocode.com/nautobot/">Nautobot</a> is a product of <a href="https://networktocode.com/">Network to Code</a>. Nautobot is a Network Source of Truth and Network Automation Platform. Nautobot has an extensive ecosystem of solutions that can be installed to provide and power Network Automation feature sets. Please check the <a href="{% url 'apps:apps_marketplace' %}">App Marketplace</a> to learn more.
                 </div>
             </div>
         </div>
-        <div class="col-md-6">
-            <div class="panel panel-default">
-                <div class="panel-heading">
+        <div class="col-lg-6">
+            <div class="card">
+                <div class="card-header">
                     <strong>Support</strong>
                 </div>
-                <table class="table table-hover panel-body attr-table">
+                <table class="table table-hover card-body attr-table">
                     <tr>
                         <td>Support Contract Status</td>
                         <td>{{ support_contract_active | render_boolean }}</td>
@@ -64,4 +65,4 @@
             </div>
         </div>
     </div>
-{% endblock %}
+{% endblock %}

nautobot/core/templates/admin/actions.html

@@ -1,5 +1,5 @@
 {% load i18n bootstrapped_goodies_tags %}
-<div class="actions form-group">
+<div class="actions mb-10 d-flex justify-content-center">
     {% for field in action_form %}{% if field.label %}<span style="vertical-align:sub">{{ field.label }}</span> {% endif %}{% dab_field_rendering field %}{% endfor %}
     <button type="submit" class="btn btn-sm btn-primary" title="{% trans "Run the selected action" %}" name="index" value="{{ action_index|default:0 }}">{% trans "Go" %}</button>
 </div>

nautobot/core/templates/admin/app_index.html

@@ -6,12 +6,12 @@
 {% if not is_popup %}
     {% block breadcrumbs %}
         <ol class="breadcrumb">
-            <li><a href="{% url 'admin:index' %}">{% trans 'Admin Home' %}</a></li>
+            <li class="breadcrumb-item"><a href="{% url 'admin:index' %}">{% trans 'Admin Home' %}</a></li>
             {% for app in app_list %}
-                <li>{{ app.name }}</li>
+                <li {% if forloop.last %}class="breadcrumb-item active" aria-current="page"{% else %}class="breadcrumb-item"{% endif %}>{{ app.name }}</li>
             {% endfor %}
         </ol>
     {% endblock %}
 {% endif %}
 
-{% block sidebar %}{% endblock %}
+{% block sidebar %}{% endblock %}