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

nautobot/core/templates/inc/search_panel.html

@@ -1,27 +1,33 @@
 {% load form_helpers %}
 
-<form action="." method="get" class="form" style="padding: 0 10px;">
-    {% for field in filter_form.hidden_fields %}
-        {{ field }}
-    {% endfor %}
-    {% for field in filter_form.visible_fields %}
-        <div class="form-group">
+<form class="h-100 vstack">
+    <div class="align-content-start flex-fill pb-20">
+        {% for field in filter_form.hidden_fields %}
+            {{ field }}
+        {% endfor %}
+        {% for field in filter_form.visible_fields %}
             {% if field.name == "q" %}
                 <!--  Skip q field -->
-            {% elif field|widget_type == 'checkboxinput' %}
-                <label for="{{ field.id_for_label }}">{{ field }} {{ field.label }}</label>
             {% else %}
-                {{ field.label_tag }}
-                {{ field }}
+                <div class="nb-form-group">
+                    {% if field|widget_type == 'checkboxinput' %}
+                        <label for="{{ field.id_for_label }}">{{ field }} {{ field.label }}</label>
+                    {% else %}
+                        {{ field.label_tag }}
+                        {{ field }}
+                    {% endif %}
+                </div>
             {% endif %}
-        </div>
-    {% endfor %}
-    <div class="text-right noprint">
+        {% endfor %}
+    </div>
+    <div class="justify-content-between mb-n20 nb-form-sticky-footer">
         <button type="submit" class="btn btn-primary">
-            <span class="mdi mdi-magnify" aria-hidden="true"></span> Apply
+            <span class="mdi mdi-check me-4" aria-hidden="true"></span><!--
+            -->Apply Specified
         </button>
-        <button type="reset" class="btn btn-default">
-            <span class="mdi mdi-close-thick" aria-hidden="true"></span> Clear
+        <button type="reset" class="btn btn-secondary">
+            <span aria-hidden="true" class="mdi mdi-close me-4"></span><!--
+            -->Clear All
         </button>
     </div>
 </form>

nautobot/core/templates/inc/table.html

@@ -1,41 +1,66 @@
 {% load querystring from django_tables2 %}
+{% load get_item table_config_button from helpers %}
 
-<table {% if table.attrs %} {{ table.attrs.as_html }}{% endif %}>
-    {% if table.show_header %}
-        <thead>
-            <tr>
-                {% for column in table.columns %}
-                    {% if column.orderable %}
-                        <th {{ column.attrs.th.as_html }}><a href="{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}" data-column-name="{{ column.name }}">{{ column.header }}</a></th>
-                    {% else %}
-                        <th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
+{% with last_column_name=table.columns.names|last %}
+    <table{% if table.attrs %} {{ table.attrs.as_html }}{% endif %}>
+        {% if table.show_header %}
+            <thead>
+                <tr>
+                    {% for column in table.columns %}
+                        {% if not table.configurable or not forloop.last or last_column_name != 'actions' %}
+                            {% if column.orderable %}
+                                <th {{ column.attrs.th.as_html }}><a href="{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}" data-column-name="{{ column.name }}">{{ column.header }}</a></th>
+                            {% else %}
+                                <th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
+                            {% endif %}
+                        {% else %}
+                            <th {{ column.attrs.th.as_html }}>
+                                {% table_config_button table %}
+                            </th>
+                        {% endif %}
+                    {% endfor %}
+                    {% if table.configurable and last_column_name != 'actions' %}
+                        <th class="nb-actionable nb-w-0">
+                            {% table_config_button table %}
+                        </th>
+                    {% endif %}
+                </tr>
+            </thead>
+        {% endif %}
+        <tbody>
+            {% for row in table.page.object_list|default:table.rows %}
+                <tr {{ row.attrs.as_html }}>
+                    {% for column, cell in row.items %}
+                        <td {{ column.attrs.td.as_html }}>{{ cell }}</td>
+                    {% endfor %}
+                    {% if table.configurable and last_column_name != "actions" %}
+                        <td class="nb-w-0" />
                     {% endif %}
-                {% endfor %}
-            </tr>
-        </thead>
-    {% endif %}
-    <tbody>
-        {% for row in table.page.object_list|default:table.rows %}
-            <tr {{ row.attrs.as_html }}>
-                {% for column, cell in row.items %}
-                    <td {{ column.attrs.td.as_html }}>{{ cell }}</td>
-                {% endfor %}
-            </tr>
-        {% empty %}
-            {% if table.empty_text %}
+                </tr>
+            {% empty %}
+                {% if table.empty_text %}
+                    <tr>
+                        <td
+                            colspan="{% if last_column_name == 'actions' %}{{ table.columns|length }}{% else %}{{ table.columns|length|add:1 }}{% endif %}"
+                            class="text-center text-secondary"
+                        >
+                            &mdash; {{ table.empty_text }} &mdash;
+                        </td>
+                    </tr>
+                {% endif %}
+            {% endfor %}
+        </tbody>
+        {% if table.has_footer %}
+            <tfoot>
                 <tr>
-                    <td colspan="{{ table.columns|length }}" class="text-center text-muted">&mdash; {{ table.empty_text }} &mdash;</td>
+                    {% for column in table.columns %}
+                        <td>{{ column.footer }}</td>
+                    {% endfor %}
+                    {% if table.configurable and last_column_name != "actions" %}
+                        <td class="nb-w-0" />
+                    {% endif %}
                 </tr>
-            {% endif %}
-        {% endfor %}
-    </tbody>
-    {% if table.has_footer %}
-        <tfoot>
-            <tr>
-                {% for column in table.columns %}
-                    <td>{{ column.footer }}</td>
-                {% endfor %}
-            </tr>
-        </tfoot>
-    {% endif %}
-</table>
+            </tfoot>
+        {% endif %}
+    </table>
+{% endwith %}

nautobot/core/templates/inc/tenancy_form_panel.html

@@ -1,8 +1,8 @@
 {% load form_helpers %}
 
-<div class="panel panel-default">
-    <div class="panel-heading"><strong>Tenancy</strong></div>
-    <div class="panel-body">
+<div class="card">
+    <div class="card-header"><strong>Tenancy</strong></div>
+    <div class="card-body">
         {% render_field form.tenant_group %}
         {% render_field form.tenant %}
     </div>

nautobot/core/templates/login.html

@@ -2,90 +2,48 @@
 {% load helpers %}
 {% load form_helpers %}
 
-{% block extra_styles %}
-    <style>
-        .style-line {
-            overflow: hidden;
-            text-align: center;
-            margin-bottom: 20px;
-        }
-        .style-line span {
-            text-align: center;
-            font-size: 15px;
-            color: #acacac;
-            display: inline-block;
-            position: relative;
-            padding: 0 25px;
-            z-index: 1;
-        }
-        .style-line span:before {
-            display: inline-block;
-            content: "";
-            height: 2px;
-            width: 100%;
-            background-color: #cfcfcf;
-            left: 100%;
-            top: 50%;
-            -webkit-transform: translateY(-50%);
-            -ms-transform: translateY(-50%);
-            transform: translateY(-50%);
-            position: absolute;
-            z-index: 1;
-        }
-        .style-line span:after {
-            display: inline-block;
-            content: "";
-            height: 2px;
-            width: 100%;
-            background-color: #cfcfcf;
-            right: 100%;
-            top: 50%;
-            -webkit-transform: translateY(-50%);
-            -ms-transform: translateY(-50%);
-            transform: translateY(-50%);
-            position: absolute;
-            z-index: 1;
-        }
-    </style>
-{% endblock %}
+{% block title %}Home{% endblock title %}
 
 {% block content %}
-    <div class="row" style="margin-top: {% if 'BANNER_LOGIN'|settings_or_config %}100{% else %}150{% endif %}px;">
-        <div class="col-sm-4 col-sm-offset-4">
+    <div class="row justify-content-center" style="margin-block-start: {% if 'BANNER_LOGIN'|settings_or_config %}6.25{% else %}9.375{% endif %}rem;">
+        <div class="col-sm-12 col-md-9 col-lg-7 nb-lg-max-width">
             {% if "BANNER_LOGIN"|settings_or_config %}
                 <div class="alert alert-info text-center" role="alert">
                     {{ "BANNER_LOGIN"|settings_or_config|render_markdown }}
                 </div>
             {% endif %}
             {% if form.non_field_errors %}
-                <div class="panel panel-danger">
-                    <div class="panel-heading"><strong>Errors</strong></div>
-                    <div class="panel-body">
+                <div class="card border-danger mb-20">
+                    <div class="card-header bg-danger-subtle border-danger text-body">
+                        <strong>Errors</strong>
+                    </div>
+                    <div class="card-body">
                         {{ form.non_field_errors }}
                     </div>
                 </div>
             {% endif %}
-            <form action="{% url 'login' %}" method="post" class="form form-horizontal">
-                <div class="panel panel-default">
-                    <div class="panel-heading">
+            <form action="{% url 'login' %}" method="post">
+                <div class="card">
+                    <div class="card-header">
                         <strong>Log In</strong>
                     </div>
-                    <div class="panel-body">
+                    <div class="card-body">
                         {% csrf_token %}
                         {% if 'next' in request.GET %}<input type="hidden" name="next" value="{{ request.GET.next }}" />{% endif %}
                         {% if 'next' in request.POST %}<input type="hidden" name="next" value="{{ request.POST.next }}" />{% endif %}
                         {% render_form form %}
                     </div>
-                    <div class="panel-footer text-right">
+                    <div class="card-footer bg-body text-center">
                         <button type="submit" class="btn btn-primary">Log In</button>
                     </div>
                 </div>
             </form>
             {% if SSO_AUTH_ENABLED %}
-                <div class="style-line">
-                    <span>Or</span>
+                <div class="position-relative text-center">
+                    <hr class="border-top m-20">
+                    <span class="bg-body px-16 position-absolute start-50 top-0 translate-middle">Or</span>
+                    <a href="{% url 'social:begin' backends.backends.0 %}?next={{ request.get_full_path | urlencode }}&{{ SAML_IDP }}" class="btn btn-primary">Continue with SSO</a>
                 </div>
-                <a href="{% url 'social:begin' backends.backends.0 %}?next={{ request.get_full_path | urlencode }}&{{ SAML_IDP }}" class="btn btn-primary btn-block">Continue with SSO</a>
             {% endif %}
         </div>
     </div>

nautobot/core/templates/modals/modal_theme.html

@@ -4,35 +4,24 @@
 <!-- Theme Setting Modal -->
 <div id="theme_modal" class="modal fade" role="dialog">
     <div class="modal-dialog modal-lg">
-        <!-- Modal content-->
         <div class="modal-content">
             <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal">&times;</button>
-                <h4 class="modal-title">Select A Theme</h4>
+                <h4 class="modal-title">Select a Theme</h4>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
-                <div class="table-responsive-md">
-                    <table class="table theme-table">
-                        <thead>
-                            <tr>
-                                <th scope="col" class="text-center">Light</th>
-                                <th scope="col" class="text-center">Dark</th>
-                                <th scope="col" class="text-center">System</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                <td id="td-light-theme"><a href="#" onclick="toggleTheme('light');" id="btn-light-theme"><img src="{% static 'img/light-theme.png' %}" id="img-light-theme" alt="Light" height="170" width="232" class="img-responsive" /></a></td>
-                                <td id="td-dark-theme"><a href="#" onclick="toggleTheme('dark');" id="btn-dark-theme"><img src="{% static 'img/dark-theme.png' %}" id="img-dark-theme" alt="Dark" height="170" width="232" class="img-responsive" /></a></td>
-                                <td id="td-system-theme"><a href="#" onclick="toggleTheme('system');" id="btn-system-theme"><img src="{% static 'img/system-theme.png' %}" id="img-system-theme" alt="Toggle" height="170" width="232" class="img-responsive" /></a></td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
+                <dl class="align-items-center column-gap-20 d-grid row-gap-16 mb-0 text-center" style="grid-auto-flow: column; grid-template: repeat(2, auto) / repeat(3, 1fr);">
+                    <dt>Light</dt>
+                    <dd><button class="btn overflow-hidden p-0" data-nb-theme="light"><img src="{% static 'img/light-theme.png' %}" alt="Light Theme" class="mx-auto my-0 w-100" /></button></dd>
+                    <dt>Dark</dt>
+                    <dd><button class="btn overflow-hidden p-0" data-nb-theme="dark"><img src="{% static 'img/dark-theme.png' %}" alt="Dark Theme" class="mx-auto my-0 w-100" /></button></dd>
+                    <dt>System</dt>
+                    <dd><button class="btn overflow-hidden p-0" data-nb-theme="system"><img src="{% static 'img/system-theme.png' %}" alt="System Theme" class="mx-auto my-0 w-100" /></button></dd>
+                </dl>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-danger" id="dismiss-modal-theme" data-dismiss="modal">Cancel</button>
+                <button type="button" class="btn btn-secondary" id="dismiss-modal-theme" data-bs-dismiss="modal"><span aria-hidden="true" class="mdi mdi-close me-4"></span>Cancel</button>
             </div>
         </div>
     </div>
-</div>
+</div>

nautobot/core/templates/nautobot_config.py.j2

@@ -358,11 +358,12 @@ SECRET_KEY = os.getenv("NAUTOBOT_SECRET_KEY", "{{ secret_key }}")
 #     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 = {}

nautobot/core/templates/panel_table.html

@@ -1,23 +1,19 @@
 {% load render_table from django_tables2 %}
 {% load helpers %}
 
-<div class="panel panel-{{ panel_class|default:'default' }}">
+<div class="card{% if card_class %} border-{{ card_class }} {% endif %} mb-3">
     {% if heading %}
-        <div class="panel-heading">
+        <div class="card-header{% if card_class %} bg-{{ card_class }}{% endif %}">
             <strong>{{ heading }}</strong>
         </div>
     {% endif %}
-    {% if table.rows %}
-        <div class="table-responsive">
-            {% render_table table table_inc_template|default:'inc/table.html' %}
-        </div>
-    {% else %}
-        <div class="panel-body text-muted">None</div>
-    {% endif %}
+    <div class="table-responsive">
+        {% render_table table table_inc_template|default:'inc/table.html' %}
+    </div>
     {% if add_obj_url %}
-        <div class="panel-footer noprint">
-            <div class="pull-right">
-                <a href="{{ add_obj_url }}" class="btn btn-primary btn-xs">
+        <div class="card-footer d-print-none">
+            <div class="float-end">
+                <a href="{{ add_obj_url }}" class="btn btn-primary btn-sm">
                     <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add {{ table.data.data.model|meta:"verbose_name" }}
                 </a>
             </div>

nautobot/core/templates/redoc_ui.html

@@ -0,0 +1,80 @@
+{% extends "base.html" %}
+{% load static %}
+{% load ui_framework %}
+
+{% block breadcrumbs_wrapper %}{% render_breadcrumbs %}{% endblock %}
+
+{% block extra_styles %}
+    <style>
+        @font-face {
+            font-display: swap;
+            font-family: 'Montserrat';
+            font-style: normal;
+            font-weight: 300;
+            src: url('{% static 'fonts/Montserrat-v30-Light.woff2' %}') format('woff2');
+        }
+        @font-face {
+            font-display: swap;
+            font-family: 'Montserrat';
+            font-style: normal;
+            font-weight: 400;
+            src: url('{% static 'fonts/Montserrat-v30-Regular.woff2' %}') format('woff2');
+        }
+        @font-face {
+            font-display: swap;
+            font-family: 'Montserrat';
+            font-style: normal;
+            font-weight: 700;
+            src: url('{% static 'fonts/Montserrat-v30-Bold.woff2' %}') format('woff2');
+        }
+        @font-face {
+            font-display: swap;
+            font-family: 'Roboto';
+            font-style: normal;
+            font-weight: 300;
+            src: url('{% static 'fonts/Roboto-v48-Light.woff2' %}') format('woff2');
+        }
+        @font-face {
+            font-display: swap;
+            font-family: 'Roboto';
+            font-style: normal;
+            font-weight: 400;
+            src: url('{% static 'fonts/Roboto-v48-Regular.woff2' %}') format('woff2');
+        }
+        @font-face {
+            font-display: swap;
+            font-family: 'Roboto';
+            font-style: normal;
+            font-weight: 700;
+            src: url('{% static 'fonts/Roboto-v48-Bold.woff2' %}') format('woff2');
+        }
+
+        {# Redoc doesn't change outer page styles. #}
+        body { margin: 0; padding: 0; }
+
+        [data-bs-theme="dark"] .redoc-wrap,
+        [data-bs-theme="dark"] .redoc-wrap > :last-child,
+        [data-bs-theme="dark"] .redoc-wrap .api-content > [data-section-id] > [data-section-id] > :last-child,
+        [data-bs-theme="dark"] .redoc-wrap .menu-content .operation-type {
+            filter: hue-rotate(180deg) invert(1);
+        }
+    </style>
+{% endblock extra_styles %}
+
+{% block content %}
+    {% if settings %}
+        <div id="redoc-container"></div>
+    {% else %}
+        <redoc spec-url="{{ schema_url }}"></redoc>
+    {% endif %}
+{% endblock content %}
+
+{% block javascript %}
+    <script src="{{ redoc_standalone }}"></script>
+    {% if settings %}
+        <script>
+            const redocSettings = {{ settings|safe }};
+            Redoc.init("{{ schema_url }}", redocSettings, document.getElementById('redoc-container'))
+        </script>
+    {% endif %}
+{% endblock javascript %}

nautobot/core/templates/rest_framework/api.html

@@ -2,6 +2,7 @@
 {% load helpers %}
 {% load plugins %}
 {% load static %}
+{% load ui_framework %}
 
 {% block bootstrap_theme %}
     {% include 'inc/media.html' %}
@@ -9,31 +10,52 @@
 
 {% block body %}
     {% include 'inc/nav_menu.html' %}
-    <div class="container-fluid" id="main-content">
-        {{ block.super }}
-    </div>
+    <header id="header">
+        <div class="banner-alert-area">
+            {% include 'inc/header_banners.html' %}
+        </div>
+        <div class="container-fluid mb-12 mt-16">
+            <div class="row">
+                <div class="col-4">
+                    {% include 'inc/page_title.html' with title=name|add:' – REST API' %}
+                </div>
+                {% include 'inc/header.html' %}
+                <div class="col-12">
+                    {% block breadcrumbs %}
+                        <nav aria-label="Breadcrumbs" class="mt-1">
+                            <ol class="breadcrumb">
+                                {% for breadcrumb_name, breadcrumb_url in breadcrumblist %}
+                                    <li class="breadcrumb-item"><a href="{{ breadcrumb_url }}">{{ breadcrumb_name }}</a></li>
+                                {% endfor %}
+                            </ol>
+                        </nav>
+                    {% endblock %}
+                </div>
+            </div>
+        </div>
+        {% block header %}{% endblock header %}
+    </header>
+    <main class="container-fluid wrapper" id="main-content" tabindex="-1">
+        {% block content %}
+            {{ block.super }}
+        {% endblock %}
+    </main>
     {% include 'inc/footer.html' %}
     <style>
-        .navbar-static-top {
-            display: none;
-        }
-        #main-content {
-            min-height: calc(100vh - 70px);
-        }
         .request-info {
             clear: both;  /* Fix description floating issue */
         }
     </style>
-{% endblock body %}
 
-{% block script %}
-    {% include 'inc/javascript.html' %}
-    <script src="{% static "rest_framework/js/prettify-min.js" %}"></script>
-    <script src="{% static "rest_framework/js/ajax-form.js" %}"></script>
-    <script src="{% static "rest_framework/js/default.js" %}"></script>
-    <script>
-        $(document).ready(function() {
-            $('form').ajaxForm();
-        });
-    </script>
-{% endblock script %}
+    {% block script %}
+        {% include 'inc/javascript.html' %}
+        <script src="{% static "rest_framework/js/prettify-min.js" %}"></script>
+        <script src="{% static "rest_framework/js/ajax-form.js" %}"></script>
+        <script src="{% static "rest_framework/js/default.js" %}"></script>
+        <script>
+            $(document).ready(function() {
+                $('form').ajaxForm();
+            });
+        </script>
+    {% endblock script %}
+{% endblock body %}

nautobot/core/templates/search.html

@@ -6,14 +6,13 @@
 
 {% block content %}
     {% if request.GET.q %}
-        {% include 'search_form.html' with search_form=form %}
         {% if results %}
             <div class="row">
-                <div class="col-md-10">
+                <div class="col-lg-10">
                     {% for obj_type in results %}
                         <h3 id="{{ obj_type.name|lower }}">{{ obj_type.name|bettertitle }}</h3>
                         {% include 'panel_table.html' with table=obj_type.table %}
-                        <a href="{{ obj_type.url }}" class="btn btn-primary pull-right">
+                        <a href="{{ obj_type.url }}" class="btn btn-primary float-end">
                             <span class="mdi mdi-arrow-right-bold" aria-hidden="true"></span>
                             {% if obj_type.table.page.has_next %}
                                 See all {{ obj_type.table.page.paginator.count }} results
@@ -24,16 +23,16 @@
                         <div class="clearfix"></div>
                     {% endfor %}
                 </div>
-                <div class="col-md-2" style="padding-top: 20px;">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
+                <div class="col-lg-2" style="padding-top: 20px;">
+                    <div class="card">
+                        <div class="card-header">
                             <strong>Search Results</strong>
                         </div>
                         <div class="list-group">
                             {% for obj_type in results %}
                                 <a href="#{{ obj_type.name|lower }}" class="list-group-item">
                                     {{ obj_type.name|bettertitle }}
-                                    <span class="badge">{{ obj_type.table.page.paginator.count }}</span>
+                                    <span class="badge bg-primary">{{ obj_type.table.page.paginator.count }}</span>
                                 </a>
                             {% endfor %}
                         </div>
@@ -41,20 +40,20 @@
                 </div>
             </div>
         {% else %}
-            <h3 class="text-muted text-center">No results found</h3>
+            <h3 class="text-secondary text-center">No results found</h3>
         {% endif %}
     {% else %}
         <div class="row" style="margin-top: 150px;">
-            <div class="col-sm-4 col-sm-offset-4">
+            <div class="col-md-4 offset-md-4">
                 <form action="{% url 'search' %}" method="get" class="form form-horizontal">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
+                    <div class="card">
+                        <div class="card-header">
                             <strong>Search</strong>
                         </div>
-                        <div class="panel-body">
+                        <div class="card-body">
                             {% render_form form %}
                         </div>
-                        <div class="panel-footer text-right">
+                        <div class="card-footer text-end">
                             <button type="submit" class="btn btn-primary">
                                 <span class="mdi mdi-magnify" aria-hidden="true"></span> Search
                             </button>