django-smartbase-admin 0.2.54__py3-none-any.whl → 1.0.38__py3-none-any.whl

django_smartbase_admin/templates/sb_admin/navigation.html

@@ -1,172 +1,180 @@
 {% load static sb_admin_tags widget_tweaks i18n %}
 
 {% block content %}
-    <header class="flex items-center bg-light border-b border-dark-200 p-12 xl:hidden">
-        <div class="js-sidebar-toggle mr-12" data-sidebar-target="main-navigation">
-            <svg class="w-24 h-24">
-                <use xlink:href="#Hamburger-button"></use>
-            </svg>
-        </div>
-        <img src="{{ LAZY_LOAD_DEFAULT_IMAGE }}" data-src="{% static 'sb_admin/images/logo.svg' %}" class="lazyload h-32 w-auto"
-             alt="SBAdmin" width="106" height="16">
-        <div class="w-32 h-32 rounded-full leading-none flex-center flex-shrink-0 bg-dark-300 ml-auto">
-            {{ username_data.initials }}
-        </div>
-    </header>
-    <nav class="w-260 xl:fixed top-0 bottom-0 left-0 max-lg:sidebar border-r border-dark-200 overflow-hidden flex flex-col relative bg-dark-50 z-1"
-         id="main-navigation">
-        <header class="px-24 py-32 hidden xl:!block">
-            <img src="{{ LAZY_LOAD_DEFAULT_IMAGE }}" data-src="{% static 'sb_admin/images/logo.svg' %}" class="lazyload h-32 w-auto"
-                 alt="SBAdmin" width="133" height="20">
-        </header>
-        <header class="px-16 py-8 flex items-center xl:hidden border-b border-dark-200 bg-light min-h-56">
-            <div class="js-sidebar-toggle w-24 h-24 flex-center ml-auto" data-sidebar-target="main-navigation">
-                <svg class="w-20 h-20 flex-shrink-0">
-                    <use xlink:href="#Close"></use>
+    {% if not sec_fetch_site or request.META.HTTP_SEC_FETCH_DEST == 'document' %}
+        <header class="flex items-center bg-light border-b border-dark-200 p-12 xl:hidden">
+            <div class="js-sidebar-toggle mr-12" data-sidebar-target="main-navigation">
+                <svg class="w-24 h-24">
+                    <use xlink:href="#Hamburger-button"></use>
                 </svg>
             </div>
+            <img src="{% static 'sb_admin/images/logo.svg' %}" class="h-32 w-auto dark:hidden"
+                 alt="SBAdmin" width="106" height="16">
+            <img src="{% static 'sb_admin/images/logo_light.svg' %}" class="h-32 w-auto hidden dark:block"
+                 alt="SBAdmin" width="106" height="16">
+            <div class="w-32 h-32 rounded-full leading-none flex-center flex-shrink-0 bg-dark-300 ml-auto">
+                {{ username_data.initials }}
+            </div>
         </header>
-        <div class="h-full overflow-auto custom-scrollbar max-lg:py-16">
-            <ul class="-my-2 px-16">
-                {% for menu_item in request_data.menu_items %}
-                    <li class="py-2">
-                        {% if menu_item.sub_items %}
-                            <div class="menu-item">
-                                <a href="{{ menu_item.get_url|default:menu_item.sub_items.0.get_url }}"
-                                   class="inline-flex w-full p-8 justify-start collapse-btn{% if not menu_item.is_active %} collapsed{% endif %}"
-                                   aria-expanded="{% if menu_item.is_active %}true{% else %}false{% endif %}"
-                                >
-                                    {% if menu_item.get_icon %}
-                                        <svg class="w-20 h-20 mr-8 flex-shrink-0">
-                                            <use xlink:href="#{{ menu_item.get_icon }}"></use>
-                                        </svg>
-                                    {% endif %}
-                                    <span>{{ menu_item.get_label }}</span>
-                                </a>
-                                <ul id="{{ menu_item.get_id }}" class="collapse -mb-2 mt-2{% if menu_item.is_active %} show{% endif %}">
-                                    {% for sub_menu_item in menu_item.sub_items %}
-                                        <li class="py-2">
-                                            <a href="{{ sub_menu_item.get_url }}"
-                                               class="menu-item text-dark-600 leading-20 pl-36 py-8 pr-8{% if sub_menu_item.is_active %} active{% endif %}">
-                                                <span>{{ sub_menu_item.get_label }}</span>
-                                            </a>
-                                        </li>
-                                    {% endfor %}
-                                </ul>
-                            </div>
-                        {% else %}
-                            <div class="menu-item{% if menu_item.is_active %} active{% endif %}">
-                                <a href="{{ menu_item.get_url }}" class="inline-flex w-full p-8">
-                                    {% if menu_item.get_icon %}
-                                        <svg class="w-20 h-20 mr-8 flex-shrink-0">
-                                            <use xlink:href="#{{ menu_item.get_icon }}"></use>
-                                        </svg>
-                                    {% endif %}
-                                    <span>{{ menu_item.get_label }}</span>
-                                </a>
-                            </div>
-                        {% endif %}
-                    </li>
-                {% endfor %}
-            </ul>
-            {#            <hr class="my-32">#}
-            {#            <div class="text-14 mb-24 px-16">#}
-            {#                Pomoc a podpora#}
-            {#            </div>#}
-            {#            <ul class="-my-2 px-16">#}
-            {#                <li class="py-2">#}
-            {#                    <div class="menu-item">#}
-            {#                        <a href="#" class="inline-flex w-full p-8">#}
-            {#                            <svg class="w-20 h-20 mr-8 flex-shrink-0">#}
-            {#                                <use xlink:href="#Accept-email"></use>#}
-            {#                            </svg>#}
-            {#                            <span class="leading-20 line-clamp-1">Menu Item 8</span>#}
-            {#                        </a>#}
-            {#                    </div>#}
-            {#                </li>#}
-            {#                <li class="py-2">#}
-            {#                    <div class="menu-item">#}
-            {#                        <a href="#" class="inline-flex w-full p-8">#}
-            {#                            <svg class="w-20 h-20 mr-8 flex-shrink-0">#}
-            {#                                <use xlink:href="#Accept-email"></use>#}
-            {#                            </svg>#}
-            {#                            <span class="leading-20 line-clamp-1">Menu Item 8</span>#}
-            {#                        </a>#}
-            {#                    </div>#}
-            {#                </li>#}
-            {#            </ul>#}
-        </div>
-        <footer class="mt-auto border-t border-dark-200">
-            {#            Global Search #}
-            {#            <div class="flex p-16 gap-x-8 border-b border-dark-200 w-full">#}
-            {#                <div class="flex gap-x-4">#}
-            {#                    <div class="key">#}
-            {#                        ⌘#}
-            {#                    </div>#}
-            {#                    <div class="key">#}
-            {#                        K#}
-            {#                    </div>#}
-            {#                </div>#}
-            {##}
-            {#                <div class="text-dark">#}
-            {#                    Rýchla navigácia#}
-            {#                </div>#}
-            {#            </div>#}
-            <div class="relative">
-                <div class="dropdown-btn flex items-center w-full p-16 cursor-pointer min-h-72"
-                     data-bs-toggle="dropdown"
-                     data-bs-offset="[16,8]"
-                     data-bs-popper-placement="top-start">
-                    <div class="w-32 h-32 rounded-full leading-none flex-center flex-shrink-0 bg-dark-300">
-                        {{ username_data.initials }}
-                    </div>
-                    <div class="ml-8">
-                        <div class="text-14 text-dark-900">{{ username_data.full_name }}</div>
-                        <div class="text-12 leading-16 js-alias-domain-name hidden"></div>
-                    </div>
-                    <svg class="w-16 h-16 ml-auto flex-shrink-0">
-                        <use xlink:href="#Sort Alt"></use>
+        <nav class="w-260 xl:fixed top-0 bottom-0 left-0 max-lg:sidebar border-r border-dark-200 overflow-hidden flex flex-col relative bg-dark-50 z-1"
+             id="main-navigation">
+            <header class="px-24 py-32 hidden xl:!block">
+                <img src="{% static 'sb_admin/images/logo.svg' %}" class="h-32 w-auto dark:hidden"
+                     alt="SBAdmin" width="133" height="20">
+                <img src="{% static 'sb_admin/images/logo_light.svg' %}" class="h-32 w-auto hidden dark:block"
+                     alt="SBAdmin" width="133" height="20">
+            </header>
+            <header class="px-16 py-8 flex items-center xl:hidden border-b border-dark-200 bg-light min-h-56">
+                <div class="js-sidebar-toggle w-24 h-24 flex-center ml-auto" data-sidebar-target="main-navigation">
+                    <svg class="w-20 h-20 flex-shrink-0">
+                        <use xlink:href="#Close"></use>
                     </svg>
                 </div>
-                <div class="dropdown-menu max-h-432">
-                    <form id="logout-form" method="post" action="{% url 'sb_admin:logout' %}" class="hidden">
-                        {% csrf_token %}
-                    </form>
-
-                    <ul>
-                        <li class="flex items-center p-12 text-dark-900 border-b border-dark-100 cursor-pointer hover:bg-dark-100"
-                            onclick="document.getElementById('logout-form').submit();">
-                            <svg class="w-16 h-16 flex-shrink-0 mr-8">
-                                <use xlink:href="#Logout"></use>
-                            </svg>
-                            {% trans 'Logout' %}
-                        </li>
-                        <li class="flex items-center p-12 text-dark-900 cursor-pointer hover:bg-dark-100" onclick="window.location='{% url "sb_admin:password_change" %}'">
-                            <svg class="w-16 h-16 flex-shrink-0 mr-8">
-                                <use xlink:href="#Lock"></use>
-                            </svg>
-                            {% trans 'Change password' %}
+            </header>
+            <div class="h-full overflow-auto custom-scrollbar max-lg:py-16">
+                <ul class="-my-2 px-16">
+                    {% for menu_item in request_data.menu_items %}
+                        <li class="py-2">
+                            {% if menu_item.sub_items %}
+                                <div class="menu-item">
+                                    <a href="{{ menu_item.get_url|default:menu_item.sub_items.0.get_url }}"
+                                       class="inline-flex w-full p-8 justify-start collapse-btn{% if not menu_item.is_active %} collapsed{% endif %}"
+                                       aria-expanded="{% if menu_item.is_active %}true{% else %}false{% endif %}"
+                                    >
+                                        {% if menu_item.get_icon %}
+                                            <svg class="w-20 h-20 mr-8 flex-shrink-0">
+                                                <use xlink:href="#{{ menu_item.get_icon }}"></use>
+                                            </svg>
+                                        {% endif %}
+                                        <span>{{ menu_item.get_label }}</span>
+                                    </a>
+                                    <ul id="{{ menu_item.get_id }}" class="collapse -mb-2 mt-2{% if menu_item.is_active %} show{% endif %}">
+                                        {% for sub_menu_item in menu_item.sub_items %}
+                                            <li class="py-2">
+                                                <a href="{{ sub_menu_item.get_url }}"
+                                                   class="menu-item text-dark-600 leading-20 pl-36 py-8 pr-8{% if sub_menu_item.is_active %} active{% endif %}">
+                                                    <span>{{ sub_menu_item.get_label }}</span>
+                                                </a>
+                                            </li>
+                                        {% endfor %}
+                                    </ul>
+                                </div>
+                            {% else %}
+                                <div class="menu-item{% if menu_item.is_active %} active{% endif %}">
+                                    <a href="{{ menu_item.get_url }}" class="inline-flex w-full p-8">
+                                        {% if menu_item.get_icon %}
+                                            <svg class="w-20 h-20 mr-8 flex-shrink-0">
+                                                <use xlink:href="#{{ menu_item.get_icon }}"></use>
+                                            </svg>
+                                        {% endif %}
+                                        <span>{{ menu_item.get_label }}</span>
+                                    </a>
+                                </div>
+                            {% endif %}
                         </li>
-                        {% if request_data.global_filter_instance %}
-                            <li class="p-12 text-dark-900">
-                                {% trans 'Choose domain' %}
+                    {% endfor %}
+                </ul>
+                {#            <hr class="my-32">#}
+                {#            <div class="text-14 mb-24 px-16">#}
+                {#                Pomoc a podpora#}
+                {#            </div>#}
+                {#            <ul class="-my-2 px-16">#}
+                {#                <li class="py-2">#}
+                {#                    <div class="menu-item">#}
+                {#                        <a href="#" class="inline-flex w-full p-8">#}
+                {#                            <svg class="w-20 h-20 mr-8 flex-shrink-0">#}
+                {#                                <use xlink:href="#Accept-email"></use>#}
+                {#                            </svg>#}
+                {#                            <span class="leading-20 line-clamp-1">Menu Item 8</span>#}
+                {#                        </a>#}
+                {#                    </div>#}
+                {#                </li>#}
+                {#                <li class="py-2">#}
+                {#                    <div class="menu-item">#}
+                {#                        <a href="#" class="inline-flex w-full p-8">#}
+                {#                            <svg class="w-20 h-20 mr-8 flex-shrink-0">#}
+                {#                                <use xlink:href="#Accept-email"></use>#}
+                {#                            </svg>#}
+                {#                            <span class="leading-20 line-clamp-1">Menu Item 8</span>#}
+                {#                        </a>#}
+                {#                    </div>#}
+                {#                </li>#}
+                {#            </ul>#}
+            </div>
+            <footer class="mt-auto border-t border-dark-200">
+                {#            Global Search #}
+                {#            <div class="flex p-16 gap-x-8 border-b border-dark-200 w-full">#}
+                {#                <div class="flex gap-x-4">#}
+                {#                    <div class="key">#}
+                {#                        ⌘#}
+                {#                    </div>#}
+                {#                    <div class="key">#}
+                {#                        K#}
+                {#                    </div>#}
+                {#                </div>#}
+                {##}
+                {#                <div class="text-dark">#}
+                {#                    Rýchla navigácia#}
+                {#                </div>#}
+                {#            </div>#}
+                <div class="relative">
+                    <div class="dropdown-btn flex items-center w-full p-16 cursor-pointer min-h-72"
+                         data-bs-toggle="dropdown"
+                         data-bs-offset="[16,8]"
+                         data-bs-popper-placement="top-start">
+                        <div class="w-32 h-32 rounded-full leading-none flex-center flex-shrink-0 bg-dark-300">
+                            {{ username_data.initials }}
+                        </div>
+                        <div class="ml-8">
+                            <div class="text-14 text-dark-900">{{ username_data.full_name }}</div>
+                            <div class="text-12 leading-16 js-alias-domain-name hidden"></div>
+                        </div>
+                        <svg class="w-16 h-16 ml-auto flex-shrink-0">
+                            <use xlink:href="#Sort Alt"></use>
+                        </svg>
+                    </div>
+                    <div class="dropdown-menu max-h-432">
+                        <form id="logout-form" method="post" action="{% url 'sb_admin:logout' %}" class="hidden">
+                            {% csrf_token %}
+                        </form>
+
+                        <ul>
+                            <li class="flex items-center p-12 text-dark-900 border-b border-dark-100 cursor-pointer hover:bg-dark-100"
+                                onclick="document.getElementById('logout-form').submit();">
+                                <svg class="w-16 h-16 flex-shrink-0 mr-8">
+                                    <use xlink:href="#Logout"></use>
+                                </svg>
+                                {% trans 'Logout' %}
                             </li>
-                            <li>
-                                <form hx-post="{% url 'sb_admin:global_filter' %}" hx-trigger="change" hx-swap="none" id="global_filter_form">
-                                    {% for field in request_data.global_filter_instance %}
-                                        <div class="relative">
-                                            {{ field }}
-                                        </div>
-                                        {{ field.errors }}
-                                    {% endfor %}
-                                </form>
+                            <li class="flex items-center p-12 text-dark-900 cursor-pointer hover:bg-dark-100" onclick="window.location='{% url "sb_admin:password_change" %}'">
+                                <svg class="w-16 h-16 flex-shrink-0 mr-8">
+                                    <use xlink:href="#Lock"></use>
+                                </svg>
+                                {% trans 'Change password' %}
                             </li>
-                        {% endif %}
-                    </ul>
+                            {% block color_scheme %}
+                                <li class="border-t border-dark-100 pt-8">
+                                    <form hx-post="{% url 'sb_admin:color_scheme' %}" hx-trigger="change" hx-swap="none" id="color-schema-form" class="js-color-scheme-picker">
+                                        {{ color_scheme_form.color_scheme }}
+                                    </form>
+                                </li>
+                            {% endblock %}
+                            {% if request_data.global_filter_instance %}
+                                <li class="border-t border-dark-100 pt-8">
+                                    <form hx-post="{% url 'sb_admin:global_filter' %}" hx-trigger="change" hx-swap="none" id="global_filter_form">
+                                        {% for field in request_data.global_filter_instance %}
+                                            {{ field }}
+                                            {{ field.errors }}
+                                        {% endfor %}
+                                    </form>
+                                </li>
+                            {% endif %}
+                        </ul>
+                    </div>
                 </div>
-            </div>
 
-        </footer>
-    </nav>
-    <div class="bg-filter js-sidebar-toggle" data-sidebar-target="main-navigation"></div>
+            </footer>
+        </nav>
+        <div class="bg-filter js-sidebar-toggle" data-sidebar-target="main-navigation"></div>
+    {% endif %}
 {% endblock %}

django_smartbase_admin/templates/sb_admin/partials/modal/modal_content.html

@@ -16,7 +16,7 @@
                 </div>
                 <div class="modal-body">
                     {% block modal_body %}
-                        <form id="sb-admin-modal-form" hx-indicator=".sb-admin-modal-loading" hx-target="#sb-admin-modal" hx-post="{{ request.get_full_path }}" action="{{ request.get_full_path }}" method="post">
+                        <form id="sb-admin-modal-form" enctype="multipart/form-data" hx-indicator=".sb-admin-modal-loading" hx-target="#sb-admin-modal" hx-post="{{ request.get_full_path }}" action="{{ request.get_full_path }}" method="post">
                             {% if form.errors %}
                                 <div class="alert bg-negative-50 border border-negative-100 text-negative-900 mb-24">
                                     <div class="flex">
@@ -42,7 +42,7 @@
                 </div>
                 <div class="modal-footer">
                     {% block modal_footer %}
-                        <button form="sb-admin-modal-form" type="button" class="btn btn-destructive mr-10" data-bs-dismiss="modal">{% trans 'Close' %}</button>
+                        <button form="sb-admin-modal-form" type="button" class="btn btn-destructive" data-bs-dismiss="modal">{% trans 'Close' %}</button>
                         <button form="sb-admin-modal-form" type="submit" class="btn btn-primary">{% trans 'Continue' %}</button>
                     {% endblock %}
                 </div>
@@ -51,10 +51,6 @@
     </div>
     <script>
         (function(){
-            const choiceElements = document.getElementById('sb-admin-modal').querySelectorAll('.js-autocomplete');
-            choiceElements.forEach((choiceInput) => {
-                window.SBAdmin.autocomplete.initAutocomplete(choiceInput);
-            })
             document.body.dispatchEvent(new Event('SBModalShown'));
         })();
     </script>

django_smartbase_admin/templates/sb_admin/sb_admin_base.html

@@ -1,15 +1,60 @@
 {% extends 'sb_admin/sb_admin_base_no_sidebar.html' %}
+{% load sb_admin_tags %}
 
 {% block main_wrapper %}
-    <div class="w-full h-full min-h-full xl:pl-260">
+    {% get_item request.META 'HTTP_SEC_FETCH_SITE' as sec_fetch_site %}
+    <div class="w-full h-full min-h-full{% if not sec_fetch_site or request.META.HTTP_SEC_FETCH_DEST == 'document' %} xl:pl-260{% endif %}">
         {% include 'sb_admin/navigation.html' %}
-        <div class="min-h-screen sm:p-24 relative flex flex-col {% block view_class %}{% endblock %}">
-            {% include "sb_admin/includes/loading.html" %}
-            {% include "sb_admin/includes/notifications.html" %}
+
+        {% if sbadmin_is_modal %}
+            <div id="modal-content" class="modal-dialog">
+                <div class="modal-content">
+        {% endif %}
+
+        <div id="content" class="relative flex flex-col{% if sbadmin_is_modal %} min-h-0 h-full{% else %} min-h-screen sm:p-24 {% block view_class %}{% endblock %}{% endif %}">
+            {% if sbadmin_is_modal %}
+                {# load media which are missing #}
+                <script>
+                    (function(){
+                        const mediaString = '{{ media|escapejs }}';
+                        const mediaList = mediaString.split('\n');
+                        const tmpEl = document.createElement('div');
+                        function duplicateScript(script) {
+                            const newScript = document.createElement('script');
+                            for (let i = 0; i < script.attributes.length; i++) {
+                                const attr = script.attributes[i];
+                                newScript.setAttribute(attr.name, attr.value);
+                            }
+                            newScript.textContent = script.textContent;
+                            newScript.async = false;
+                            return newScript;
+                        }
+                        mediaList.forEach(media => {
+                            tmpEl.innerHTML = media.trim();
+                            const mediaEl = tmpEl.firstElementChild;
+                            if(mediaEl.tagName === 'LINK' && !document.head.querySelector(`link[href="${mediaEl.getAttribute('href')}"]`)) {
+                                document.head.appendChild(mediaEl);
+                                return
+                            }
+                            if(mediaEl.tagName === 'SCRIPT' && !document.head.querySelector(`script[src="${mediaEl.getAttribute('src')}"]`)) {
+                                document.head.appendChild(duplicateScript(mediaEl));
+                            }
+                        });
+                    }());
+                </script>
+            {% else %}
+                {% include "sb_admin/includes/loading.html" %}
+                {% include "sb_admin/includes/notifications.html" %}
+            {% endif %}
 
             {% block content %}
             {% endblock %}
             {{ inner_content }}
         </div>
+
+        {% if sbadmin_is_modal %}
+                </div>
+            </div>
+        {% endif %}
     </div>
 {% endblock %}

django_smartbase_admin/templates/sb_admin/sb_admin_base_no_sidebar.html

@@ -1,7 +1,7 @@
 {% load static %}
 
 <!DOCTYPE html>
-<html lang="{{ request.LANGUAGE_CODE }}" data-theme="light" data-color-scheme="light">
+<html lang="{{ request.LANGUAGE_CODE }}" data-theme="{{ user_config.color_scheme }}">
 <head>
     {% include 'sb_admin/fonts.html' %}
     <meta name="robots" content="noindex"/>
@@ -11,20 +11,24 @@
     <title>{% block title %}SBAdmin{% endblock %}</title>
 
     {% block icons %}
-        <link rel="apple-touch-icon" sizes="180x180" href="{% static 'favicon/apple-touch-icon.png' %}">
-        <link rel="icon" type="image/png" sizes="32x32" href="{% static 'favicon/favicon-32x32.png' %}">
-        <link rel="icon" type="image/png" sizes="16x16" href="{% static 'favicon/favicon-16x16.png' %}">
-        <link rel="manifest" href="{% static 'favicon/site.webmanifest' %}">
-        <link rel="mask-icon" href="{% static 'favicon/safari-pinned-tab.svg' %}" color="#e0004d">
-        <link rel="shortcut icon" href="{% static 'favicon/favicon.ico' %}">
+        <link rel="apple-touch-icon" sizes="180x180" href="{% static 'sb_admin/favicon/apple-touch-icon.png' %}">
+        <link rel="icon" type="image/png" sizes="32x32" href="{% static 'sb_admin/favicon/favicon-32x32.png' %}">
+        <link rel="icon" type="image/png" sizes="16x16" href="{% static 'sb_admin/favicon/favicon-16x16.png' %}">
+        <link rel="manifest" href="{% static 'sb_admin/favicon/site.webmanifest' %}">
+        <link rel="mask-icon" href="{% static 'sb_admin/favicon/safari-pinned-tab.svg' %}" color="#e0004d">
+        <link rel="shortcut icon" href="{% static 'sb_admin/favicon/favicon.ico' %}">
         <meta name="msapplication-TileColor" content="#e0004d">
-        <meta name="msapplication-config" content="{% static 'favicon/browserconfig.xml' %}">
+        <meta name="msapplication-config" content="{% static 'sb_admin/favicon/browserconfig.xml' %}">
         <meta name="theme-color" content="#ffffff">
     {% endblock %}
     <link rel="stylesheet" href="{% static 'sb_admin/dist/main_style.css' %}">
     {% block style_init %}{% endblock %}
 
     <script>window.csrf_token = "{{ csrf_token }}"</script>
+
+    {% block jquery %}
+    	<script src="{% static 'sb_admin/js/jquery-3.7.1.min.js' %}"></script>
+    {% endblock %}
     {% block js_init %}
         <script>
             {% if const %}
@@ -35,11 +39,23 @@
             }
         </script>
     {% endblock %}
-    {% if content_context.is_jquery_required %}
-        <script src="{% static 'sb_admin/js/jquery-3.7.1.min.js' %}"></script>
-    {% endif %}
+    {% block tree_widget_static %}
+        <script src="{% static 'sb_admin/fancytree/jquery.fancytree-all-deps.min.js' %}"></script>
+        <script src="{% static 'sb_admin/dist/tree_widget.js' %}"></script>
+        <link rel="stylesheet" href="{% static 'sb_admin/dist/tree_widget_style.css' %}">
+    {% endblock %}
     {% block extrahead %}{% endblock %}
     <style>@media (min-width: 1200px){.xl\:\!block {display: block !important;}}</style>
+    {% if request.META.HTTP_SEC_FETCH_DEST == "iframe" %}
+        <style>
+            .detail-view-action-bar {
+                display: none !important;
+            }
+            .change-form {
+                margin-top: 0 !important;
+            }
+        </style>
+    {% endif %}
 </head>
 <body hx-ext="remove-me" class="{{ view_id }} {% block bodyclass %}{% endblock %}" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
 <div class="hidden">

django_smartbase_admin/templates/sb_admin/sb_admin_js_trans.html

@@ -6,6 +6,9 @@
     window.sb_admin_translation_strings["up"] = '{% trans "Move up" %}';
     window.sb_admin_translation_strings["down"] = '{% trans "Move down" %}';
     window.sb_admin_translation_strings["reorder"] = '{% trans "Reorder" %}';
+    window.sb_admin_translation_strings["expand"] = '{% trans "Expand" %}';
+    window.sb_admin_translation_strings["collapse"] = '{% trans "Collapse" %}';
     window.sb_admin_translation_strings["page"] = '{% blocktrans %}<strong>${from} - ${to}</strong> of <strong>${total}</strong><span class="max-xs:hidden"> items</span>{% endblocktrans %}'
     window.sb_admin_translation_strings["page_empty"] = '{% blocktrans %}<strong>0</strong> items{% endblocktrans %}'
+    window.sb_admin_translation_strings["selected"] = '{% blocktrans %}${value} selected{% endblocktrans %}'
 </script>