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

nautobot/core/templates/utilities/worker_status.html

@@ -1,5 +1,8 @@
 {% extends 'base.html' %}
 {% load helpers %}
+{% load ui_framework %}
+
+{% block breadcrumbs_wrapper %}{% render_breadcrumbs %}{% endblock %}
 
 {% block extra_styles %}
     <style>
@@ -9,26 +12,20 @@
     </style>
 {% endblock %}
 
-{% block header %}
-    <h1>
-        {% block title %}Nautobot Worker Status{% endblock %}
-    </h1>
-{% endblock %}
-
 {% block content %}
     <div class="row">
-        <div class="col-md-12">
-            <div class="panel panel-default">
-                <div class="panel-heading">
+        <div class="col-lg-12">
+            <div class="card">
+                <div class="card-header">
                     <strong>Worker Queues</strong>
                 </div>
-                <table class="table table-hover panel-body attr-table">
+                <table class="table table-hover card-body attr-table">
                     {% for queue_name, workers in worker_status.queue_worker_count.items %}
                         <tr>
-                            <td><span class="label label-primary">{{ queue_name }}</span></td>
+                            <td><span class="badge bg-primary">{{ queue_name }}</span></td>
                             <td>
                                 {% for worker in workers %}
-                                    <span class="label label-default">{{ worker }}</span>
+                                    <span class="badge bg-default">{{ worker }}</span>
                                 {% empty %}
                                     No workers found.
                                 {% endfor %}
@@ -39,12 +36,12 @@
             </div>
         </div>
         {% for worker in worker_status.workers %}
-            <div class="col-md-6">
-                <div class="panel panel-default">
-                    <div class="panel-heading">
+            <div class="col-lg-6">
+                <div class="card">
+                    <div class="card-header">
                         <strong>{{ worker.hostname }}</strong>
                     </div>
-                    <table id="accordion" class="table table-hover panel-body attr-table">
+                    <table id="accordion" class="table table-hover card-body attr-table">
                         <tbody>
                             <tr>
                                 <td>Uptime</td>
@@ -54,21 +51,28 @@
                                 <td>Queues</td>
                                 <td colspan="2">
                                     {% for queue in worker.queues %}
-                                        <span class="label label-primary">{{ queue }}</span>
+                                        <span class="badge bg-primary">{{ queue }}</span>
                                     {% endfor %}
                                 </td>
                             </tr>
                             <tr>
-                                <th colspan="{{ worker.running_tasks_table.columns|length }}">
-                                    <button type="button" class="btn-link accordion-toggle mdi mdi-chevron-right"
-                                            name="running-tasks-{{ worker.hostname|slugify }}" data-toggle="collapse"
-                                            data-target=".collapseme-running-tasks-{{ worker.hostname|slugify }}">
-                                        Running Tasks {% badge worker.running_tasks_table.rows|length show_empty=True %}
+                                <th class="position-relative" colspan="{{ worker.running_tasks_table.columns|length }}">
+                                    <button
+                                        aria-controls="collapseme-running-tasks-{{ worker.hostname|slugify }}"
+                                        aria-expanded="false"
+                                        class="btn float-none fs-4 stretched-link nb-collapse-toggle"
+                                        data-bs-toggle="collapse"
+                                        data-bs-target="#collapseme-running-tasks-{{ worker.hostname|slugify }}"
+                                        name="running-tasks-{{ worker.hostname|slugify }}"
+                                        type="button"
+                                    >
+                                        <span class="mdi mdi-chevron-down me-4"></span><!--
+                                    -->Running Tasks {% badge worker.running_tasks_table.rows|length show_empty=True %}
                                     </button>
                                 </th>
                             </tr>
                         </tbody>
-                        <tbody class="collapseme-running-tasks-{{ worker.hostname|slugify }} collapse" data-parent="#accordion" aria-expanded="false">
+                        <tbody class="collapse nb-transition-none" id="collapseme-running-tasks-{{ worker.hostname|slugify }}">
                             <tr>
                                 {% for column in worker.running_tasks_table.columns %}
                                     <th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
@@ -83,7 +87,7 @@
                             {% empty %}
                                 {% if worker.running_tasks_table.empty_text %}
                                     <tr>
-                                        <td colspan="{{ worker.running_tasks_table.columns|length }}" class="text-center text-muted">
+                                        <td colspan="{{ worker.running_tasks_table.columns|length }}" class="text-center text-secondary">
                                             &mdash; {{ worker.running_tasks_table.empty_text }} &mdash;
                                         </td>
                                     </tr>
@@ -92,16 +96,23 @@
                         </tbody>
                         <tbody>
                             <tr>
-                                <th colspan="{{ worker.pending_tasks_table.columns|length }}">
-                                    <button type="button" class="btn-link accordion-toggle mdi mdi-chevron-right"
-                                            name="pending-tasks-{{ worker.hostname|slugify }}" data-toggle="collapse"
-                                            data-target=".collapseme-pending-tasks-{{ worker.hostname|slugify }}">
-                                        Pending Tasks {% badge worker.pending_tasks_table.rows|length show_empty=True %}
+                                <th class="position-relative" colspan="{{ worker.pending_tasks_table.columns|length }}">
+                                    <button
+                                        aria-controls="collapseme-pending-tasks-{{ worker.hostname|slugify }}"
+                                        aria-expanded="false"
+                                        class="btn float-none fs-4 stretched-link nb-collapse-toggle"
+                                        data-bs-toggle="collapse"
+                                        data-bs-target="#collapseme-pending-tasks-{{ worker.hostname|slugify }}"
+                                        name="pending-tasks-{{ worker.hostname|slugify }}"
+                                        type="button"
+                                    >
+                                        <span class="mdi mdi-chevron-down me-4"></span><!--
+                                    -->Pending Tasks {% badge worker.pending_tasks_table.rows|length show_empty=True %}
                                     </button>
                                 </th>
                             </tr>
                         </tbody>
-                        <tbody class="collapseme-pending-tasks-{{ worker.hostname|slugify }} collapse" data-parent="#accordion" aria-expanded="false">
+                        <tbody class="collapse" id="collapseme-pending-tasks-{{ worker.hostname|slugify }}">
                             <tr>
                                 {% for column in worker.pending_tasks_table.columns %}
                                     <th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
@@ -116,7 +127,7 @@
                             {% empty %}
                                 {% if worker.pending_tasks_table.empty_text %}
                                     <tr>
-                                        <td colspan="{{ worker.pending_tasks_table.columns|length }}" class="text-center text-muted">
+                                        <td colspan="{{ worker.pending_tasks_table.columns|length }}" class="text-center text-secondary">
                                             &mdash; {{ worker.pending_tasks_table.empty_text }} &mdash;
                                         </td>
                                     </tr>
@@ -140,13 +151,3 @@
         {% endfor %}
     </div>
 {% endblock %}
-
-{% block javascript %}
-    {{ block.super }}
-    <script>
-    // Toggle v -. >
-        $("#accordion .accordion-toggle").click(function() {
-            $(this).toggleClass("mdi-chevron-down mdi-chevron-right");
-        });
-    </script>
-{% endblock %}

nautobot/core/templates/widgets/selectwithdisabled_option.html

@@ -1 +1,3 @@
-<option value="{{ widget.value }}"{% include "django/forms/widgets/attrs.html" %}{% if widget.label.disabled %} disabled="disabled"{% endif %}>{{ widget.label.label|default:widget.label }}</option>
+<option value="{{ widget.value }}"
+        {% include "django/forms/widgets/attrs.html" %}
+        {% if widget.label.disabled %} disabled{% endif %}>{{ widget.label.label|default:widget.label }}</option>

nautobot/core/templates/widgets/sluginput.html

@@ -1,12 +1,12 @@
 <div class="input-group">
     {% include "django/forms/widgets/input.html" %}
     <span class="input-group-btn">
-        <button class="btn btn-default reslugify"
+        <button class="btn btn-secondary reslugify"
                 type="button"
                 title="{% if widget.custom_title %}{{ widget.custom_title }}{% else %}Regenerate slug{% endif %}"
                 data-regenerate="{{ widget.attrs.id }}"
         >
-            <i class="mdi mdi-refresh"></i>
+            <span class="mdi mdi-refresh"></span>
         </button>
     </span>
 </div>

nautobot/core/templatetags/buttons.py

@@ -189,9 +189,9 @@ def consolidate_bulk_action_buttons(context):
 
     if bulk_action_button_count > 1:
         child_button_fragment = f"<li>{primary_button_fragment}</li>"
-        delete_button_classes = "text-danger"
-        static_group_button_classes = "text"
-        static_group_icon += " text-muted"
+        delete_button_classes = "dropdown-item text-danger"
+        static_group_button_classes = "dropdown-item"
+        static_group_icon += " text-secondary"
 
     if render_edit_button:
         query_string = ""
@@ -214,9 +214,9 @@ def consolidate_bulk_action_buttons(context):
         if bulk_action_button_count > 1:
             bulk_action_buttons[0] += format_html(
                 f"""
-                <button type="button" data-toggle="dropdown" class="{edit_button_classes} dropdown-toggle" aria-haspopup="true">
-                    <span class="caret"></span>
-                    <span class="sr-only">Toggle Dropdown</span>
+                <button type="button" data-bs-toggle="dropdown" class="{edit_button_classes} dropdown-toggle" aria-haspopup="true">
+                    <span class="visually-hidden">Toggle Dropdown</span>
+                    <span class="mdi mdi-chevron-down"></span>
                 </button>
                 """
             )
@@ -226,8 +226,9 @@ def consolidate_bulk_action_buttons(context):
         bulk_action_buttons.append(
             format_html(
                 """
-                <button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">
-                    Bulk Actions <span class="caret"></span>
+                <button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true">
+                    Bulk Actions
+                    <span class="mdi mdi-chevron-down" aria-hidden="true"></span>
                 </button>
                 """
             )
@@ -254,7 +255,7 @@ def consolidate_bulk_action_buttons(context):
         )
 
     if render_delete_button and render_static_group_assign_button:
-        bulk_action_buttons.append(format_html('<li role="separator" class="divider"></li>'))
+        bulk_action_buttons.append(format_html('<li class="dropdown-divider"></li>'))
 
     if render_static_group_assign_button:
         bulk_action_buttons.append(
@@ -265,8 +266,8 @@ def consolidate_bulk_action_buttons(context):
                     {
                         "class": static_group_button_classes,
                         "id": "update_dynamic_groups_for_selected",
-                        "data-toggle": "modal",
-                        "data-target": "#dynamic_group_assignment_modal",
+                        "data-bs-toggle": "modal",
+                        "data-bs-target": "#dynamic_group_assignment_modal",
                         "data-objects": "selected",
                         "type": "button",
                     }
@@ -309,51 +310,47 @@ def consolidate_detail_view_action_buttons(context):
             "detail_view_action_buttons": detail_view_action_buttons,
         }
 
-    child_button_fragment = primary_button_fragment = """
+    primary_button_fragment = """
         <a {attrs}>
             <span class="{icon}" aria-hidden="true"></span> {label}
         </a>
     """
 
     delete_button_fragment = """
-        <button class="{button_class}">
-            <a {attrs}>
-                <span class="{icon}" aria-hidden="true"></span> {label}
-            </a>
-        </button>
+        <a {attrs}>
+            <span class="{icon}" aria-hidden="true"></span> {label}
+        </a>
     """
-
+    dropdown_button_classes = "btn btn-warning rounded-end"
     edit_button_classes = "btn btn-warning"
-    delete_button_classes = "text-danger"
-    clone_button_classes = "text"
-    clone_icon = "mdi mdi-plus-thick text-muted"
-    child_button_fragment = f"<li>{primary_button_fragment}</li>"
+    delete_button_classes = "dropdown-item text-danger"
+    clone_button_classes = "dropdown-item"
+    clone_icon = "mdi mdi-plus-thick text-secondary"
     delete_button_fragment = f"<li>{delete_button_fragment}</li>"
 
     if render_edit_button:
+        attrs = {
+            "id": "edit-button",
+            "class": edit_button_classes,
+            "href": object_edit_url,
+        }
         detail_view_action_buttons.append(
             format_html(
                 primary_button_fragment,
                 label=f"Edit {bettertitle(context['verbose_name'])}",
-                attrs=render_tag_attrs(
-                    {
-                        "id": "edit-button",
-                        "class": edit_button_classes,
-                        "href": object_edit_url,
-                    }
-                ),
+                attrs=render_tag_attrs(attrs),
                 button_class=edit_button_classes,
                 icon="mdi mdi-pencil",
             ),
         )
         if detail_view_action_button_count > 1:
             detail_view_action_buttons[0] += format_html(
-                f"""
-                <button type="button" id="actions-dropdown" data-toggle="dropdown" class="{edit_button_classes} dropdown-toggle">
-                    <span class="caret"></span>
-                    <span class="sr-only">Toggle Dropdown</span>
-                </button>
                 """
+                <button type="button" id="actions-dropdown" data-bs-toggle="dropdown" class="{button_class}">
+                    <span class="mdi mdi-chevron-down"></span>
+                 </button>
+                """,
+                button_class=dropdown_button_classes,
             )
 
     # Render a generic "Actions" dropdown button if the edit button is not present
@@ -361,10 +358,11 @@ def consolidate_detail_view_action_buttons(context):
         detail_view_action_buttons.append(
             format_html(
                 """
-                <button type="button" id="actions-dropdown" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
-                    Actions <span class="caret"></span>
-                </button>
-                """
+                <button type="button" id="actions-dropdown" data-bs-toggle="dropdown" class="{button_class}">
+                    Actions <span class="mdi mdi-chevron-down"></span>
+                 </button>
+                """,
+                button_class=dropdown_button_classes,
             )
         )
     if render_clone_button:
@@ -373,7 +371,7 @@ def consolidate_detail_view_action_buttons(context):
             object_clone_url = f"{object_clone_url}?{param_string}"
         detail_view_action_buttons.append(
             format_html(
-                child_button_fragment,
+                delete_button_fragment,
                 label=f"Clone {bettertitle(context['verbose_name'])}",
                 attrs=render_tag_attrs(
                     {
@@ -388,7 +386,7 @@ def consolidate_detail_view_action_buttons(context):
         )
     if render_delete_button:
         if render_clone_button:
-            detail_view_action_buttons.append(format_html('<li role="separator" class="divider"></li>'))
+            detail_view_action_buttons.append(format_html('<li class="dropdown-divider"></li>'))
         detail_view_action_buttons.append(
             format_html(
                 delete_button_fragment,

nautobot/core/templatetags/helpers.py

@@ -1,5 +1,6 @@
 from collections.abc import Iterable
 import datetime
+from importlib import resources
 import json
 import logging
 import re
@@ -7,6 +8,7 @@ from typing import Literal
 from urllib.parse import parse_qs, quote_plus
 
 from django import template
+from django.apps import apps
 from django.conf import settings
 from django.contrib import messages
 from django.contrib.auth.models import AnonymousUser
@@ -31,7 +33,7 @@ from nautobot.core.utils.requests import add_nautobot_version_query_param_to_url
 
 HTML_TRUE = mark_safe('<span class="text-success"><i class="mdi mdi-check-bold" title="Yes"></i></span>')
 HTML_FALSE = mark_safe('<span class="text-danger"><i class="mdi mdi-close-thick" title="No"></i></span>')
-HTML_NONE = mark_safe('<span class="text-muted">&mdash;</span>')
+HTML_NONE = mark_safe('<span class="text-secondary">&mdash;</span>')
 
 DEFAULT_SUPPORT_MESSAGE = (
     "If further assistance is required, please join the `#nautobot` channel "
@@ -71,7 +73,7 @@ def hyperlinked_object(value, field="display"):
         >>> hyperlinked_object(device_role)
         '<a href="/dcim/device-roles/router/" title="Devices that are routers, not switches">Router</a>'
         >>> hyperlinked_object(None)
-        '<span class="text-muted">&mdash;</span>'
+        '<span class="text-secondary">&mdash;</span>'
         >>> hyperlinked_object("Hello")
         'Hello'
         >>> hyperlinked_object(location)
@@ -113,7 +115,7 @@ def placeholder(value):
 
     Example:
         >>> placeholder("")
-        '<span class="text-muted">&mdash;</span>'
+        '<span class="text-secondary">&mdash;</span>'
         >>> placeholder("hello")
         "hello"
     """
@@ -183,13 +185,13 @@ def render_boolean(value):
         (str): HTML
             '<span class="text-success"><i class="mdi mdi-check-bold" title="Yes"></i></span>' if True value
             - or -
-            '<span class="text-muted">&mdash;</span>' if None value
+            '<span class="text-secondary">&mdash;</span>' if None value
             - or -
             '<span class="text-danger"><i class="mdi mdi-close-thick" title="No"></i></span>' if False value
 
     Examples:
         >>> render_boolean(None)
-        '<span class="text-muted">&mdash;</span>'
+        '<span class="text-secondary">&mdash;</span>'
         >>> render_boolean(True or "arbitrary string" or 1)
         '<span class="text-success"><i class="mdi mdi-check-bold" title="Yes"></i></span>'
         >>> render_boolean(False or "" or 0)
@@ -485,11 +487,13 @@ def percentage(x, y):
 @library.filter()
 @register.filter()
 def get_docs_url(model):
-    """Return the likely static documentation path for the specified model, if it can be found/predicted.
+    """Return the documentation URL for the specified model, if it can be found/predicted.
 
     - Core models, as of 2.0, are usually at `docs/user-guide/core-data-model/{app_label}/{model_name}.html`.
         - Models in the `extras` app are usually at `docs/user-guide/platform-functionality/{model_name}.html`.
-    - Apps (plugins) are generally expected to be documented at `{app_label}/docs/models/{model_name}.html`.
+    - Apps (plugins) are expected to be documented within their package at
+      ``docs/models/{model_name}.html`` and are served dynamically through
+      the ``AppDocsView`` endpoint (``/docs/<app_name>/<path>``).
 
     Any model can define a `documentation_static_path` class attribute if it needs to override the above expectations.
 
@@ -504,10 +508,26 @@ def get_docs_url(model):
     Example:
         >>> get_docs_url(location_instance)
         "static/docs/models/dcim/location.html"
+        >>> get_docs_url(example_model)
+        "/docs/example-app/models/examplemodel.html"
     """
     if hasattr(model, "documentation_static_path"):
         path = model.documentation_static_path
     elif model._meta.app_label in settings.PLUGINS:
+        app_label = model._meta.app_label
+        app_config = apps.get_app_config(app_label)
+        app_base_url = getattr(app_config, "base_url", None) or app_config.label
+        path = f"models/{model._meta.model_name}.html"
+        # Check that the file actually exists inside the app's docs folder
+        try:
+            base_dir = resources.files(app_label) / "docs"
+            file_path = base_dir / path
+            if file_path.is_file():
+                return reverse("docs_file", kwargs={"app_base_url": app_base_url, "path": path})
+        except ModuleNotFoundError:
+            pass
+        logger.debug("No documentation found for %s (expected at %s)", type(model), path)
+        # define path to try to get static
         path = f"{model._meta.app_label}/docs/models/{model._meta.model_name}.html"
     elif model._meta.app_label == "extras":
         path = f"docs/user-guide/platform-functionality/{model._meta.model_name}.html"
@@ -705,7 +725,7 @@ def render_ancestor_hierarchy(value):
     if not value or not hasattr(value, "ancestors"):
         return HTML_NONE
 
-    result = format_html('<ul class="tree-hierarchy">')
+    result = format_html('<ul class="nb-tree-hierarchy">')
     append_to_result = format_html("</ul>")
 
     for ancestor in value.ancestors():
@@ -726,7 +746,7 @@ def render_ancestor_hierarchy(value):
                 value=hyperlinked_object(ancestor, "name"),
                 nestable_tag=nestable_tag,
             )
-        append_to_result += format_html("</ul></li>")
+        append_to_result = format_html("</ul></li>") + append_to_result
 
     nestable_tag = format_html('<span title="nestable">↺</span>') if getattr(value, "nestable", False) else ""
 
@@ -761,7 +781,7 @@ def render_address(address):
             quote_plus(address),
         )
         address = format_html_join("", "{}<br>", ((line,) for line in address.split("\n")))
-        return format_html('<div class="pull-right noprint">{}</div>{}', map_link, address)
+        return format_html('<div class="float-end d-print-none">{}</div>{}', map_link, address)
     return HTML_NONE
 
 
@@ -800,7 +820,11 @@ def render_button_class(value):
     """
     if value:
         base = value.split()[0]
-        return format_html('<button class="btn btn-{}">{}</button>', base.lower(), base.capitalize())
+        return format_html(
+            '<button class="btn btn-{}">{}</button>',
+            base.lower() if base.lower() != "default" else "secondary",
+            base.capitalize(),
+        )
     return ""
 
 
@@ -828,7 +852,7 @@ def label_list(value, suffix=""):
         return HTML_NONE
     return format_html_join(
         " ",
-        '<span class="label label-default">{0}{1}</span>',
+        '<span class="badge bg-secondary">{0}{1}</span>',
         ((item, suffix) for item in value),
     )
 
@@ -921,7 +945,7 @@ def django_querystring(context, query_dict=None, **kwargs):
         {% django_querystring my_query_dict foo=3 %}
     """
     if query_dict is None:
-        query_dict = context.request.GET
+        query_dict = context["request"].GET
     params = query_dict.copy()
     for key, value in kwargs.items():
         if value is None:
@@ -941,17 +965,20 @@ def django_querystring(context, query_dict=None, **kwargs):
 def table_config_button(table, table_name=None, extra_classes="", disabled=False):
     if table_name is None:
         table_name = table.__class__.__name__
-    html_template = (
-        '<button type="button" class="btn btn-default {}'
-        '" data-toggle="modal" data-target="#{}_config" {} title="Configure table">'
-        '<i class="mdi mdi-cog"></i> Configure</button>'
-    )
-    return format_html(html_template, extra_classes, table_name, 'disabled="disabled"' if disabled else "")
-
-
-@register.simple_tag()
-def table_config_button_small(table, table_name=None):
-    return table_config_button(table, table_name, "btn-xs")
+    html_template = """<button
+            type="button"
+            class="btn border-0 float-end rounded-0 text-end text-secondary {}"
+            data-nb-toggle="drawer"
+            data-nb-target="#{}_config"
+            {}
+            title="Configure table"
+            aria-controls="{}_config"
+            aria-expanded="false"
+        >
+            <span class="mdi mdi-cog" aria-hidden="true"></span>
+            <span class="visually-hidden">Configure</span>
+        </button>"""
+    return format_html(html_template, extra_classes, table_name, "disabled" if disabled else "", table_name)
 
 
 @register.inclusion_tag("utilities/templatetags/utilization_graph.html")
@@ -1042,11 +1069,12 @@ def table_config_form(table, table_name=None):
     }
 
 
-@register.inclusion_tag("utilities/templatetags/filter_form_modal.html")
-def filter_form_modal(
+@register.inclusion_tag("utilities/templatetags/filter_form_drawer.html")
+def filter_form_drawer(
     filter_form,
     dynamic_filter_form,
     model_plural_name,
+    filter_params,
     filter_form_name="FilterForm",
     dynamic_filter_form_name="DynamicFilterForm",
 ):
@@ -1054,6 +1082,7 @@ def filter_form_modal(
         "model_plural_name": model_plural_name,
         "filter_form": filter_form,
         "filter_form_name": filter_form_name,
+        "filter_params": filter_params,
         "dynamic_filter_form": dynamic_filter_form,
         "dynamic_filter_form_name": dynamic_filter_form_name,
     }
@@ -1213,6 +1242,21 @@ def modal_form_as_dialog(form, editing=False, form_name=None, obj=None, obj_type
     }
 
 
+@register.inclusion_tag("utilities/templatetags/advanced_filter_indicator.html")
+def advanced_filter_indicator(basic_filter_form, filter_params):
+    """
+    Display Advanced filter indicator if there are filters applied which are not visible in Basic filter form.
+    """
+    is_visible = False
+    if basic_filter_form and filter_params:
+        basic_filter_form_field_names = [field.name for field in basic_filter_form.visible_fields()]
+        for filter_param in filter_params:
+            if filter_param["name"] not in basic_filter_form_field_names or filter_param["name"] == "q":
+                is_visible = True
+                break
+    return {"is_visible": is_visible}
+
+
 @register.simple_tag
 def custom_branding_or_static(branding_asset, static_asset):
     """
@@ -1273,7 +1317,7 @@ def tree_hierarchy_ui_representation(tree_depth, hide_hierarchy_ui, base_depth=0
 def hyperlinked_object_with_color(obj):
     """Render the display view of an object."""
     if obj:
-        content = f'<span class="label" style="color: {fgcolor(obj.color)}; background-color: #{obj.color}">{hyperlinked_object(obj)}</span>'
+        content = f'<span class="badge" style="color: {fgcolor(obj.color)}; background-color: #{obj.color}">{hyperlinked_object(obj)}</span>'
         return format_html(content)
     return HTML_NONE
 
@@ -1310,7 +1354,7 @@ def hyperlinked_object_target_new_tab(value, field="display"):
         >>> hyperlinked_object_target_new_tab(device_role)
         '<a href="/dcim/device-roles/router/" title="Devices that are routers, not switches" target="_blank" rel="noreferrer">Router</a>'
         >>> hyperlinked_object_target_new_tab(None)
-        '<span class="text-muted">&mdash;</span>'
+        '<span class="text-secondary">&mdash;</span>'
         >>> hyperlinked_object_target_new_tab("Hello")
         'Hello'
         >>> hyperlinked_object_target_new_tab(location)
@@ -1321,6 +1365,25 @@ def hyperlinked_object_target_new_tab(value, field="display"):
     return _build_hyperlink(value, field, target="_blank", rel="noreferrer")
 
 
+@register.filter()
+def get_object_link(value):
+    """Function to retrieve just absolute url to the given model instance.
+
+    Args:
+        value (Union[django.db.models.Model, None]): Instance of a Django model or None.
+
+    Returns:
+        (str): url to the object if it defines get_absolute_url(), empty string otherwise.
+    """
+    if value is None:
+        return ""
+
+    if hasattr(value, "get_absolute_url"):
+        return value.get_absolute_url()
+
+    return ""
+
+
 def _build_hyperlink(value, field="", target="", rel=""):
     """Internal function used by filters to build hyperlinks.
 
@@ -1376,6 +1439,20 @@ def saved_view_title(context, mode: Literal["html", "plain"] = "html"):
     return title
 
 
+@register.inclusion_tag("echarts/echarts.html")
+def render_echart(chart, chart_config, chart_container_id, chart_width="100%", chart_height="32rem"):
+    """
+    Render ECharts chart with provided chart object and config.
+    """
+    return {
+        "chart": chart,
+        "chart_config": chart_config,
+        "chart_width": chart_width,
+        "chart_height": chart_height,
+        "chart_container_id": chart_container_id,
+    }
+
+
 # https://www.djangosnippets.org/snippets/545/
 @register.tag(name="captureas")
 def do_captureas(parser, token):