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

nautobot/core/templates/components/tab/label_wrapper_distinct_view.html

@@ -1,10 +1,17 @@
 {% comment %}disabled_message is not part of the default render context but a tab can define it if needed.{% endcomment %}
 {% if disabled_message %}
-    <li role="presentation" class="disabled">
-        <a href="#" title="{{ disabled_message }}">{{ label }}</a>
+    <li class="nav-item" role="presentation" title="{{ disabled_message }}">
+        <a aria-disabled="true" class="nav-link disabled">{{ label }}</a>
     </li>
 {% else %}
-    <li role="presentation"{% if request.GET.tab == tab_id or active_tab == tab_id %} class="active"{% endif %}>
-        <a href="{{ url }}">{{ label }}</a>
+    <li class="nav-item" role="presentation">
+        <a class="nav-link{% if active_tab == tab_id or request.GET.tab == tab_id %} active{% endif %}"
+           {% if active_tab == tab_id or request.GET.tab == tab_id %} aria-current="page"{% endif %}
+           href="{{ url }}"
+           aria-controls="{{ tab_id }}"
+           role="tab"
+        >
+            {{ label }}
+        </a>
     </li>
 {% endif %}

nautobot/core/templates/echarts/echarts.html

@@ -0,0 +1,20 @@
+<div class="collapse show" id="{{ chart_container_id }}" style="width: {{ chart_width }}; height: {{ chart_height }};"></div>
+<!-- Safe JSON export from Django -->
+{% with "echarts-config-"|add:chart_container_id as chart_config_id %}
+    {{ chart_config|json_script:chart_config_id }}
+{% endwith %}
+
+<script type="text/javascript">
+    document.addEventListener('DOMContentLoaded', () => {
+        // Initialize the echarts instance based on the prepared dom
+        var myChart = window.echarts.init(document.getElementById("{{ chart_container_id }}"), null, { renderer: "{{ chart.renderer }}" });
+
+        // Get config from JSON script
+        var options = JSON.parse(
+            document.getElementById("echarts-config-{{ chart_container_id }}").textContent
+        );
+
+        // Display the chart using the configuration items and data just specified.
+        myChart.setOption(options);
+    });
+</script>

nautobot/core/templates/exceptions/import_error.html

@@ -5,14 +5,14 @@
         A module import error occurred during this request. Common causes include the following:
     </p>
     <p>
-        <i class="mdi mdi-alert"></i> <strong>Missing required packages</strong> - This installation of Nautobot might be
+        <span class="mdi mdi-alert"></span> <strong>Missing required packages</strong> - This installation of Nautobot might be
         missing one or more required Python packages. These packages are listed in <code>requirements.txt</code> and
         <code>local_requirements.txt</code>, and are normally installed as part of the installation or upgrade process.
         To verify installed packages, run <code>pip freeze</code> from the console and compare the output to the list of
         required packages.
     </p>
     <p>
-        <i class="mdi mdi-alert"></i> <strong>WSGI service not restarted after upgrade</strong> - If this installation
+        <span class="mdi mdi-alert"></span> <strong>WSGI service not restarted after upgrade</strong> - If this installation
         has recently been upgraded, check that the WSGI service (e.g. uWSGI or Gunicorn) has been restarted. This
         ensures that the new code is running.
     </p>

nautobot/core/templates/exceptions/permission_error.html

@@ -5,7 +5,7 @@
         A file permission error was detected while processing this request. Common causes include the following:
     </p>
     <p>
-        <i class="mdi mdi-alert"></i> <strong>Insufficient write permission to the media root</strong> - The configured
+        <span class="mdi mdi-alert"></span> <strong>Insufficient write permission to the media root</strong> - The configured
         media root is <code>{{ settings.MEDIA_ROOT }}</code>. Ensure that the user Nautobot runs as has access to write
         files to all locations within this path.
     </p>

nautobot/core/templates/exceptions/programming_error.html

@@ -5,12 +5,12 @@
         A database programming error was detected while processing this request. Common causes include the following:
     </p>
     <p>
-        <i class="mdi mdi-alert"></i> <strong>Database migrations missing</strong> - When upgrading to a new Nautobot release, the upgrade script must
+        <span class="mdi mdi-alert"></span> <strong>Database migrations missing</strong> - When upgrading to a new Nautobot release, the upgrade script must
         be run to apply any new database migrations. You can run migrations manually by executing
         <code>nautobot-server migrate</code> from the command line.
     </p>
     <p>
-        <i class="mdi mdi-alert"></i> <strong>Unsupported PostgreSQL version</strong> - Ensure that PostgreSQL version 12.0 or higher is in use. You
+        <span class="mdi mdi-alert"></span> <strong>Unsupported PostgreSQL version</strong> - Ensure that PostgreSQL version 12.0 or higher is in use. You
         can check this by connecting to the database using Nautobot's credentials and issuing a query for
         <code>SELECT VERSION();</code>.
     </p>

nautobot/core/templates/generic/object_bulk_add_component.html

@@ -1,10 +1,10 @@
 {% extends 'base.html' %}
 {% load form_helpers %}
 
+{% block title %}Add {{ model_name|title }}{% endblock %}
+
 {% block content %}
-    <h1>{% block title %}Add {{ model_name|title }}{% endblock %}</h1>
-    <p>{{ table.rows|length }} {{ parent_model_name }} selected</p>
-    <form action="." method="post" class="form form-horizontal">
+    <form action="." method="post" class="h-100 vstack">
         {% csrf_token %}
         {% if request.POST.return_url %}
             <input type="hidden" name="return_url" value="{{ request.POST.return_url }}" />
@@ -12,24 +12,29 @@
         {% for field in form.hidden_fields %}
             {{ field }}
         {% endfor %}
-        <div class="row">
-            <div class="col-md-7">
-                <div class="panel panel-default">
-                    {% include 'inc/table.html' %}
+        <div class="row align-content-start flex-fill">
+            <p class="mb-16">{{ table.rows|length }} {{ parent_model_name }} selected</p>
+            <div class="col-lg-7">
+                <div class="card">
+                    <div class="table-responsive">
+                        {% include 'inc/table.html' %}
+                    </div>
                 </div>
             </div>
-            <div class="col-md-5">
+            <div class="col-lg-5">
                 {% 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">
+                        <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 %}
-                <div class="panel panel-default">
-                    <div class="panel-heading"><strong>{{ model_name|title }} to Add</strong></div>
-                    <div class="panel-body">
+                <div class="card">
+                    <div class="card-header"><strong>{{ model_name|title }} to Add</strong></div>
+                    <div class="card-body">
                         {% for field in form.visible_fields %}
                             {% if not form.custom_fields or field.name not in form.custom_fields %}
                                 {% render_field field %}
@@ -40,13 +45,17 @@
                         {% endif %}
                     </div>
                 </div>
-                <div class="form-group text-right">
-                    <div class="col-md-12">
-                        <button type="submit" name="_create" class="btn btn-primary">Create</button>
-                        <a href="{{ return_url }}" class="btn btn-default">Cancel</a>
-                    </div>
-                </div>
             </div>
         </div>
+        <div class="nb-form-sticky-footer">
+            <button type="submit" name="_create" class="btn btn-primary">
+                <span aria-hidden="true" class="mdi mdi-check me-4"></span><!--
+                -->Create
+            </button>
+            <a href="{{ return_url }}" class="btn btn-secondary">
+                <span aria-hidden="true" class="mdi mdi-close me-4"></span><!--
+                -->Cancel
+            </a>
+        </div>
     </form>
 {% endblock %}

nautobot/core/templates/generic/object_bulk_create.html

@@ -25,114 +25,126 @@ Leaving it here for now in case apps are making use of it.
     </style>
 {% endblock %}
 
+{% block title %}{{ obj_type|bettertitle }} Bulk Import{% endblock %}
+
 {% block content %}
     {% block tabs %}{% endblock %}
-    <div class="row">
-        <div class="col-md-8 col-md-offset-2">
-            <h1>{% block title %}{{ obj_type|bettertitle }} Bulk Import{% endblock %}</h1>
+    <div class="row justify-content-center">
+        <div class="col-lg-8 col-md-10">
             {% 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">
+                    <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 %}
             <ul class="nav nav-tabs" role="tablist">
-                <li role="presentation"{% if active_tab == 'csv-data' %} class="active"{% endif %}><a href="#csv-text" role="tab" data-toggle="tab">CSV Data</a></li>
-                <li role="presentation"{% if active_tab == 'csv-file' %} class="active"{% endif %}><a href="#csv-file" role="tab" data-toggle="tab">CSV File Upload</a></li>
+                <li class="nav-item" role="presentation"><a class="nav-link{% if active_tab == 'csv-data' %} active{% endif %}" href="#csv-text" role="tab" data-bs-toggle="tab">CSV Data</a></li>
+                <li class="nav-item" role="presentation"><a class="nav-link{% if active_tab == 'csv-file' %} active{% endif %}" href="#csv-file" role="tab" data-bs-toggle="tab">CSV File Upload</a></li>
             </ul>
             <div class="tab-content">
-                <div role="tabpanel" class="tab-pane {% if active_tab == 'csv-data' %}active{% endif %}" id="csv-text">
-                    <form action="" method="post" class="form">
+                <div role="tabpanel" class="tab-pane fade{% if active_tab == 'csv-data' %} show active{% endif %}" id="csv-text">
+                    <form action="" method="post" class="py-16">
                         {% csrf_token %}
                         {% render_field form.csv_data %}
-                        <div class="form-group">
-                            <div class="col-md-12 text-right">
-                                <button type="submit" class="btn btn-primary">Submit</button>
-                                {% if return_url %}
-                                    <a href="{{ return_url }}" class="btn btn-default">Cancel</a>
-                                {% endif %}
-                            </div>
+                        <div class="gap-8 hstack justify-content-end">
+                            <button type="submit" class="btn btn-primary">
+                                <span aria-hidden="true" class="mdi mdi-check me-4"></span><!--
+                                -->Submit
+                            </button>
+                            {% if return_url %}
+                                <a href="{{ return_url }}" class="btn btn-secondary">
+                                    <span aria-hidden="true" class="mdi mdi-close me-4"></span><!--
+                                    -->Cancel
+                                </a>
+                            {% endif %}
                         </div>
                     </form>
                 </div>
-                <div role="tabpanel" class="tab-pane {% if active_tab == 'csv-file' %}active{% endif %}" id="csv-file">
-                    <form action="" method="post" enctype="multipart/form-data" class="form">
+                <div role="tabpanel" class="tab-pane fade{% if active_tab == 'csv-file' %} show active{% endif %}" id="csv-file">
+                    <form action="" method="post" enctype="multipart/form-data" class="py-16">
                         {% csrf_token %}
                         <input type="hidden" name="csv_data" value="{{ form.csv_data.initial }}">
                         {% render_field form.csv_file %}
-                        <div class="form-group">
-                            <div class="col-md-12 text-right">
-                                <button type="submit" class="btn btn-primary">Submit</button>
-                                {% if return_url %}
-                                    <a href="{{ return_url }}" class="btn btn-default">Cancel</a>
-                                {% endif %}
-                            </div>
+                        <div class="gap-8 hstack justify-content-end">
+                            <button type="submit" class="btn btn-primary">
+                                <span aria-hidden="true" class="mdi mdi-check me-4"></span><!--
+                                -->Submit
+                            </button>
+                            {% if return_url %}
+                                <a href="{{ return_url }}" class="btn btn-secondary">
+                                    <span aria-hidden="true" class="mdi mdi-close me-4"></span><!--
+                                    -->Cancel
+                                </a>
+                            {% endif %}
                         </div>
                     </form>
                 </div>
             </div>
             <div class="clearfix"></div>
-            <p></p>
             {% if fields %}
-                <div class="panel panel-default">
-                    <div class="panel-heading">
+                <div class="card">
+                    <div class="card-header">
                         <strong>CSV Field Options</strong>
                     </div>
-                    <table class="table">
-                        <tr>
-                            <th>Field</th>
-                            <th>Required</th>
-                            <th>Description</th>
-                        </tr>
-                        {% for field in fields %}
+                    <div class="table-responsive">
+                        <table class="table">
                             <tr>
-                                <td>
-                                    <code>{{ field.name }}</code>
-                                </td>
-                                <td>{{ field.required | render_boolean }}</td>
-                                <td>
-                                    {% if field.choices %}
-                                        <button type="button" class="btn btn-link btn-xs pull-right" data-toggle="modal" data-target="#{{ field.name }}_choices">
-                                            <i class="mdi mdi-help-circle"></i>
-                                        </button>
-                                        <div class="modal fade" id="{{ field.name }}_choices" tabindex="-1" role="dialog">
-                                            <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>{{ field.name }}</code> Choices</h4>
+                                <th>Field</th>
+                                <th>Required</th>
+                                <th>Description</th>
+                            </tr>
+                            {% for field in fields %}
+                                <tr>
+                                    <td>
+                                        <code>{{ field.name }}</code>
+                                    </td>
+                                    <td>{{ field.required | render_boolean }}</td>
+                                    <td>
+                                        {% if field.choices %}
+                                            <button type="button" class="btn btn-link btn-sm float-end" data-bs-toggle="modal" data-bs-target="#{{ field.name }}_choices">
+                                                <span aria-hidden="true" class="mdi mdi-help-circle"></span>
+                                            </button>
+                                            <div class="modal fade" id="{{ field.name }}_choices" tabindex="-1" role="dialog">
+                                                <div class="modal-dialog" role="document">
+                                                    <div class="modal-content">
+                                                        <div class="modal-header">
+                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                                                            <h4 class="modal-title"><code>{{ field.name }}</code> Choices</h4>
+                                                        </div>
+                                                        <table class="table table-striped modal-body">
+                                                            <tr><th>Import Value</th><th>Label</th></tr>
+                                                            {% for value, label in field.choices.items %}
+                                                                {% if value %}<tr><td><samp>{{ value }}</samp></td><td>{{ label }}</td></tr>{% endif %}
+                                                            {% endfor %}
+                                                        </table>
                                                     </div>
-                                                    <table class="table table-striped modal-body">
-                                                        <tr><th>Import Value</th><th>Label</th></tr>
-                                                        {% for value, label in field.choices.items %}
-                                                            {% if value %}<tr><td><samp>{{ value }}</samp></td><td>{{ label }}</td></tr>{% endif %}
-                                                        {% endfor %}
-                                                    </table>
                                                 </div>
                                             </div>
-                                        </div>
-                                    {% endif %}
-                                    {% if field.help_text %}
-                                        {{ field.help_text }}<br />
-                                    {% elif field.label %}
-                                        {{ field.label }}<br />
-                                    {% endif %}
-                                    {% if field.format %}
-                                        <small class="text-muted">Format: {{ field.format }}</small>
-                                    {% endif %}
-                                </td>
-                            </tr>
-                        {% endfor %}
-                    </table>
+                                        {% endif %}
+                                        {% if field.help_text %}
+                                            {{ field.help_text }}<br />
+                                        {% elif field.label %}
+                                            {{ field.label }}<br />
+                                        {% endif %}
+                                        {% if field.format %}
+                                            <small class="text-secondary">Format: {{ field.format }}</small>
+                                        {% endif %}
+                                    </td>
+                                </tr>
+                            {% endfor %}
+                        </table>
+                    </div>
                 </div>
-                <p class="small text-muted">
-                    <i class="mdi mdi-check-bold"></i> Required fields <strong>must</strong> be specified for all
+                <p class="small text-secondary">
+                    <span aria-hidden="true" class="mdi mdi-check-bold"></span> Required fields <strong>must</strong> be specified for all
                     objects.
                 </p>
-                <p class="small text-muted">
-                    <i class="mdi mdi-information-outline"></i> Related objects may be referenced by their UUID and/or by their natural key unique field combinations. e.g `location__name`, `location__parent__name`. You can find this information in the "Advanced" tab of any object's detail view.
+                <p class="small text-secondary">
+                    <span aria-hidden="true" class="mdi mdi-information-outline"></span> Related objects may be referenced by their UUID and/or by their natural key unique field combinations. e.g `location__name`, `location__parent__name`. You can find this information in the "Advanced" tab of any object's detail view.
                 </p>
             {% endif %}
         </div>

nautobot/core/templates/generic/object_bulk_destroy.html

@@ -5,47 +5,45 @@
 {% block title %}Delete {{ total_objs_to_delete }} {{ obj_type_plural|bettertitle }}?{% endblock %}
 
 {% block content %}
-    <div class="row">
-        <div class="col-md-8 col-md-offset-2">
-            <div class="panel panel-danger" id="confirm-bulk-deletion">
-                <div class="panel-heading"><strong>Confirm Bulk Deletion</strong></div>
-                <div class="panel-body">
-                    <p><strong>Warning:</strong> The following operation will delete {{ total_objs_to_delete }} {{ obj_type_plural }}. {% if not delete_all %}Please carefully review the {{ obj_type_plural }} to be deleted and confirm below.{% endif %}</p>
-                    {% block message_extra %}{% endblock %}
+    <form action="" method="post" class="vstack h-100">
+        {% csrf_token %}
+        {% if delete_all %}
+            <input type="hidden" name="_all" value="true"  />
+        {% endif %}
+        {% for field in form.hidden_fields %}
+            {{ field }}
+        {% endfor %}
+        <div class="row align-content-start justify-content-center flex-fill">
+            <div class="col-lg-8 col-md-10 d-flex justify-content-center">
+                <div class="card border-danger" id="confirm-bulk-deletion">
+                    <div class="card-header bg-danger-subtle border-danger text-body">
+                        <strong>Confirm Bulk Deletion</strong>
+                    </div>
+                    <div class="card-body">
+                        <p><strong>Warning:</strong> The following operation will delete {{ total_objs_to_delete }} {{ obj_type_plural }}. {% if not delete_all %}Please carefully review the {{ obj_type_plural }} to be deleted and confirm below.{% endif %}</p>
+                        {% block message_extra %}{% endblock %}
+                    </div>
                 </div>
             </div>
-        </div>
-    </div>
-
-    {% if table %}
-        <div class="row">
-            <div class="col-md-8 col-md-offset-2">
-                <div class="panel panel-default">
-                    <div class="table-responsive">
-                        {% render_table table 'inc/table.html' %}
+            {% if table %}
+                <div class="col-lg-8 col-md-10">
+                    <div class="card">
+                        <div class="table-responsive">
+                            {% render_table table 'inc/table.html' %}
+                        </div>
                     </div>
                 </div>
-            </div>
+            {% endif %}
         </div>
-    {% endif %}
-
-    <div class="row">
-        <div class="col-md-6 col-md-offset-3">
-            <form action="" method="post" class="form">
-
-                {% csrf_token %}
-                {% if delete_all %}
-                    <input type="hidden" name="_all" value="true"  />
-                {% endif %}
-                {% for field in form.hidden_fields %}
-                    {{ field }}
-                {% endfor %}
-
-                <div class="text-center">
-                    <button type="submit" name="_confirm" class="btn btn-danger">Delete these {{ total_objs_to_delete }} {{ obj_type_plural }}</button>
-                    <a href="{{ return_url }}" class="btn btn-default">Cancel</a>
-                </div>
-            </form>
+        <div class="nb-form-sticky-footer">
+            <button type="submit" name="_confirm" class="btn btn-danger">
+                <span aria-hidden="true" class="mdi mdi-trash-can-outline me-4"></span><!--
+                -->Delete these {{ total_objs_to_delete }} {{ obj_type_plural }}
+            </button>
+            <a href="{{ return_url }}" class="btn btn-secondary">
+                <span aria-hidden="true" class="mdi mdi-close me-4"></span><!--
+                -->Cancel
+            </a>
         </div>
-    </div>
+    </form>
 {% endblock %}

nautobot/core/templates/generic/object_bulk_remove.html

@@ -4,35 +4,39 @@
 {% block title %}Remove {{ table.rows|length }} {{ obj_type_plural|bettertitle }}?{% endblock %}
 
 {% block content %}
-    <div class="row">
-        <div class="col-md-8 col-md-offset-2">
-            <div class="panel panel-danger">
-                <div class="panel-heading"><strong>Confirm Bulk Removal</strong></div>
-                <div class="panel-body">
-                    <strong>Warning:</strong> The following operation will remove {{ table.rows|length }} {{ obj_type_plural }} from {{ parent_obj }}. Please carefully review the {{ obj_type_plural }} to be removed and confirm below.
+    <form action="." method="post" class="h-100 vstack">
+        {% csrf_token %}
+        {% for field in form.hidden_fields %}
+            {{ field }}
+        {% endfor %}
+        <div class="row align-content-start justify-content-center flex-fill">
+            <div class="col-lg-8 col-md-10 d-flex justify-content-center">
+                <div class="card border-danger">
+                    <div class="card-header bg-danger-subtle border-danger text-body">
+                        <strong>Confirm Bulk Removal</strong>
+                    </div>
+                    <div class="card-body">
+                        <strong>Warning:</strong> The following operation will remove {{ table.rows|length }} {{ obj_type_plural }} from {{ parent_obj }}. Please carefully review the {{ obj_type_plural }} to be removed and confirm below.
+                    </div>
                 </div>
             </div>
-        </div>
-    </div>
-    <div class="row">
-        <div class="col-md-8 col-md-offset-2">
-            <div class="panel panel-default">
-                {% include 'inc/table.html' %}
+            <div class="col-md-8 offset-md-2">
+                <div class="card">
+                    <div class="table-responsive">
+                        {% include 'inc/table.html' %}
+                    </div>
+                </div>
             </div>
         </div>
-    </div>
-    <div class="row">
-        <div class="col-md-6 col-md-offset-3">
-            <form action="." method="post" class="form">
-                {% csrf_token %}
-                {% for field in form.hidden_fields %}
-                    {{ field }}
-                {% endfor %}
-                <div class="text-center">
-                    <button type="submit" name="_confirm" class="btn btn-danger">Delete these {{ table.rows|length }} {{ obj_type_plural }}</button>
-                    <a href="{{ return_url }}" class="btn btn-default">Cancel</a>
-                </div>
-            </form>
+        <div class="nb-form-sticky-footer">
+            <button type="submit" name="_confirm" class="btn btn-danger">
+                <span aria-hidden="true" class="mdi mdi-trash-can-outline me-4"></span><!--
+                -->Delete these {{ table.rows|length }} {{ obj_type_plural }}
+            </button>
+            <a href="{{ return_url }}" class="btn btn-secondary">
+                <span aria-hidden="true" class="mdi mdi-close me-4"></span><!--
+                -->Cancel
+            </a>
         </div>
-    </div>
+    </form>
 {% endblock %}