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

nautobot/extras/templates/extras/objectchange_retrieve.html

@@ -2,46 +2,16 @@
 {% load helpers %}
 {% load static %}
 
-{% block title %}{{ object }}{% endblock %}
-
-{% block header %}
-    <div class="row noprint">
-        <div class="col-sm-8 col-md-9">
-            <ol class="breadcrumb">
-                <li><a href="{% url 'extras:objectchange_list' %}">Change Log</a></li>
-                {% if object.related_object.get_absolute_url %}
-                    <li><a href="{{ object.related_object.get_absolute_url }}changelog/">{{ object.related_object }}</a></li>
-                {% elif object.changed_object and object.changed_object.get_absolute_url %}
-                    <li><a href="{{ object.changed_object.get_absolute_url }}changelog/">{{ object.changed_object }}</a></li>
-                {% elif object.changed_object is not None %}
-                    <li>{{ object.changed_object }}</li>
-                {% endif %}
-                <li>{{ object }}</li>
-            </ol>
-        </div>
-        <div class="col-sm-4 col-md-3">
-            <form action="{% url 'extras:objectchange_list' %}" method="get">
-                <div class="input-group">
-                    <input type="text" name="q" class="form-control" placeholder="Search change logs" />
-                    <span class="input-group-btn">
-                        <button type="submit" class="btn btn-primary">
-                            <span class="mdi mdi-magnify" aria-hidden="true"></span>
-                        </button>
-                    </span>
-                </div>
-            </form>
-        </div>
-    </div>
-{% endblock %}
+{% block title %}{{ object }} - Change Log{% endblock %}
 
 {% block content %}
     <div class="row">
-        <div class="col-md-5">
-            <div class="panel panel-default">
-                <div class="panel-heading">
+        <div class="col-lg-5">
+            <div class="card">
+                <div class="card-header">
                     <strong>Change</strong>
                 </div>
-                <table class="table table-hover panel-body attr-table">
+                <table class="table table-hover card-body attr-table">
                     <tr>
                         <td>Time</td>
                         <td>
@@ -96,12 +66,12 @@
                     </tr>
                 </table>
             </div>
-            <div class="panel panel-default">
-                <div class="panel-heading">
+            <div class="card">
+                <div class="card-header">
                     <strong>Object Data</strong>
                 </div>
-                <div class="panel-body">
-                    <div class="editor-container"
+                <div class="card-body">
+                    <div class="nb-editor-container"
                          data-lang="json"
                          data-value="{{ object.object_data|render_json:False }}"
                          style="max-height: 300px">
@@ -109,22 +79,34 @@
                 </div>
             </div>
         </div>
-        <div class="col-md-7">
-            <div class="panel panel-default">
-                <div class="panel-heading">
+        <div class="col-lg-7">
+            <div class="card">
+                <div class="card-header">
                     <strong>Difference</strong>
-                    <div class="btn-group btn-group-xs pull-right noprint">
-                        <a {% if prev_change %}href="{% url 'extras:objectchange' pk=prev_change.pk %}"{% else %}disabled{% endif %} class="btn btn-default">
-                            <span class="mdi mdi-chevron-left" aria-hidden="true"></span> Previous
-                        </a>
-                        <a {% if next_change %}href="{% url 'extras:objectchange' pk=next_change.pk %}"{% else %}disabled{% endif %} class="btn btn-default">
-                            Next <span class="mdi mdi-chevron-right" aria-hidden="true"></span>
-                        </a>
+                    <div class="btn-group btn-group-sm float-end d-print-none" role="group">
+                        {% if prev_change %}
+                            <a href="{% url 'extras:objectchange' pk=prev_change.pk %}" class="btn btn-secondary">
+                                <span class="mdi mdi-chevron-left" aria-hidden="true"></span> Previous
+                            </a>
+                        {% else %}
+                            <a aria-disabled="true" class="btn btn-secondary disabled">
+                                <span class="mdi mdi-chevron-left" aria-hidden="true"></span> Previous
+                            </a>
+                        {% endif %}
+                        {% if next_change %}
+                            <a href="{% url 'extras:objectchange' pk=next_change.pk %}" class="btn btn-secondary">
+                                Next <span class="mdi mdi-chevron-right" aria-hidden="true"></span>
+                            </a>
+                        {% else %}
+                            <a aria-disabled="true" class="btn btn-secondary disabled">
+                                Next <span class="mdi mdi-chevron-right" aria-hidden="true"></span>
+                            </a>
+                        {% endif %}
                     </div>
                 </div>
-                <div class="panel-body">
+                <div class="card-body">
                     {% if diff_added == diff_removed %}
-                        <span class="text-muted" style="margin-left: 10px;">
+                        <span class="text-secondary" style="margin-left: 10px;">
                             {% if object.action == 'create' %}
                                 Object created
                             {% elif object.action == 'delete' %}
@@ -134,7 +116,7 @@
                             {% endif %}
                         </span>
                     {% else %}
-                        <div class="editor-container"
+                        <div class="nb-editor-container"
                              data-mode="diff"
                              data-original="{{ diff_removed | render_json:False }}"
                              data-modified="{{ diff_added | render_json:False }}"
@@ -147,10 +129,10 @@
         </div>
     </div>
     <div class="row">
-        <div class="col-md-12">
-            {% include 'panel_table.html' with table=related_changes_table heading='Related Changes' panel_class='default' %}
+        <div class="col-lg-12">
+            {% include 'panel_table.html' with table=related_changes_table heading='Related Changes' %}
             {% if related_changes_count > related_changes_table.rows|length %}
-                <div class="pull-right">
+                <div class="float-end">
                     <a href="{% url 'extras:objectchange_list' %}?request_id={{ object.request_id }}" class="btn btn-primary">See all {{ related_changes_count|add:"1" }} changes</a>
                 </div>
             {% endif %}
@@ -162,4 +144,3 @@
     {{ block.super }}
     <script src="{% static 'js/editor.js' %}"></script>
 {% endblock %}
-

nautobot/extras/templates/extras/plugin_detail.html

@@ -2,45 +2,44 @@
 {% load helpers %}
 {% load ui_framework %}
 
-{% block header %}
-    <div class="row noprint">
-        <div class="col-md-12">
-            {% render_breadcrumbs %}
+{% block breadcrumbs_wrapper %}{% render_breadcrumbs %}{% endblock breadcrumbs_wrapper %}
+
+{% block header %}{% endblock header %}
+
+{% block content %}
+
+    <div class="row d-print-none mb-16">
+        <div class="col-lg-12">
+            <div class="float-end d-print-none">
+                {% block buttons %}
+                    {% if app_data.home_url %}
+                        <a href="{% url app_data.home_url %}" class="btn btn-primary">
+                            <span class="mdi mdi-home"></span> App Home
+                        </a>
+                    {% endif %}
+                    {% if app_data.config_url %}
+                        <a href="{% url app_data.config_url %}" class="btn btn-warning">
+                            <span class="mdi mdi-cog"></span> App Configuration
+                        </a>
+                    {% endif %}
+                    {% if app_data.docs_url %}
+                        <a href="{% url app_data.docs_url %}" class="btn btn-info">
+                            <span class="mdi mdi-cog"></span> App Documentation
+                        </a>
+                    {% endif %}
+                {% endblock buttons %}
+            </div>
         </div>
     </div>
-    <div class="pull-right noprint">
-        {% block buttons %}
-            {% if app_data.home_url %}
-                <a href="{% url app_data.home_url %}" class="btn btn-primary">
-                    <i class="mdi mdi-home"></i> App Home
-                </a>
-            {% endif %}
-            {% if app_data.config_url %}
-                <a href="{% url app_data.config_url %}" class="btn btn-warning">
-                    <i class="mdi mdi-cog"></i> App Configuration
-                </a>
-            {% endif %}
-            {% if app_data.docs_url %}
-                <a href="{% url app_data.docs_url %}" class="btn btn-info">
-                    <i class="mdi mdi-cog"></i> App Documentation
-                </a>
-            {% endif %}
-        {% endblock buttons %}
-    </div>
-    {% block masthead %}
-        <h1>{% block title %}{% render_title %}{% endblock %}</h1>
-    {% endblock masthead %}
-{% endblock header %}
 
-{% block content %}
     <div class="row">
-        <div class="col-md-6">
+        <div class="col-lg-6">
             {% block content_left_page %}
-                <div class="panel panel-default">
-                    <div class="panel-heading">
+                <div class="card">
+                    <div class="card-header">
                         <strong>App</strong>
                     </div>
-                    <table class="table table-hover panel-body attr-table">
+                    <table class="table table-hover card-body attr-table">
                         <tr>
                             <td>Package Name</td>
                             <td><code>{{ app_data.package }}</code></td>
@@ -71,16 +70,16 @@
                         {% if app_data.availability %}
                             <tr>
                                 <td>License</td>
-                                <td><label class="label label-transparent">{{ app_data.availability }}</label></td>
+                                <td><label class="badge bg-transparent">{{ app_data.availability }}</label></td>
                             </tr>
                         {% endif %}
                     </table>
                 </div>
-                <div class="panel panel-default">
-                    <div class="panel-heading">
+                <div class="card">
+                    <div class="card-header">
                         <strong>Compatibility</strong>
                     </div>
-                    <table class="table table-hover panel-body attr-table">
+                    <table class="table table-hover card-body attr-table">
                         <tr>
                             <td>Min Nautobot Version</td>
                             <td>v{{ object.min_version | placeholder }}</td>
@@ -93,13 +92,13 @@
                 </div>
             {% endblock content_left_page %}
         </div>
-        <div class="col-md-6">
+        <div class="col-lg-6">
             {% block content_right_page %}
-                <div class="panel panel-default">
-                    <div class="panel-heading">
+                <div class="card">
+                    <div class="card-header">
                         <strong>Features Employed</strong>
                     </div>
-                    <table class="table table-hover panel-body attr-table">
+                    <table class="table table-hover card-body attr-table">
                         {% with object.features as features %}
                             <tr>
                                 <td>Constance Config</td>
@@ -372,7 +371,7 @@
         </div>
     </div>
     <div class="row">
-        <div class="col-md-12">
+        <div class="col-lg-12">
             {% block content_full_width_page %}
             {% endblock content_full_width_page %}
         </div>

nautobot/extras/templates/extras/plugins_list.html

@@ -3,40 +3,35 @@
 {% load static %}
 {% load ui_framework %}
 
+{% block drawer %}
+    {% table_config_form table %}
+{% endblock %}
+
 {% block content %}
-    <div class="row noprint">
-        <div class="col-md-12">
-            {% render_breadcrumbs %}
-        </div>
-    </div>
+    <div class="row d-print-none mb-16">
+        <div class="col-lg-12">
+            <div class="float-end d-print-none">
+                <div class="btn-group" role="group">
+                    <a href="{% django_querystring display='list' %}"
+                       class="btn btn-primary{% if display == 'list' %} bg-primary nb-text-body-bg{% endif %}">
+                        <span class="mdi mdi-view-sequential" aria-hidden="true"></span> List
+                    </a>
+                    {# djlint:off B123 #}
+                    <a href="{% django_querystring display='tiles' %}"
+                       class="btn btn-primary{% if display == 'tiles' %} bg-primary nb-text-body-bg{% endif %}">
+                        <span class="mdi mdi-view-grid" aria-hidden="true"></span> Tiles
+                    </a>
+                    {# djlint:on B123 #}
+                </div>
 
-    <div class="pull-right noprint">
-        <div class="btn-group">
-            <a class="btn btn-default set-apps-display" data-display="tiles" href="" title="Tiles">
-                <i class="mdi mdi-view-grid{% if display == "list" %}-outline{% endif %}"></i>
-            </a>
-            <a class="btn btn-default set-apps-display" data-display="list" href="" title="List">
-                <i class="mdi mdi-view-sequential{% if display == "tiles" %}-outline{% endif %}"></i>
-            </a>
+                <a class="btn btn-primary" href="{% url 'apps:apps_marketplace' %}">Visit Apps Marketplace</a>
+            </div>
         </div>
-
-        {% if request.user.is_authenticated and table_config_form %}
-            {% if display == "tiles" %}
-                {% table_config_button table table_name="ObjectTable" disabled=True %}
-            {% else %}
-                {% table_config_button table table_name="ObjectTable" %}
-            {% endif %}
-        {% endif %}
-
-        <a class="btn btn-primary" href="{% url 'apps:apps_marketplace' %}">Visit Apps Marketplace</a>
     </div>
-
-    <h1>{% block page_heading %}{% render_title %}{% endblock %}</h1>
-
     <div class="row">
-        <div class="col-md-12">
+        <div class="col-lg-12">
             {% if filter_form %}
-                <div class="col-md-3 pull-right right-side-panel noprint">
+                <div class="col-lg-3 float-end nb-right-side-panel d-print-none">
                     {% include 'inc/search_panel.html' %}
                     {% block sidebar %}{% endblock %}
                 </div>
@@ -46,19 +41,9 @@
             <div class="clearfix"></div>
         </div>
     </div>
-    {% table_config_form table table_name="ObjectTable" %}
 {% endblock %}
 
 {% block javascript %}
     {{ block.super }}
     <script src="{% static 'js/tableconfig.js' %}"></script>
-
-    <script>
-    // Set display anchor links without losing other potentially active query params such as applied filters.
-        [...document.querySelectorAll('.set-apps-display')].forEach(button => {
-            const queryParams = new URLSearchParams(window.location.search);
-            queryParams.set('display', button.dataset.display);
-            button.setAttribute('href', `?${queryParams.toString()}`);
-        });
-    </script>
 {% endblock %}

nautobot/extras/templates/extras/plugins_tiles.html

@@ -3,48 +3,48 @@
 
 {% block extra_styles %}
     <style>
-        .tile-header {
-            align-items: flex-start;
+        .nb-tiles .nb-tile .nb-tile-header {
             display: block;
         }
 
-        .tile-header h2 {
-            margin-bottom: 5px;
+        .nb-tiles .nb-tile .nb-tile-header h2 {
+            margin-bottom: 0.5rem; /* 8px */
             margin-top: 0;
         }
 
-        .tile-actions-placeholder {
-            height: 30px;
-            margin-left: 3px;
+        .nb-tiles .nb-tile .nb-tile-actions-placeholder {
+            height: 2rem; /* 32px */
+            margin-left: 0.25rem; /* 4px */
         }
 
-        .tile-description {
-            margin-top: 10px;
-            min-height: 72px;  /* allow room for three rows of text */
+        .nb-tiles .nb-tile .nb-tile-description {
+            margin-top: 0.5rem; /* 8px */
+            min-height: 3.5rem;  /* 56px - allow room for three rows of text */
         }
 
-        .tile-actions {
+        .nb-tile-actions {
+            display: flex;
+            gap: 0.25rem; /* 4px */
             position: absolute;
-            right: 21px;
-            top: 21px;
+            right: 1.0625rem; /* 17px */
+            top: 0.8125rem; /* 13px */
         }
 
-        .tile-actions .btn {
-            padding: 3px 8px;  /* Enlarge action buttons to 32px x 32px */
+        .nb-tile-actions .btn {
+            padding: 0.375rem 0.5rem;  /* 6px 8px - enlarge action buttons to 32px x 32px */
         }
     </style>
 {% endblock %}
 
-<section class="tiles">
+<section class="nb-tiles">
     {% for row in table.page.object_list|default:table.rows %}
-        <div style="position: relative;">
-            <a class="tile clickable" href="{% url 'apps:app_detail' app=row.record.app_label %}">
-                <header class="tile-header">
+        <div class="position-relative">
+            <a class="nb-tile nb-clickable" href="{% url 'apps:app_detail' app=row.record.app_label %}">
+                <header class="nb-tile-header">
                     <img
                         alt="{{ row.record.name }}"
                         src="{% if app_icons|get_item:row.record.package != None %}{{ app_icons|get_item:row.record.package }}{% else %}{% static 'img/nautobot_icon_192x192.png' %}{% endif %}"
-                        height="64"
-                        width="64"
+                        style="height: 4rem; width: 4rem;"
                     />
 
                     <!--
@@ -54,20 +54,20 @@
                     {% with actions_count=3 %}
                         <div
                             aria-hidden="true"
-                            class="tile-actions-placeholder pull-right"
-                            style="width: calc(32px * {{ actions_count }} + 3px * {{ actions_count|add:-1 }})">
+                            class="nb-tile-actions-placeholder float-end"
+                            style="width: calc(2rem * {{ actions_count }} + 0.25rem * {{ actions_count|add:-1 }})">
                         </div>
                     {% endwith %}
 
                     <h2>{{ row.record.name }}</h2>
                 </header>
 
-                <p class="tile-description">{{ row.record.headline }}</p>
+                <p class="nb-tile-description">{{ row.record.headline }}</p>
 
-                <footer class="tile-footer">
+                <footer class="nb-tile-footer">
                     <div>By: {{ row.record.author }}</div>
                     <div>
-                        <label class="label label-transparent">{{ row.record.availability }}</label>
+                        <span class="badge bg-body-secondary border">{{ row.record.availability }}</span>
                         v{{ row.record.version }}
                     </div>
                 </footer>
@@ -76,9 +76,9 @@
             <!--
                 Place app action links outside the "main" `a` tile to adhere to HTML rule that forbid nesting anchors
                 within anchors. Absolutely position the actions to make them appear inside the tile though. Fill their
-                dedicated space with `.tile-actions-placeholder` element.
+                dedicated space with `.nb-tile-actions-placeholder` element.
             -->
-            <div class="tile-actions">
+            <div class="nb-tile-actions">
                 {% for column, cell in row.items %}
                     {% if column.verbose_name == "" %}
                         {{ cell }}