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

nautobot/extras/templates/extras/gitrepository_retrieve.html

@@ -7,31 +7,31 @@
               method="post" action="{% url 'extras:gitrepository_dryrun' pk=object.pk %}">
             {% csrf_token %}
             <button type="submit" class="btn btn-info">
-                <i class="mdi mdi-book-refresh" aria-hidden="true"></i> Dry-Run
+                <span class="mdi mdi-book-refresh" aria-hidden="true"></span> Dry-Run
             </button>
         </form>
         <form class="form-inline" style="display: inline-block"
               method="post" action="{% url 'extras:gitrepository_sync' pk=object.pk %}">
             {% csrf_token %}
             <button type="submit" class="btn btn-primary">
-                <i class="mdi mdi-source-branch-sync" aria-hidden="true"></i> Sync
+                <span class="mdi mdi-source-branch-sync" aria-hidden="true"></span> Sync
             </button>
         </form>
     {% endif %}
 {% endblock extra_buttons %}
 
 {% block extra_nav_tabs %}
-    <li role="presentation"{% if active_tab == 'result' %} class="active"{% endif %}>
-        <a href="{% url 'extras:gitrepository_result' pk=object.pk %}">Synchronization Status</a>
+    <li class="nav-item" role="presentation">
+        <a href="{% url 'extras:gitrepository_result' pk=object.pk %}" class="nav-link{% if active_tab == 'result' %} active{% endif %}">Synchronization Status</a>
     </li>
 {% endblock extra_nav_tabs %}
 
 {% block content_left_page %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card">
+        <div class="card-header">
             <strong>Repository Details</strong>
         </div>
-        <table class="table table-hover panel-body attr-table">
+        <table class="table table-hover card-body attr-table">
             <tr>
                 <td>Remote URL</td>
                 <td>{{ object.remote_url }}</td>
@@ -56,16 +56,16 @@
 {% endblock content_left_page %}
 
 {% block content_right_page %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card">
+        <div class="card-header">
             <strong>Provided Data Types</strong>
         </div>
-        <table class="table table-hover panel-body">
+        <table class="table table-hover card-body">
             {% for entry in datasource_contents %}
                 <tr>
                     <td>
-                        <span style="display: inline-block" class="label label-info">
-                            <i class="mdi {{ entry.icon }}"></i>
+                        <span style="display: inline-block" class="badge bg-info">
+                            <span class="mdi {{ entry.icon }}"></span>
                         </span>
                         {{ entry.name|title }}</td>
                     <td>

nautobot/extras/templates/extras/gitrepository_update.html

@@ -2,12 +2,30 @@
 
 {% block buttons %}
     {% if editing %}
-        <button type="submit" name="_dryrun_update" class="btn btn-warning">Update & Dry Run</button>
-        <button type="submit" name="_update" class="btn btn-primary">Update & Sync</button>
+        <button type="submit" name="_dryrun_update" class="btn btn-warning">
+            <span aria-hidden="true" class="mdi mdi-check me-4"></span><!--
+            -->Update &amp; Dry Run
+        </button>
+        <button type="submit" name="_update" class="btn btn-primary">
+            <span aria-hidden="true" class="mdi mdi-check me-4"></span><!--
+            -->Update &amp; Sync
+        </button>
     {% else %}
-        <button type="submit" name="_dryrun_create" class="btn btn-info">Create & Dry Run</button>
-        <button type="submit" name="_create" class="btn btn-primary">Create & Sync</button>
-        <button type="submit" name="_addanother" class="btn btn-primary">Create and Add Another</button>
+        <button type="submit" name="_dryrun_create" class="btn btn-info">
+            <span aria-hidden="true" class="mdi mdi-check me-4"></span><!--
+            -->Create &amp; Dry Run
+        </button>
+        <button type="submit" name="_create" class="btn btn-primary">
+            <span aria-hidden="true" class="mdi mdi-check me-4"></span><!--
+            -->Create &amp; Sync
+        </button>
+        <button type="submit" name="_addanother" class="btn btn-primary">
+            <span aria-hidden="true" class="mdi mdi-check me-4"></span><!--
+            -->Create and Add Another
+        </button>
     {% endif %}
-    <a href="{{ return_url }}" class="btn btn-default">Cancel</a>
-{% endblock %}
+    <a href="{{ return_url }}" class="btn btn-secondary">
+        <span aria-hidden="true" class="mdi mdi-close me-4"></span><!--
+        -->Cancel
+    </a>
+{% endblock %}

nautobot/extras/templates/extras/graphqlquery_retrieve.html

@@ -1,2 +1,2 @@
 {% extends 'generic/object_retrieve.html' %}
-{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}
+{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/extras/templates/extras/inc/approval_buttons_column.html

@@ -0,0 +1,38 @@
+{% if "detail" in buttons %}
+    <a href="{{ record.get_absolute_url }}?return_url={{ request.path }}{{ return_url_extra }}" class="btn btn-sm btn-secondary" title="Details">
+        <span class="mdi mdi-information-outline"></span>
+    </a>
+{% endif %}
+{% if "changelog" in buttons %}
+    <a href="{% url changelog_route pk=record.pk %}" class="btn btn-secondary btn-sm" title="Change log">
+        <span class="mdi mdi-history"></span>
+    </a>
+{% endif %}
+{% if "approve" in buttons and have_permission and record.is_active_stage %}
+    <span title='{% if request.user in record.users_that_already_approved %}You already approved this stage{% else %}Approve this stage{% endif %}'>
+        {% if request.user not in record.users_that_already_approved %}
+            <a href="{% url approval_route pk=record.pk %}?return_url={{ request.path }}{{ return_url_extra }}"
+               class="btn btn-success btn-sm">
+                <span class="mdi mdi-check"></span>
+            </a>
+        {% else %}
+            <a aria-disabled="true" class="btn btn-success btn-sm disabled">
+                <span class="mdi mdi-check"></span>
+            </a>
+        {% endif %}
+    </span>
+{% endif %}
+{% if "deny" in buttons and have_permission and record.is_active_stage and request.user not in record.users_that_already_approved %}
+    <span title='{%if request.user in record.users_that_already_approved %}You already approved this stage{% else %}Deny this stage{% endif %}'>
+        {% if request.user not in record.users_that_already_approved %}
+            <a href="{% url deny_route pk=record.pk %}?return_url={{ request.path }}{{ return_url_extra }}"
+               class="btn btn-danger btn-sm">
+                <span class="mdi mdi-close"></span>
+            </a>
+        {% else %}
+            <a aria-disabled="true" class="btn btn-danger btn-sm disabled">
+                <span class="mdi mdi-close"></span>
+            </a>
+        {% endif %}
+    </span>
+{% endif %}

nautobot/extras/templates/extras/inc/bulk_edit_overridable_field.html

@@ -1,13 +1,14 @@
 {% load form_helpers %}
 
-<hr>
-<div class="form-group{% if field.errors %} has-error{% endif %}">
-    <label class="col-md-3 control-label{% if field.field.required %} required{% endif %}" for="{{ field.id_for_label }}">
+
+<hr class="border-top">
+<div class="mb-10 d-lg-flex justify-content-center{% if field.errors %} has-error{% endif %}">
+    <label class="col-lg-3 col-form-label{% if field.field.required %} nb-required{% endif %}" for="{{ field.id_for_label }}">
         {{ field.label }}
     </label>
-    <div class="col-md-9">
+    <div class="col-lg-9">
         {{ field }}
-        {% if field.help_text %}<span class="help-block">{{ field.help_text|safe }}</span>{% endif %}
+        {% if field.help_text %}<span class="form-text">{{ field.help_text|safe }}</span>{% endif %}
         {% if field.errors %}
             <ul>
                 {% for error in field.errors %}
@@ -19,18 +20,18 @@
         {% endif %}
     </div>
 </div>
-<div class="form-group">
-    <span class="col-md-3 control-label">
+<div class="mb-10 d-lg-flex justify-content-center">
+    <span class="col-lg-3 col-form-label">
     </span>
-    <div class="col-md-9">
-        <div>
-            <label for="{{ override_field.id_for_label }}">
-                {{ override_field }}
+    <div class="col-lg-9">
+        <div class="form-check flex-wrap">
+            {{ override_field }}
+            <label class="form-check-label" for="{{ override_field.id_for_label }}">
                 <i>Clear override</i>
             </label>
             {% if override_field.help_text %}
-                <span class="help-block">{{ override_field.help_text|safe }}</span>
+                <span class="form-text w-100">{{ override_field.help_text|safe }}</span>
             {% endif %}
         </div>
     </div>
-</div>
+</div>

nautobot/extras/templates/extras/inc/configcontext_format.html

@@ -1,6 +1,13 @@
-<div class="pull-right">
-    <div class="btn-group btn-group-xs" role="group">
-        <a href="?data_format=json" class="btn {% if format == 'json' %}btn-primary{% else %}btn-default{% endif %}">JSON</a>
-        <a href="?data_format=yaml" class="btn {% if format == 'yaml' %}btn-primary{% else %}btn-default{% endif %}">YAML</a>
+{% load helpers %}
+<div class="float-end">
+    <div class="btn-group btn-group-sm" role="group">
+        <a href="{% django_querystring data_format='json' %}"
+           class="btn btn-primary {% if data_format == 'json' %}bg-primary nb-text-body-bg{% endif %}">
+            <span class="mdi mdi-code-json" aria-hidden="true"></span> JSON
+        </a>
+        <a href="{% django_querystring data_format='yaml' %}"
+           class="btn btn-primary {% if data_format == 'yaml' %}bg-primary nb-text-body-bg{% endif %}">
+            <span class="mdi mdi-format-list-group" aria-hidden="true"></span> YAML
+        </a>
     </div>
 </div>

nautobot/extras/templates/extras/inc/graphqlquery_execute.html

@@ -1,22 +1,22 @@
 {% load helpers %}
 
-<div class="panel-default">
-    <div class="panel-heading">
+<div class="card">
+    <div class="card-header">
         <strong>Response</strong>
-        <button class="btn btn-primary btn-xs pull-right" onclick="test_query()">Execute</button>
+        <button class="btn btn-primary btn-sm float-end" onclick="test_query()">Execute</button>
     </div>
     {% if object.variables %}
-        <table class="table table-hover panel-body attr-table">
+        <table class="table table-hover card-body attr-table">
             <tr>
                 <td>Variables:</td>
                 <td><textarea id="query_variables" class="form-control">{{ object.variables|render_json:False }}</textarea></td>
             </tr>
         </table>
     {% endif %}
-    <div class="panel-footer">
-                <pre id="query_output">
+    <div class="card-footer">
+        <pre id="query_output" class="p-5">
 
-                </pre>
+        </pre>
     </div>
 </div>
 

nautobot/extras/templates/extras/inc/job_label.html

@@ -1,11 +1,11 @@
 {% if result.status == 'FAILURE' %}
-    <label class="label label-danger">Failed</label>
+    <span class="badge bg-danger">Failed</span>
 {% elif result.status == 'PENDING' %}
-    <label class="label label-default">Pending</label>
+    <span class="badge bg-body-secondary border">Pending</span>
 {% elif result.status == 'STARTED' %}
-    <label class="label label-warning">Running</label>
+    <span class="badge bg-warning">Running</span>
 {% elif result.status == 'SUCCESS' %}
-    <label class="label label-success">Completed</label>
+    <span class="badge bg-success">Completed</span>
 {% else %}
-    <label class="label label-default">N/A</label>
+    <span class="badge bg-body-secondary border">N/A</span>
 {% endif %}

nautobot/extras/templates/extras/inc/job_table.html

@@ -1,14 +1,21 @@
 {% load querystring from django_tables2 %}
+{% load table_config_button from helpers %}
 
 <table id="job_accordion" {% 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 %}">{{ column.header }}</a></th>
+                    {% if not forloop.last %}
+                        {% if column.orderable %}
+                            <th {{ column.attrs.th.as_html }}><a href="{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}">{{ column.header }}</a></th>
+                        {% else %}
+                            <th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
+                        {% endif %}
                     {% else %}
-                        <th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
+                        <th {{ column.attrs.th.as_html }}>
+                            {% table_config_button table %}
+                        </th>
                     {% endif %}
                 {% endfor %}
             </tr>
@@ -19,16 +26,22 @@
         {% for row in table.page.object_list|default:table.rows %}
             {% ifchanged row.record.grouping %}
                 <tr>
-                    <th colspan="{{ table.columns|length }}">
-                        <button type="button" class="btn-link accordion-toggle mdi mdi-chevron-down"
-                                name="grouping.{{ row.record.grouping }}" data-toggle="collapse"
-                                data-target=".collapseme-{{ row.record.grouping|slugify }}">
-                            {{ row.record.grouping|bettertitle }}
+                    <th class="position-relative" colspan="{{ table.columns|length }}">
+                        <button
+                            aria-expanded="true"
+                            class="btn float-none fs-4 stretched-link nb-collapse-toggle"
+                            data-bs-target=".collapseme-{{ row.record.grouping|slugify }}"
+                            data-bs-toggle="collapse"
+                            name="grouping.{{ row.record.grouping }}"
+                            type="button"
+                        >
+                            <span aria-hidden="true" class="mdi mdi-chevron-down me-4"></span><!--
+                            -->{{ row.record.grouping|bettertitle }}
                         </button>
                     </th>
                 </tr>
             {% endifchanged %}
-            <tr class="{% cycle 'even' 'odd' %} collapseme-{{ row.record.grouping|slugify }}{% if not perms.extras.run_job or not row.record.runnable %} disabled{% endif %} collapse in" data-parent="#accordion" {{ row.attrs.as_html }}>
+            <tr class="collapseme-{{ row.record.grouping|slugify }}{% if not perms.extras.run_job or not row.record.runnable %} disabled{% endif %} collapse show nb-transition-none" {{ row.attrs.as_html }}>
                 {% for column, cell in row.items %}
                     <td {{ column.attrs.td.as_html }}>{{ cell }}</td>
                 {% endfor %}
@@ -36,7 +49,7 @@
         {% empty %}
             {% if table.empty_text %}
                 <tr>
-                    <td colspan="{{ table.columns|length }}" class="text-center text-muted">&mdash; {{ table.empty_text }} &mdash;</td>
+                    <td colspan="{{ table.columns|length }}" class="text-center text-secondary">&mdash; {{ table.empty_text }} &mdash;</td>
                 </tr>
             {% endif %}
         {% endfor %}

nautobot/extras/templates/extras/inc/job_tiles.html

@@ -2,7 +2,7 @@
 
 {% block extra_styles %}
     <style>
-        .panel.panel-default {
+        .card {
             border: none;
             box-shadow: none;
         }
@@ -13,15 +13,27 @@
     </style>
 {% endblock %}
 
-<div class="tiles">
+<div class="nb-tiles">
     {% for row in table.page.object_list|default:table.rows %}
-        <article class="tile{% if not perms.extras.run_job or not row.record.runnable %} disabled{% endif %}">
-            <header class="tile-header">
+        <article class="nb-tile{% if not perms.extras.run_job or not row.record.runnable %} nb-disabled{% endif %}">
+            <header class="nb-tile-header">
                 <h3>{{ row.record.grouping|bettertitle }}</h3>
 
-                <a href="{% url 'extras:job_run' pk=row.record.pk %}" class="btn btn-primary btn-xs" title="Run/Schedule" {% if not perms.extras.run_job or not row.record.runnable %}disabled="disabled"{% endif %}>
-                    <i class="mdi mdi-play" aria-hidden="true"></i>
-                </a>
+                {% if perms.extras.run_job and row.record.runnable %}
+                    <a href="{% url 'extras:job_run' pk=row.record.pk %}"
+                       class="btn btn-primary btn-sm"
+                       data-bs-toggle="tooltip"
+                       data-bs-title="Run/Schedule">
+                        <span class="mdi mdi-play" aria-hidden="true"><span class="visually-hidden">Run/Schedule</span></span>
+                    </a>
+                {% else %}
+                    <a aria-disabled="true"
+                       class="btn btn-primary btn-sm disabled"
+                       data-bs-toggle="tooltip"
+                       data-bs-title="Run/Schedule">
+                        <span class="mdi mdi-play" aria-hidden="true"><span class="visually-hidden">Run/Schedule</span></span>
+                    </a>
+                {% endif %}
 
                 {% comment "TODO(norbert-mieczkowski-codilime): use the same buttons (actions) in tables and tiles when tables support dropdown menus" %}
                     {% for item in row.items %}
@@ -30,20 +42,20 @@
                         {% endif %}
                     {% endfor %}
                 {% endcomment %}
-                <div class="btn-group">
-                    <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Actions">
-                        <i class="mdi mdi-dots-horizontal"></i>
+                <div class="dropdown">
+                    <button type="button" class="btn btn-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-bs-title="Actions">
+                        <span class="mdi mdi-dots-horizontal" aria-hidden="true"><span class="visually-hidden">Actions</span></span>
                     </button>
                     {% with request.path|add:"?display=tiles"|urlencode as return_url %}
-                        <ul class="dropdown-menu dropdown-menu-right context-menu">
-                            <li><a href="{% url 'extras:job' pk=row.record.pk %}"><i class="mdi mdi-information-outline text-muted"></i>Details</a></li>
-                            <li><a href="{% url 'extras:job_changelog' pk=row.record.pk %}"><i class="mdi mdi-history text-muted"></i>Change log</a></li>
+                        <ul class="dropdown-menu dropdown-menu-end">
+                            <li><a class="dropdown-item" href="{% url 'extras:job' pk=row.record.pk %}"><span class="mdi mdi-information-outline text-secondary" aria-hidden="true"></span>Details</a></li>
+                            <li><a class="dropdown-item" href="{% url 'extras:job_changelog' pk=row.record.pk %}"><span class="mdi mdi-history text-secondary" aria-hidden="true"></span>Change log</a></li>
                             {% if perms.extras.change_job %}
-                                <li><a href="{% url 'extras:job_edit' pk=row.record.pk %}?return_url={{return_url}}"><i class="mdi mdi-pencil text-muted"></i>Edit</a></li>
+                                <li><a class="dropdown-item" href="{% url 'extras:job_edit' pk=row.record.pk %}?return_url={{return_url}}"><span class="mdi mdi-pencil text-secondary" aria-hidden="true"></span>Edit</a></li>
                             {% endif %}
                             {% if perms.extras.delete_job %}
-                                <li role="separator" class="divider"></li>
-                                <li><a href="{% url 'extras:job_delete' pk=row.record.pk %}?return_url={{return_url}}"><i class="mdi mdi-trash-can-outline text-danger"></i><span class="text-danger">Delete</span></a></li>
+                                <li><hr class="dropdown-divider"></li>
+                                <li><a class="dropdown-item" href="{% url 'extras:job_delete' pk=row.record.pk %}?return_url={{return_url}}"><span class="mdi mdi-trash-can-outline text-danger" aria-hidden="true"></span><span class="text-danger">Delete</span></a></li>
                             {% endif %}
                         </ul>
                     {% endwith %}
@@ -52,15 +64,15 @@
 
             <h2>{{ row.record.name }}</h2>
 
-            <div class="tile-description">{{ row.record.description|render_markdown }}</div>
+            <div class="nb-tile-description">{{ row.record.description|render_markdown }}</div>
 
-            <footer class="tile-footer">
-                <div style="flex: 1;">
+            <footer class="nb-tile-footer">
+                <div class="flex-fill">
                     Last run:
                     {% if row.record.latest_result %}
                         <a href="{{ row.record.latest_result.get_absolute_url }}">{{ row.record.latest_result.date_created|date:settings.DATETIME_FORMAT }} by {{ row.record.latest_result.user }}</a>
                     {% else %}
-                        <span class="text-muted">Never</span>
+                        <span class="text-secondary">Never</span>
                     {% endif %}
                 </div>
 
@@ -72,7 +84,7 @@
         </article>
     {% empty %}
         {% if table.empty_text %}
-            <div class="text-center text-muted">&mdash; {{ table.empty_text }} &mdash;</div>
+            <div class="text-center text-secondary">&mdash; {{ table.empty_text }} &mdash;</div>
         {% endif %}
     {% endfor %}
 </div>

nautobot/extras/templates/extras/inc/jobresult.html

@@ -7,11 +7,11 @@
 {% load plugins %}
 {% load static %}
 
-<div class="panel panel-default">
-    <div class="panel-heading">
+<div class="card">
+    <div class="card-header">
         <strong>Summary of Results</strong>
     </div>
-    <table class="table table-hover panel-body">
+    <table class="table table-hover card-body">
         <tr>
             <td>Job Description</td>
             <td>{{ result.job_model.description | render_markdown | placeholder }}</td>
@@ -84,10 +84,10 @@
 </div>
 
 
-<div class="panel panel-default">
-    <div class="panel-heading">
+<div class="card">
+    <div class="card-header">
         <strong>Logs</strong>
-        <div class="pull-right noprint">
+        <div class="float-end d-print-none">
             <input class="form-control" id="log-filter" type="text" placeholder="Filter log level or message" title="Filter log level or message" style="height: 23px" />
         </div>
     </div>

nautobot/extras/templates/extras/inc/json_format.html

@@ -1,6 +1,13 @@
-<div class="pull-right">
-    <div class="btn-group btn-group-xs" role="group">
-        <a href="?format=json" class="btn btn-default{% if format == 'json' %} active{% endif %}">JSON</a>
-        <a href="?format=yaml" class="btn btn-default{% if format == 'yaml' %} active{% endif %}">YAML</a>
+{% load helpers %}
+<div class="float-end">
+    <div class="btn-group btn-group-sm" role="group">
+        <a href="{% django_querystring format='json' %}"
+           class="btn btn-primary{% if format == 'json' %} bg-primary nb-text-body-bg{% endif %}">
+            <span class="mdi mdi-code-json" aria-hidden="true"></span> JSON
+        </a>
+        <a href="{% django_querystring format='yaml' %}"
+           class="btn btn-primary{% if format == 'yaml' %} bg-primary nb-text-body-bg{% endif %}">
+            <span class="mdi mdi-format-list-group" aria-hidden="true"></span> YAML
+        </a>
     </div>
 </div>

nautobot/extras/templates/extras/inc/object_contact_header.html

@@ -2,14 +2,14 @@
 
 {% block form %}
     <ul class="nav nav-tabs" style="margin-bottom: 20px">
-        <li role="presentation"{% if active_tab == 'assign' %} class="active"{% endif %}>
-            <a href="{% url 'extras:object_contact_team_assign' %}{% querystring request %}">Assign Contact/Team</a>
+        <li class="nav-item" role="presentation">
+            <a class="nav-link{% if active_tab == 'assign' %} active{% endif %}" href="{% url 'extras:object_contact_team_assign' %}{% querystring request %}">Assign Contact/Team</a>
         </li>
-        <li role="presentation"{% if active_tab == 'contact' %} class="active"{% endif %}>
-            <a href="{% url 'extras:object_contact_add' %}{% legacy_querystring request %}">New Contact</a>
+        <li class="nav-item" role="presentation">
+            <a class="nav-link{% if active_tab == 'contact' %} active{% endif %}" href="{% url 'extras:object_contact_add' %}{% legacy_querystring request %}">New Contact</a>
         </li>
-        <li role="presentation"{% if active_tab == 'team' %} class="active"{% endif %}>
-            <a href="{% url 'extras:object_team_add' %}{% legacy_querystring request %}">New Team</a>
+        <li class="nav-item" role="presentation">
+            <a class="nav-link{% if active_tab == 'team' %} active{% endif %}" href="{% url 'extras:object_team_add' %}{% legacy_querystring request %}">New Team</a>
         </li>
     </ul>
 {% endblock %}

nautobot/extras/templates/extras/inc/overridable_field.html

@@ -1,31 +1,32 @@
 {% load form_helpers %}
 
-<div class="form-group{% if field.errors %} has-error{% endif %}">
-    <label class="col-md-3 control-label{% if field.field.required %} required{% endif %}" for="{{ field.id_for_label }}">
+<div class="mb-10 d-lg-flex justify-content-center{% if field.errors %} has-error{% endif %}">
+    <label class="col-lg-3 col-form-label{% if field.field.required %} nb-required{% endif %}" for="{{ field.id_for_label }}">
         {{ field.label }}
     </label>
-    <div class="col-md-3">
-        <div class="checkbox{% if override_field.errors %} has-error{% endif %}">
-            <label for="{{ override_field.id_for_label }}">
-                {{ override_field }}
+    <div class="col-lg-3 pe-lg-10">
+        <div class="form-check my-6{% if override_field.errors %} has-error{% endif %}">
+            {{ override_field }}
+            <label class="form-check-label" for="{{ override_field.id_for_label }}">
                 <i>Override default value</i>
+                {% if override_field.help_text %}
+                    <span class="form-text">{{ override_field.help_text|safe }}</span>
+                {% endif %}
             </label>
-            {% if override_field.help_text %}
-                <span class="help-block">{{ override_field.help_text|safe }}</span>
-            {% endif %}
         </div>
     </div>
-    <div class="col-md-6">
+    <div class="col-lg-6">
         {% if field|widget_type == 'checkboxinput' %}
-            <div class="checkbox{% if field.errors %} has-error{% endif %}">
-                <label for="{{ field.id_for_label }}">
-                    {{ field }} {{ field.label }}
+            <div class="form-check my-6{% if field.errors %} has-error{% endif %}">
+                {{ field }}
+                <label class="form-check-label" for="{{ field.id_for_label }}">
+                    {{ field.label }}
+                    {% if field.help_text %}<span class="form-text">{{ field.help_text|safe }}</span>{% endif %}
                 </label>
-                {% if field.help_text %}<span class="help-block">{{ field.help_text|safe }}</span>{% endif %}
             </div>
         {% else %}
             {{ field }}
-            {% if field.help_text %}<span class="help-block">{{ field.help_text|safe }}</span>{% endif %}
+            {% if field.help_text %}<span class="form-text">{{ field.help_text|safe }}</span>{% endif %}
         {% endif %}
         {% if field.errors %}
             <ul>

nautobot/extras/templates/extras/inc/panel_approvalworkflowstage.html

@@ -0,0 +1,34 @@
+{% load helpers %}
+{% load approvals %}
+
+
+{% if approval_workflow_stages and perms.extras.view_approvalworkflowstage %}
+    {% for instance in approval_workflow_stages %}
+        {% with approval_workflow=instance.approval_workflow %}
+            <div class="list-group-item">
+                {{ instance.state|render_approval_workflow_state }}
+                <a href="{{ approval_workflow.get_absolute_url }}" >{{ instance }} </a> <br />
+                {{ approval_workflow.object_under_review_content_type.name|bettertitle }}
+                {{ approval_workflow.object_under_review|hyperlinked_object }}
+                <br />
+                <small>
+                    <span class="text-secondary">{{ approval_workflow.user }} -</span>
+                    <span class="text-secondary">{{ approval_workflow.created|date:settings.SHORT_DATETIME_FORMAT }}</a>
+                </small>
+            </div>
+        {% endwith %}
+        {% if forloop.last %}
+            <div class="list-group-item text-end">
+                <a href="{% url 'extras:approver_dashboard' %}">View All Approval Workflow Stages Pending Approval</a>
+            </div>
+        {% endif %}
+    {% endfor %}
+{% elif perms.extras.view_approvalworkflowstage %}
+    <div class="card-body text-secondary">
+        No Pending Approval Workflows found
+    </div>
+{% else %}
+    <div class="card-body text-secondary">
+        <span class="mdi mdi-lock"></span> No Permission
+    </div>
+{% endif %}