nautobot 3.0.0a2__py3-none-any.whl → 3.0.0rc1__py3-none-any.whl

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

@@ -1,7 +1,8 @@
 {% load form_helpers %}
 
-<hr>
-<div class="mb-10 d-flex justify-content-center{% if field.errors %} has-error{% endif %}">
+
+<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>
@@ -19,17 +20,17 @@
         {% endif %}
     </div>
 </div>
-<div class="mb-10 d-flex justify-content-center">
+<div class="mb-10 d-lg-flex justify-content-center">
     <span class="col-lg-3 col-form-label">
     </span>
     <div class="col-lg-9">
-        <div>
-            <label for="{{ override_field.id_for_label }}">
-                {{ override_field }}
+        <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="form-text">{{ override_field.help_text|safe }}</span>
+                <span class="form-text w-100">{{ override_field.help_text|safe }}</span>
             {% endif %}
         </div>
     </div>

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

@@ -1,6 +1,13 @@
+{% load helpers %}
 <div class="float-end">
-    <div class="btn-group btn-group-xs" role="group">
-        <a href="?data_format=json" class="btn {% if format == 'json' %}btn-primary{% else %}btn-secondary{% endif %}">JSON</a>
-        <a href="?data_format=yaml" class="btn {% if format == 'yaml' %}btn-primary{% else %}btn-secondary{% endif %}">YAML</a>
+    <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

@@ -0,0 +1,71 @@
+{% load helpers %}
+
+<div class="card">
+    <div class="card-header">
+        <strong>Response</strong>
+        <button class="btn btn-primary btn-sm float-end" onclick="test_query()">Execute</button>
+    </div>
+    {% if object.variables %}
+        <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="card-footer">
+        <pre id="query_output" class="p-5">
+
+        </pre>
+    </div>
+</div>
+
+<script>
+    function fillQueryOutput(data) {
+        const queryOutput = document.querySelector('#query_output');
+
+        [...queryOutput.childNodes].forEach(childNode => childNode.remove());
+
+        const code = document.createElement('code');
+        code.classList.add('language-json');
+        code.textContent = JSON.stringify(data, undefined, 2);
+
+        queryOutput.appendChild(code);
+
+        hljs.highlightElement(code);
+    }
+
+    function test_query() {
+        const variables = document.querySelector('#query_variables')?.value;
+
+        $.ajax({
+            url: "{% url 'graphql' %}",
+            method: "POST",
+            headers: {"X-CSRFTOKEN": "{{ csrf_token }}"},
+            dataType: "json",
+            data: {
+                "query": `{{ object.query | escapejs }}`,
+                "variables": variables,
+            },
+            success: function(data) {
+                fillQueryOutput(data);
+            },
+            error: function(error) {
+                console.log(error);
+                fillQueryOutput(error.responseJSON);
+            }
+        });
+    };
+
+    window.addEventListener("load", () => {
+        textarea = document.querySelector("#query_variables");
+        textarea.addEventListener('input', autoResize, false);
+        textarea.style.height = 'auto';
+        textarea.style.height = textarea.scrollHeight + 'px';
+    });
+
+    function autoResize() {
+        this.style.height = 'auto';
+        this.style.height = this.scrollHeight + 'px';
+    }
+</script>

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

@@ -19,9 +19,21 @@
             <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-sm" data-bs-toggle="tooltip" data-bs-title="Run/Schedule" {% if not perms.extras.run_job or not row.record.runnable %}disabled="disabled"{% endif %}>
-                    <span class="mdi mdi-play" aria-hidden="true"><span class="visually-hidden">Run/Schedule</span></span>
-                </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 %}

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

@@ -1,6 +1,13 @@
+{% load helpers %}
 <div class="float-end">
-    <div class="btn-group btn-group-xs" role="group">
-        <a href="?format=json" class="btn btn-secondary{% if format == 'json' %} active{% endif %}">JSON</a>
-        <a href="?format=yaml" class="btn btn-secondary{% if format == 'yaml' %} active{% endif %}">YAML</a>
+    <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/overridable_field.html

@@ -1,27 +1,28 @@
 {% load form_helpers %}
 
-<div class="mb-10 d-flex justify-content-center{% if field.errors %} has-error{% endif %}">
+<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-lg-3">
-        <div class="form-check{% 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="form-text">{{ override_field.help_text|safe }}</span>
-            {% endif %}
         </div>
     </div>
     <div class="col-lg-6">
         {% if field|widget_type == 'checkboxinput' %}
-            <div class="form-check{% 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="form-text">{{ field.help_text|safe }}</span>{% endif %}
             </div>
         {% else %}
             {{ field }}

nautobot/extras/templates/extras/job.html

@@ -14,17 +14,10 @@
                 <li class="breadcrumb-item">Submission and Scheduling</li>
             </ol>
         </div>
-        <div>
-            <h1 class="mb-16">{{ job_model }}</h1>
-            {% if job_model.read_only %}
-                <span class="badge bg-body-secondary border">Read-only</span>
-            {% endif %}
-            <p>{{ job_model.description | render_markdown }}</p>
-        </div>
         <form action="" method="post" enctype="multipart/form-data" class="h-100 vstack">
             {% csrf_token %}
-            <div class="row align-content-start flex-fill">
-                <div class="col-xl-8 offset-lg-2 col-lg-10 offset-md-1">
+            <div class="row justify-content-center flex-fill">
+                <div class="col-xl-8 col-lg-10">
                     {% if not perms.extras.run_job %}
                         <div class="alert alert-warning">
                             <span aria-hidden="true" class="mdi mdi-alert"></span>
@@ -40,6 +33,11 @@
                             <span aria-hidden="true" class="mdi mdi-alert"></span> This job is not enabled to be run.
                         </div>
                     {% endif %}
+                    {% if job_model.read_only %}
+                        <div class="alert alert-info">
+                            <span aria-hidden="true" class="mdi mdi-info"></span>This job is read-only in its operation.
+                        </div>
+                    {% endif %}
                     {% if job_form.non_field_errors or schedule_form.non_field_errors %}
                         <div class="card border-danger">
                             <div class="card-header bg-danger-subtle border-danger text-body">
@@ -88,7 +86,7 @@
                     id="id__run"
                     name="_run"
                     type="submit"
-                    {% if not perms.extras.run_job or not job_model.runnable %}disabled="disabled"{% endif %}
+                    {% if not perms.extras.run_job or not job_model.runnable %}disabled{% endif %}
                 >
                     <span aria-hidden="true" class="mdi mdi-play me-4"></span><!--
                 -->Run Job Now
@@ -147,13 +145,32 @@
 
                     // Toggle schedule name and schedule time field rows.
                     ['#id__schedule_name', '#id__schedule_start_time'].forEach((selector) => {
-                        const row = document.querySelector(selector).parentElement.parentElement;
+                        const input = document.querySelector(selector);
+                        const row = input?.parentElement.parentElement;
                         row.classList.toggle('d-none', immediately);
+                        const label = row.querySelector('label');
+
+                        label?.classList.toggle('nb-required', !immediately);
+                        if (immediately) {
+                            input.removeAttribute('required');
+                        } else {
+                            input.setAttribute('required', '');
+                        }
                     });
 
                     // Toggle custom crontab field row.
-                    const row = document.querySelector('#id__recurrence_custom_time').parentElement.parentElement;
+                    input = document.querySelector('#id__recurrence_custom_time')
+                    const row = input.parentElement.parentElement;
                     row.classList.toggle('d-none', !custom);
+                    const label = row.querySelector('label');
+
+                    label?.classList.toggle('nb-required', custom);
+                    if (!custom) {
+                        input.removeAttribute('required');
+                    } else {
+                        input.setAttribute('required', '');
+                    }
+
                 };
 
                 {% if job_model.has_sensitive_variables %}

nautobot/extras/templates/extras/job_bulk_edit.html

@@ -1,6 +1,24 @@
 {% extends 'generic/object_bulk_update.html' %}
 {% load form_helpers %}
 
+{% block extra_styles %}
+    <style>
+        tr a.job_run {
+            display: inline-flex;
+            gap: 0.625rem; /* 10px */
+        }
+
+        tr a.job_run .btn {
+            align-self: flex-start;
+            margin-block: -0.09375rem; /* -1.5px */
+        }
+
+        tr :last-child {
+            margin-bottom: 0;
+        }
+    </style>
+{% endblock %}
+
 {% block form_fields %}
     {% render_field form.enabled %}
     {% include "extras/inc/bulk_edit_overridable_field.html" with field=form.grouping override_field=form.clear_grouping_override %}

nautobot/extras/templates/extras/job_edit.html

@@ -6,69 +6,69 @@
     <div class="card">
         <div class="card-header"><strong>Job Source</strong></div>
         <div class="card-body">
-            <div class="mb-10 d-flex justify-content-center">
+            <div class="mb-10 d-lg-flex justify-content-center">
                 <label class="col-lg-3 col-form-label">Module</label>
-                <div class="col-lg-9" style="padding-top: 7px">
+                <div class="col-lg-9 pt-6">
                     <code>{{ obj.module_name }}</code>
                     <span class="form-text">Dotted name of the Python module providing this job</span>
                 </div>
             </div>
-            <div class="mb-10 d-flex justify-content-center">
+            <div class="mb-10 d-lg-flex justify-content-center">
                 <label class="col-lg-3 col-form-label">Job Class</label>
-                <div class="col-lg-9" style="padding-top: 7px">
+                <div class="col-lg-9 pt-6">
                     <code>{{ obj.job_class_name }}</code>
                     <span class="form-text">Name of the Python class providing this job</span>
                 </div>
             </div>
-            <div class="mb-10 d-flex justify-content-center">
+            <div class="mb-10 d-lg-flex justify-content-center">
                 <div class="col-lg-9 offset-lg-3">
-                    <div class="form-check">
-                        <label>
-                            <input type="checkbox" disabled="true" {% if obj.installed %}checked="checked"{% endif %}>
+                    <div class="form-check mt-6">
+                        <input class="form-check-input" id="id_installed" name="installed" type="checkbox" disabled {% if obj.installed %}checked{% endif %}>
+                        <label class="form-check-label" for="id_installed">
                             Installed
+                            <span class="form-text">
+                                Whether the Python class providing this job is presently installed and loadable
+                            </span>
                         </label>
-                        <span class="form-text">
-                            Whether the Python class providing this job is presently installed and loadable
-                        </span>
                     </div>
                 </div>
             </div>
-            <div class="mb-10 d-flex justify-content-center">
+            <div class="mb-10 d-lg-flex justify-content-center">
                 <div class="col-lg-9 offset-lg-3">
-                    <div class="form-check">
-                        <label>
-                            <input type="checkbox" disabled="true" {% if obj.supports_dryrun %}checked="checked"{% endif %}>
+                    <div class="form-check mt-6">
+                        <input class="form-check-input" id="id_supports_dryrun" name="supports_dryrun" type="checkbox" disabled {% if obj.supports_dryrun %}checked{% endif %}>
+                        <label class="form-check-label" for="id_supports_dryrun">
                             Supports dryrun
+                            <span class="form-text">
+                                Whether this job supports bypassing approval when running with dryrun argument set to true
+                            </span>
                         </label>
-                        <span class="form-text">
-                            Whether this job supports bypassing approval when running with dryrun argument set to true
-                        </span>
                     </div>
                 </div>
             </div>
-            <div class="mb-10 d-flex justify-content-center">
+            <div class="mb-10 d-lg-flex justify-content-center">
                 <div class="col-lg-9 offset-lg-3">
-                    <div class="form-check">
-                        <label>
-                            <input type="checkbox" disabled="true" {% if obj.is_job_hook_receiver %}checked="checked"{% endif %}>
+                    <div class="form-check mt-6">
+                        <input class="form-check-input" id="id_is_job_hook_receiver" name="is_job_hook_receiver" type="checkbox" disabled {% if obj.is_job_hook_receiver %}checked{% endif %}>
+                        <label class="form-check-label" for="id_is_job_hook_receiver">
                             Is job hook receiver
+                            <span class="form-text">
+                                Whether this job is a job hook receiver
+                            </span>
                         </label>
-                        <span class="form-text">
-                            Whether this job is a job hook receiver
-                        </span>
                     </div>
                 </div>
             </div>
-            <div class="mb-10 d-flex justify-content-center">
+            <div class="mb-10 d-lg-flex justify-content-center">
                 <div class="col-lg-9 offset-lg-3">
-                    <div class="form-check">
-                        <label>
-                            <input type="checkbox" disabled="true" {% if obj.is_job_button_receiver %}checked="checked"{% endif %}>
+                    <div class="form-check mt-6">
+                        <input class="form-check-input" id="id_is_job_button_receiver" name="is_job_button_receiver" type="checkbox" disabled {% if obj.is_job_button_receiver %}checked{% endif %}>
+                        <label class="form-check-label" for="id_is_job_button_receiver">
                             Is job button receiver
+                            <span class="form-text">
+                                Whether this job is a job button receiver
+                            </span>
                         </label>
-                        <span class="form-text">
-                            Whether this job is a job button receiver
-                        </span>
                     </div>
                 </div>
             </div>
@@ -103,12 +103,15 @@
     {{ block.super }}
     {{ obj.job_class.properties_dict | json_script:"job_class_properties" }}
     <script>
+        /*
+         * Because some of the form fields are Select2 widgets, we need to stick with jQuery here for now
+         */
         const job_class_properties = JSON.parse(document.getElementById("job_class_properties").textContent);
         const description_default = $("#id_description").val();
-    /* All id_*_override fields */
+        /* All id_*_override fields */
         $("[id^=id_][id$=_override]").change(function() {
             const override_id = $(this).attr("id");
-        /* What's the form field this is an override for? */
+            /* What's the form field this is an override for? */
             const field_id = override_id.slice(0, -9);
             const field = $("#" + field_id);
             const field_name = field_id.slice(3);
@@ -116,32 +119,32 @@
                 field.attr("readonly", null);
                 field.prop("disabled", false);
             } else {
-            /* Revert the field to its default value */
+                /* Revert the field to its default value */
                 if (field.attr("type") == "checkbox") {
-                /* Do we have a job class object to derive properties from? */
+                    /* Do we have a job class object to derive properties from? */
                     if (job_class_properties != "") {
                         field.prop("checked", job_class_properties[field_name]);
                     } else {
-                    /* No, we don't - it's probably not installed */
+                        /* No, we don't - it's probably not installed */
                         field.prop("checked", field.attr("checked"));
                     }
-                /*
-                 * Checkboxes can't be "readonly" in HTML :-(
-                 * Note that "disabled" fields aren't included in form submission, so we have to be sure to
-                 * re-enable them at form submission time.
-                 */
+                    /*
+                     * Checkboxes can't be "readonly" in HTML :-(
+                     * Note that "disabled" fields aren't included in form submission, so we have to be sure to
+                     * re-enable them at form submission time.
+                     */
                     field.prop("disabled", true);
                 } else {
-                /* Do we have a job class object to derive properties from? */
+                    /* Do we have a job class object to derive properties from? */
                     if (job_class_properties != "") {
                         if (field_name != "job_queues" && field_name != "default_job_queue") {
                             field.val(job_class_properties[field_name]);
                         }
                     } else if (field_name != "description") {
-                    /* No, we don't - it's probably not installed */
+                        /* No, we don't - it's probably not installed */
                         field.val(field.attr("value"));
                     } else {
-                    /* Textarea fields don't have a "value" attribute */
+                        /* Textarea fields don't have a "value" attribute */
                         field.val(description_default);
                     }
                     if (field_name == "job_queues" || field_name == "default_job_queue") {
@@ -154,7 +157,10 @@
         });
         $("[id^=id_][id$=_override]").change();
 
-    /* As mentioned above, we need to re-enable all checkboxes, job_queues and default_job_queue fields on form submission so they get included */
+        /*
+         * As mentioned above, we need to re-enable all checkboxes, job_queues and default_job_queue fields
+         * on form submission so they get included
+         */
         $("form").submit(function() {
             $('input[type="checkbox"]:disabled').each(function() {
                 $(this).prop("disabled", false);

nautobot/extras/templates/extras/job_list.html

@@ -3,12 +3,22 @@
 
 {% block extra_styles %}
     <style>
+        tr a.job_run {
+            display: inline-flex;
+            gap: 0.625rem; /* 10px */
+        }
+
         tr a.job_run .btn {
-            margin: -4px 10px 0 0;
+            align-self: flex-start;
+            margin-block: -0.09375rem; /* -1.5px */
         }
 
-        tr.disabled {
-            color: #7d7f7c;
+        tr :last-child {
+            margin-bottom: 0;
+        }
+
+        tr.disabled td {
+            color: var(--bs-secondary-color);
         }
 
         tr.disabled a.job_run {
@@ -17,19 +27,27 @@
         }
 
         tr.disabled a.job_run .btn {
-            cursor: not-allowed;
+            cursor: inherit;
+        }
+
+        tr.disabled p {
+            color: inherit;
         }
     </style>
 {% endblock %}
 
 {% block buttons %}
-    <div class="btn-group">
-        <a class="btn btn-secondary set-job_list-display" data-display="tiles" href="" title="Tiles">
-            <span class="mdi mdi-view-grid{% if display == "list" %}-outline{% endif %}"></span>
+    <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>
-        <a class="btn btn-secondary set-job_list-display" data-display="list" href="" title="List">
-            <span class="mdi mdi-view-sequential{% if display == "tiles" %}-outline{% endif %}"></span>
+        {# 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>
 
     <button
@@ -38,22 +56,8 @@
         data-nb-toggle="collapse-all"
         data-nb-target="#job_accordion .collapse"
         type="button"
-        {% if display == "tiles" %}disabled="disabled"{% endif %}
+        {% if display == "tiles" %}disabled{% endif %}
     >
-        Collapse All
+        Collapse All Groups
     </button>
 {% endblock %}
-
-{% block javascript %}
-    {{ block.super }}
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            // Set display anchor links without losing other potentially active query params such as applied filters.
-            [...document.querySelectorAll('.set-job_list-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/marketplace.html

@@ -60,18 +60,14 @@
 {% block document_title %}{% render_title "plain" %}{% endblock %}
 
 {% block content %}
-    <div class="row d-print-none">
+    <div class="row d-print-none mb-16">
         <div class="col-lg-12">
-            {% render_breadcrumbs %}
+            <div class="float-end">
+                <a class="btn btn-primary" href="{% url 'apps:apps_list' %}">See Installed Apps</a>
+            </div>
         </div>
     </div>
 
-    <div class="float-end d-print-none">
-        <a class="btn btn-primary" href="{% url 'apps:apps_list' %}">See Installed Apps</a>
-    </div>
-
-    <h1>{% block page_heading %}{% render_title %}{% endblock page_heading %}</h1>
-
     <div class="row">
         <div class="col-lg-12">
             <section class="nb-tiles">
@@ -119,7 +115,7 @@
                             {% if app.docs|default:None != None %}
                                 <a href="{{ app.docs }}" class="btn btn-info btn-sm" target="_blank" data-bs-title="Docs">
                             {% else %}
-                                <a href="" class="btn btn-info btn-sm disabled" target="_blank" data-bs-title="No docs provided">
+                                <a aria-disabled="true" class="btn btn-info btn-sm disabled" data-bs-title="No docs provided">
                             {% endif %}
                             <span class="mdi mdi-book-open-page-variant"></span>
                         </a>

nautobot/extras/templates/extras/object_configcontext.html

@@ -8,7 +8,7 @@
             <div class="card">
                 <div class="card-header">
                     <strong>Rendered Context</strong>
-                    {% include 'extras/inc/configcontext_format.html' %}
+                    {% include 'extras/inc/configcontext_format.html' with data_format=format %}
                 </div>
                 <div class="card-body">
                     {% include 'extras/inc/json_data.html' with data=rendered_context format=format %}

nautobot/extras/templates/extras/object_dynamicgroups.html

@@ -7,8 +7,8 @@
 {% block content %}
     <div class="alert alert-warning">
         Dynamic group membership is cached for performance reasons, therefore this page may not always be up-to-date.
-        <br>You can refresh the membership of any specific group by viewing it from the list below or from the
-        <a href="{% url 'extras:dynamicgroup_list' %}">Dynamic Groups list view</a>.
+        <br>You can refresh the membership of any specific group by accessing it from the list below or from the
+        <a href="{% url 'extras:dynamicgroup_list' %}">Dynamic Groups list view</a> and clicking the "Refresh Members" button.
         <br>You can also refresh the membership of all groups by running the
         <a href="{% url 'extras:job_run_by_class_path' class_path='nautobot.core.jobs.groups.RefreshDynamicGroupCaches' %}">Refresh Dynamic Group Caches job</a>.
     </div>