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

nautobot/core/templates/utilities/templatetags/table_config_form.html

@@ -1,28 +1,55 @@
 {% load form_helpers %}
-<div class="modal fade" tabindex="-1" id="{{ table_name }}_config">
-    <div class="modal-dialog">
-        <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">Table Configuration</h4>
-            </div>
-            <div class="modal-body">
-                <form class="form-horizontal userconfigform" data-config-root="tables.{{ table_config_form.table_name }}">
-                    {% render_form table_config_form %}
-                    <div class="row">
-                        <div class="col-md-9 col-md-offset-3">
-                            <a class="btn btn-primary btn-xs" id="move-option-up" data-target="id_columns"><i class="mdi mdi-arrow-up-bold"></i> Move up</a>
-                            <a class="btn btn-primary btn-xs" id="move-option-down" data-target="id_columns"><i class="mdi mdi-arrow-down-bold"></i> Move down</a>
-                            <a class="btn btn-success btn-xs" id="select-all-options" data-target="id_columns"><i class="mdi mdi-expand-all-outline"></i> Select all</a>
-                        </div>
-                    </div>
-                    <br />
-                    <div class="text-right">
-                        <input type="submit" class="btn btn-primary" value="Save" />
-                        <input type="submit" class="btn btn-danger reset" value="Reset" />
+{% load static %}
+
+<section class="nb-drawer" tabindex="-1" id="{{ table_name }}_config">
+    <div class="nb-drawer-header">
+        <h1>Table Configuration</h1>
+        <button type="button" class="btn-close" data-nb-dismiss="drawer" aria-label="Close"></button>
+    </div>
+    <div class="nb-drawer-body">
+        <form class="userconfigform h-100 pb-20 px-20 vstack" data-config-root="tables.{{ table_config_form.table_name }}">
+            <div class="row align-content-start flex-fill">
+                <div class="col-12">
+                    <div class="alert alert-warning">
+                        Column choices may negatively affect loading times.
+                        <a href="{% static 'docs/user-guide/platform-functionality/user-interface/configurablecolumns.html' %}" class="btn btn-link btn-sm" target="_blank" rel="noopener">
+                            <span class="mdi mdi-information"></span>
+                        </a>
                     </div>
-                </form>
+                </div>
+                <div class="col-12">
+                    {% with field=table_config_form.visible_fields.0 %}
+                        {{ field }}
+                        <span class="form-text mt-8">{{ field.help_text|safe }}</span>
+                        <div class="hstack gap-4 mt-8 mx-n4">
+                            {# djlint:off B083 #}
+                            <button type="button" class="btn btn-primary btn-sm" id="move-option-up" data-target="{{ field.id_for_label }}"><span class="mdi mdi-arrow-up-bold me-4"></span>Move up</button>
+                            <button type="button" class="btn btn-primary btn-sm" id="move-option-down" data-target="{{ field.id_for_label }}"><span class="mdi mdi-arrow-down-bold me-4"></span>Move down</button>
+                            <button type="button" class="btn btn-success btn-sm" id="select-all-options" data-target="{{ field.id_for_label }}"><span class="mdi mdi-expand-all-outline me-4"></span>Select all</button>
+                            {# djlint:on B083 #}
+                        </div>
+                    {% endwith %}
+                </div>
+            </div>
+            <div class="nb-form-sticky-footer">
+                <input type="submit" class="btn btn-primary" value="Save">
+                <input type="submit" class="btn btn-danger reset" value="Reset">
             </div>
-        </div>
+        </form>
     </div>
-</div>
+</section>
+
+{% block javascript %}
+    <script>
+        (() => {
+            document.addEventListener('DOMContentLoaded', () => {
+                document.addEventListener('submit', (event) => {
+                    if (event.target.closest('#{{ table_name }}_config')) {
+                        // Keep the drawer open after page reload caused by form submission.
+                        window.nb.history.saveState();
+                    }
+                });
+            });
+        })();
+    </script>
+{% endblock %}

nautobot/core/templates/utilities/templatetags/tag.html

@@ -1,3 +1,3 @@
 {% load helpers %}
 
-{% if url_name %}<a href="{% url url_name %}?tags={{ tag.name }}">{% endif %}<span class="label" style="color: {{ tag.color|fgcolor }}; background-color: #{{ tag.color }}">{{ tag }}</span>{% if url_name %}</a>{% endif %}
+{% if url_name %}<a href="{% url url_name %}?tags={{ tag.name }}">{% endif %}<span class="badge" style="color: {{ tag.color|fgcolor }}; background-color: #{{ tag.color }}">{{ tag }}</span>{% if url_name %}</a>{% endif %}

nautobot/core/templates/utilities/templatetags/utilization_graph.html

@@ -1,7 +1,7 @@
 <div {% if utilization_count and total_count %}title="Used: {{ utilization_count }}&#13;Count: {{ total_count }}" {% endif %}class="progress text-center">
-    {% if utilization < 30 %}<span style="font-size: 12px;">{{ utilization }}%</span>{% endif %}
-    <div class="progress-bar progress-bar-{% if utilization >= danger_threshold %}danger{% elif utilization >= warning_threshold %}warning{% else %}success{% endif %}"
+    {% if utilization < 30 %}<span>{{ utilization }}%</span>{% endif %}
+    <div class="progress-bar bg-{% if utilization >= danger_threshold %}danger{% elif utilization >= warning_threshold %}warning{% else %}success{% endif %}"
          role="progressbar" aria-valuenow="{{ utilization }}" aria-valuemin="0" aria-valuemax="100" style="width: {% if utilization > 100 %}100{% else %}{{ utilization }}{% endif %}%">
         {% if utilization >= 30 %}{{ utilization }}%{% endif %}
     </div>
-</div>
+</div>