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

django_smartbase_admin/templates/sb_admin/filter_widgets/tree_select_filter.html

@@ -0,0 +1,16 @@
+{% load sb_admin_tags %}
+
+<div class="dropdown-menu max-h-none w-248">
+    <div class="px-12 pt-8 border-b border-dark-200">
+        {% with tree_widget_id=filter_widget.view_id|add:"-"|add:filter_widget.input_id|add:"_tree" %}
+            <div class="relative -mx-12">
+                <input form="{{ filter_widget.view_id }}-filter-form" type="hidden"
+                       id="{{ filter_widget.input_id }}" name="{{ filter_widget.input_name }}"
+                       {% if not all_filters_visible %}disabled{% endif %}{% if filter_widget.get_default_value %} value="{{ filter_widget.get_default_value|get_json }}"{% endif %}>
+                {% include "sb_admin/widgets/tree_base.html" with tree_additional_columns=filter_widget.additional_columns tree_strings=filter_widget.tree_strings tree_filter=True tree_value=filter_widget.get_default_value tree_multiselect=filter_widget.multiselect tree_component_id=filter_widget.input_id tree_data_url=filter_widget.to_json.autocomplete_url tree_show_checkbox=True search_wrapper_classes="pb-8 px-12" table_wrapper_classes="max-h-432 overflow-auto custom-scrollbar" %}
+            </div>
+        {% endwith %}
+    </div>
+    {% include "sb_admin/filter_widgets/partials/clear.html" %}
+</div>
+

django_smartbase_admin/templates/sb_admin/includes/change_form_title.html

@@ -1,7 +1,9 @@
 {% load i18n %}
 
 {% if add %}
-    {% blocktrans with name=opts.verbose_name %}Add {{ name }}{% endblocktrans %}
+    {% trans 'Add' %}{% if add_label %} {{ add_label }}{% endif %}
+{% elif change_label %}
+    {{ change_label }}
 {% else %}
     {{ original|truncatewords:"18" }}
 {% endif %}

django_smartbase_admin/templates/sb_admin/includes/components.html

@@ -1,3 +1,6 @@
+{% extends 'sb_admin/sb_admin_base_no_sidebar.html' %}
+{% load i18n %}
+{% block main_wrapper %}
 <div class="alert bg-notice-50 border border-notice-100 text-notice-900">
     <div class="flex">
         <svg class="w-20 h-20 mr-12 text-notice">
@@ -439,4 +442,5 @@
     <div>
         <input type="text" id="date-picker" class="js-datepicker-range">
     </div>
-</div>
+</div>
+{% endblock %}

django_smartbase_admin/templates/sb_admin/includes/inline_fieldset.html

@@ -1,49 +1,58 @@
-{% if fieldset.name %}
-    <header class="mb-24">
-        <span class="text-dark-900">{{ fieldset.name }}</span>
-        <div class="ml-auto flex items-center">
-            {% for action in fieldset_context.actions %}
-                <a href="{{ action.url }}" class="btn btn-small">{{ action.title }}</a>
-            {% endfor %}
-            {% if fieldset.description %}
-                <div class="js-tooltip ml-8" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{ fieldset.description|safe }}">
-                    <svg class="w-20 h-20">
-                        <use xlink:href="#Help"></use>
-                    </svg>
+{% load sb_admin_tags %}
+
+{% block content %}
+	{% block header %}
+		{% if fieldset.name %}
+            <header class="mb-24 flex items-center">
+                <span class="text-dark-900">{{ fieldset.name }}</span>
+                {% block description %}
+                    {% if fieldset.description %}
+                        <div class="js-tooltip ml-8" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{ fieldset.description|safe }}">
+                            <svg class="w-20 h-20">
+                                <use xlink:href="#Help"></use>
+                            </svg>
+                        </div>
+                    {% endif %}
+                {% endblock %}
+                <div class="ml-auto flex items-center gap-4">
+                    {% block actions %}
+                        {% for action in fieldset_context.actions %}
+                            <a href="{{ action.url }}" class="btn btn-small">{{ action.title }}</a>
+                        {% endfor %}
+                    {% endblock %}
                 </div>
-            {% endif %}
-        </div>
-    </header>
-{% endif %}
-{% for line in fieldset %}
-    <div class="field{% if forloop.last %} -mb-24{% endif %}{% if line.fields|length == 1 and line.errors %} errors{% endif %}{% if not line.has_visible_field %} hidden{% endif %}{% for field in line %}{% if field.field.name %} field-{{ field.field.name }}{% endif %}{% endfor %}">
-        {% if line.fields|length > 1 %}
-            <div class="flex max-xs:flex-wrap gap-x-16">{% endif %}
+            </header>
+        {% endif %}
+	{% endblock %}
 
-        {% for field in line %}
-            <div class="mb-16 sm:mb-24 max-xs:w-full sm:flex-1{% if field.field.is_hidden %} hidden{% endif %}">
-                {% if field.is_readonly %}
-                    <div class="flex flex-wrap w-full">
-                        {% if field.field.label %}
-                            <label class="inline-flex text-dark-900 text-14 leading-18 font-medium mr-8">{{ field.field.label }}:</label>
+    {% block lines %}
+        {% for line in fieldset %}
+            <div class="field{% if forloop.last %} -mb-24{% endif %}{% if line.fields|length == 1 and line.errors %} errors{% endif %}{% if not line.has_visible_field %} hidden{% endif %}{% for field in line %}{% if field.field.name %} field-{{ field.field.name }}{% endif %}{% endfor %}">
+                {% if line.fields|length > 1 %}
+                    <div class="flex max-xs:flex-wrap gap-x-16">{% endif %}
+
+                {% for field in line %}
+                    <div class="mb-16 sm:mb-24 max-xs:w-full sm:flex-1{% if field.field.is_hidden or field.field|is_row_class_field %} hidden{% endif %}">
+                        {% if field.is_readonly %}
+                            {% call_method field "contents" request %}
+                        {% else %}
+                            {{ field.field }}
+                            {% if not line.fields|length == 1 %}{{ field.errors }}{% endif %}
                         {% endif %}
-                        <div class="text-14 w-full break-all">{{ field.contents }}</div>
                     </div>
-                {% else %}
-                    {{ field.field }}
-                    {% if not line.fields|length == 1 %}{{ field.errors }}{% endif %}
+                {% endfor %}
+
+                {% if line.fields|length == 1 and line.errors %}
+                    <div class="-mt-16 mb-24">
+                        {{ line.errors }}
+                    </div>
                 {% endif %}
+                {% if line.fields|length > 1 %}</div>{% endif %}
             </div>
         {% endfor %}
 
-        {% if line.fields|length == 1 and line.errors %}
-            <div class="-mt-16 mb-24">
-                {{ line.errors }}
-            </div>
-        {% endif %}
-        {% if line.fields|length > 1 %}</div>{% endif %}
-    </div>
-{% endfor %}
-{% block additional_fields %}
+    {% endblock %}
+    {% block additional_fields %}
 
+    {% endblock %}
 {% endblock %}

django_smartbase_admin/templates/sb_admin/includes/notifications.html

@@ -1,4 +1,5 @@
-<div id="notification-messages" hx-swap-oob="beforeend" class="z-1000 fixed right-0 left-0 xl:left-260 mx-24">
+<div id="notification-messages" hx-swap-oob="beforeend"
+     class="messagelist z-1000 fixed right-0 left-0 xl:left-260 mx-24{% if classes %} {{ classes }}{% endif %}">
     {% for message in messages %}
         {% if message.level == DEFAULT_MESSAGE_LEVELS.SUCCESS %}
             {% include 'sb_admin/partials/messages/alert_success.html' with text=message %}

django_smartbase_admin/templates/sb_admin/includes/readonly_boolean_field.html

@@ -0,0 +1,9 @@
+<div class="w-full">
+    <div class="text-14 w-full break-all">
+        <div class="relative">
+            <input type="checkbox" name="{{ field_name }}" id="id_{{ field_name }}" form="#" class="toggle"{% if value %} checked{% endif %} readonly disabled>
+            <label for="id_{{ field_name }}"></label>
+            <label for="id_{{ field_name }}">{{ field_label }}</label>
+        </div>
+    </div>
+</div>

django_smartbase_admin/templates/sb_admin/includes/readonly_field.html

@@ -0,0 +1,12 @@
+{% load sb_admin_tags %}
+
+<div class="w-full">
+    {% if field_label %}
+        <label class="inline-flex text-dark-900 text-14 leading-18 font-medium mb-8">
+            {{ field_label }}{{ field_label_suffix }}
+        </label>
+    {% endif %}
+    <div class="text-14 w-full break-all">
+        {{ readonly_content }}
+    </div>
+</div>

django_smartbase_admin/templates/sb_admin/includes/table_inline_delete_button.html

@@ -1,7 +1,7 @@
 {% load widget_tweaks %}
 {% if inline_admin_formset.formset.can_delete %}
     {% if inline_admin_form.original %}
-        <td class="w-40">
+        <td class="w-40{% if sticky %} sticky-table-col{% endif %}">
             <div class="relative min-h-40 flex items-center delete djn-delete-handler {{ inline_admin_formset.handler_classes|join:" " }}">
                 {% render_field inline_admin_form.deletion_field.field class="checkbox checkbox-delete" %}
                 <label for="{{ inline_admin_form.deletion_field.field.auto_id }}">
@@ -12,10 +12,9 @@
             </div>
         </td>
     {% else %}
-        <td class="delete w-40">
-            <a
-                    class="flex-center h-40 inline-deletelink djn-remove-handler {{ inline_admin_formset.handler_classes|join:" " }}"
-                    href="javascript:void(0)">
+        <td class="delete w-40{% if sticky %} sticky-table-col{% endif %}">
+            <a class="flex-center h-40 inline-deletelink djn-remove-handler {{ inline_admin_formset.handler_classes|join:" " }}"
+               href="javascript:void(0)">
                 <svg class="w-20 h-20 text-dark-300 hover:text-dark-400">
                     <use xlink:href="#Delete"></use>
                 </svg>

django_smartbase_admin/templates/sb_admin/inlines/stacked_inline.html

@@ -1,6 +1,7 @@
-{% load i18n nested_admin admin_urls widget_tweaks %}
+{% load i18n nested_admin admin_urls widget_tweaks sb_admin_tags %}
 {% block extra_style %}{% endblock %}
 
+{% call_method inline_admin_formset.opts "get_context_data" request as context_data %}
 {% with inline_admin_formset.formset.is_nested as is_nested %}
 
 {% with inline_admin_formset.opts as inline_opts %}
@@ -11,9 +12,28 @@
     data-inline-model="{{ inline_admin_formset.inline_model_id }}">
 
     {% ifinlineclasses %}<fieldset class="djn-fieldset module {{ inline_admin_formset.classes }}">{% endifinlineclasses %}
-    <h2 class="stacked-inline-heading">
-        {% if inline_admin_formset.opts.title %}{{ inline_admin_formset.opts.title }}{% else %}{{ inline_admin_formset.opts.verbose_name_plural|capfirst }}{% endif %}
-    </h2>
+
+    <header class="flex items-center mb-24">
+        <h2 class="stacked-inline-heading">
+            {% if inline_admin_formset.opts.title %}{{ inline_admin_formset.opts.title }}{% else %}{{ inline_admin_formset.opts.verbose_name_plural|capfirst }}{% endif %}
+        </h2>
+
+        <div class="djn-module djn-add-item add-item add-row max-sm:px-24 ml-auto flex items-center gap-8">
+            {% for list_action in context_data.inline_list_actions %}
+                <a {% if list_action.open_in_modal %}{% include 'sb_admin/actions/partials/open_modal_attrs.html' with action=list_action %}{% endif %} href="{{ list_action.url }}"
+                        class="btn {{ list_action.css_class|default_if_none:'' }}">{{ list_action.title }}</a>
+            {% endfor %}
+            <a href="javascript://" class="add-handler djn-add-handler btn btn-icon ml-auto {{ inline_admin_formset.handler_classes|join:" " }}">
+                <svg class="w-20 h-20 md:mr-8">
+                    <use xlink:href="#Plus"></use>
+                </svg>
+                <span>
+                    {% blocktrans with inline_admin_formset.opts.verbose_name|strip_parent_name:inline_opts.verbose_name|title as verbose_name %}Add another {{ verbose_name }}{% endblocktrans %}
+                </span>
+            </a>
+        </div>
+    </header>
+
 
     {{ inline_admin_formset.formset.management_form }}
     {{ inline_admin_formset.formset.non_form_errors }}
@@ -31,12 +51,23 @@
                  data-is-initial="{% if inline_admin_form.pk_field.field.value %}true{% else %}false{% endif %}"
                  {% endif %}
                  id="{{ inline_admin_formset.formset.prefix }}-{% if forloop.last and inline_admin_formset.has_add_permission %}empty{% else %}{{ inline_admin_form.form|form_index }}{% endif %}">
-                <div class="card p-0 sm:mb-24 {% if inline_admin_form.formset.nesting_depth > 1 %}border-0{% endif %}">
-                    {% if not inline_opts.sortable_options or not inline_opts.sortable_options.disabled %}<div class="djn-drag-handler"></div>{% endif %}
-                    <div class="p-24 pb-0">
+                <div class="djn-tools card level-{{ inline_admin_form.formset.nesting_depth }} p-0 sm:mb-24 {% if inline_admin_form.formset.nesting_depth > 1 %}border-0{% endif %}">
+                    <div class="p-24">
         {#                    <b>{{ inline_admin_formset.opts.verbose_name|capfirst }}:</b>&nbsp;#}
                         <div class="flex items-center">
-                            <span class="text-dark-900 font-semibold">{% if inline_admin_form.original %}{{ inline_admin_form.original }}{% else %}#{{ forloop.counter }}{% endif %}</span>
+                            {% if not inline_opts.sortable_options or not inline_opts.sortable_options.disabled %}
+                                <div class="drag-handler btn btn-empty cursor-move static transform-none mr-8">
+                                    <svg class="w-20 h-20 text-dark-400"><use xlink:href="#Drag"></use></svg>
+                                </div>
+                            {% endif %}
+                            <span class="text-dark-900 font-semibold">
+                                {% call_method inline_opts "get_instance_label" request inline_admin_form.original as instance_label %}
+                                {% if instance_label %}
+                                    {{ instance_label }}
+                                {% else %}
+                                    #{{ forloop.counter }}
+                                {% endif %}
+                            </span>
                             <div class="ml-auto">
                                 {% if inline_admin_form.original and inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model %}
                                     <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}" class="{% if inline_admin_formset.has_change_permission %}inlinechangelink{% else %}inlineviewlink{% endif %}">
@@ -44,8 +75,8 @@
                                     </a>
                                 {% endif %}
                                 {% if inline_admin_form.show_url %}<a href="{{ inline_admin_form.absolute_url }}" class="ml-8">{% trans "View on site" %}</a>{% endif %}
-                                {% if inline_admin_formset.formset.can_delete %}
-                                    <div class="ml-8">
+                                <div class="ml-8 flex items-center gap-8">
+                                    {% if inline_admin_formset.formset.can_delete %}
                                         {% if inline_admin_form.original %}
                                             <div class="delete djn-delete-handler {{ inline_admin_formset.handler_classes|join:" " }}">
                                                 <div class="relative flex items-center h-40">
@@ -58,8 +89,14 @@
                                         {% else %}
                                             <span><a class="inline-deletelink djn-remove-handler {{ inline_admin_formset.handler_classes|join:" " }}" href="javascript:void(0)">{% trans 'Delete' %}</a></span>
                                         {% endif %}
-                                    </div>
-                                {% endif %}
+                                    {% endif %}
+                                    <div class="w-2 bg-dark-200 self-stretch"></div>
+                                    <button type="button" class="btn btn-empty js-collapse-stacked-inline" aria-expanded="{{ context_data.default_collapsed|yesno:"false,true" }}">
+                                        <svg class="w-20 h-20 text-dark-400">
+                                            <use xlink:href="#Down"></use>
+                                        </svg>
+                                    </button>
+                                </div>
                             </div>
                         </div>
 
@@ -70,39 +107,30 @@
                         {% endif %}
                     </div>
 
-
-                    {% for fieldset in inline_admin_form %}
-                        <div class="p-24 stacked-row{% if not forloop.first %} border-t border-dark-200{% endif %}">
-                            {% include inline_admin_formset.opts.fieldset_template %}
-                        </div>
-                    {% endfor %}
-                    {% if inline_admin_form.has_auto_field or inline_admin_form.needs_explicit_pk_field %}
-                        {{ inline_admin_form.pk_field.field }}
-                    {% endif %}
-                    {% if inline_admin_form.fk_field %}{{ inline_admin_form.fk_field.field }}{% endif %}
+                    <div class="collapse flex flex-col {% if not context_data.default_collapsed %}show{% endif %}">
+                        {% for fieldset in inline_admin_form %}
+                            <div class="pt-0 pb-24 px-24 stacked-row{% if not forloop.first %} border-t border-dark-200{% endif %}">
+                                {% include inline_admin_formset.opts.fieldset_template %}
+                            </div>
+                        {% endfor %}
+                        {% if inline_admin_form.has_auto_field or inline_admin_form.needs_explicit_pk_field %}
+                            {{ inline_admin_form.pk_field.field }}
+                        {% endif %}
+                        {% if inline_admin_form.fk_field %}{{ inline_admin_form.fk_field.field }}{% endif %}
+                        {% if inline_admin_form.form.inlines %}
+                            {% for nested in inline_admin_form.form.inlines %}
+                                <div class="card level-{{ nested.formset.nesting_depth }} p-0 mx-24 sm:my-24">
+                                    {% include nested.opts.template with inline_admin_formset=nested %}
+                                </div>
+                            {% endfor %}
+                        {% endif %}
+                    </div>
                 </div>
-                {% if inline_admin_form.form.inlines %}
-                    {% for nested in inline_admin_form.form.inlines %}
-                        <div class="card p-0 sm:mb-24 {% if nested.formset.nesting_depth > 2 %}border-x-0 rounded-none{% endif %}">
-                            {% include nested.opts.template with inline_admin_formset=nested %}
-                        </div>
-                    {% endfor %}
-                {% endif %}
-
             </div>
         {% endfor %}
         {% endwith %}
     </div>
-    <div class="djn-module djn-add-item add-item add-row max-sm:px-24 max-sm:mt-8">
-        <a href="javascript://" class="add-handler djn-add-handler btn btn-icon ml-auto {{ inline_admin_formset.handler_classes|join:" " }}">
-            <svg class="w-20 h-20 md:mr-8">
-                <use xlink:href="#Plus"></use>
-            </svg>
-            <span>
-                {% blocktrans with inline_admin_formset.opts.verbose_name|strip_parent_name:inline_opts.verbose_name|title as verbose_name %}Add another {{ verbose_name }}{% endblocktrans %}
-            </span>
-        </a>
-    </div>
+
     {% ifinlineclasses %}</fieldset>{% endifinlineclasses %}
 </div>
 {% endwith %}{# ends with inline_admin_formset.opts as inline_opts #}

django_smartbase_admin/templates/sb_admin/inlines/table_inline.html

@@ -1,15 +1,16 @@
 {% load admin_urlname admin_urlquote from admin_urls %}
-{% load i18n nested_admin static widget_tweaks %}
+{% load i18n nested_admin static widget_tweaks sb_admin_tags %}
 
+{% call_method inline_admin_formset.opts "get_context_data" request as context_data %}
 {% with inline_admin_formset.formset.is_nested as is_nested %}
 
     {% with inline_admin_formset.opts as inline_opts %}
         <div
-            class="card p-0 sm:mb-24 inline-group group djn-group djn-tabular{% if is_nested %} djn-group-nested{% else %} djn-group-root{% endif %}"
+            class="{% if inline_admin_formset.opts.class_name %}{{ inline_admin_formset.opts.class_name }}{% else %}{{ inline_admin_formset.opts|to_class_name|slugify }}{% endif %}{% if inline_admin_formset.formset.can_delete %} can-delete{% endif %} card p-0 sm:mb-24 inline-group group djn-group djn-tabular{% if is_nested %} djn-group-nested{% else %} djn-group-root{% endif %}"
             id="{{ inline_admin_formset.formset.prefix }}-group"
             data-inline-type="stacked"
             data-inline-formset="{{ inline_admin_formset.inline_formset_data }}"
-            data-inline-model="{{ inline_admin_formset.inline_model_id }}">
+            data-inline-model="{{ inline_admin_formset.inline_model_id }}"{% block additional_wrapper_attributes %}{% endblock %}>
 
             {% block card_content %}
                 <header class="mb-24 px-20 md:px-24 pt-20 md:pt-24 table-header">
@@ -18,17 +19,36 @@
                             {{ inline_admin_formset.opts.verbose_name_plural|capfirst }}{% endif %}
                     </span>
                     <div class="ml-auto flex gap-8">
-                        {% for list_action in inline_admin_formset.opts.get_context_data.inline_list_actions %}
+                        {% for list_action in context_data.inline_list_actions %}
                             <a {% if list_action.open_in_modal %}{% include 'sb_admin/actions/partials/open_modal_attrs.html' with action=list_action %}{% endif %} href="{{ list_action.url }}"
                                     class="btn {{ list_action.css_class|default_if_none:'' }}">{{ list_action.title }}</a>
                         {% endfor %}
                         {% if inline_admin_formset.has_add_permission %}
-                            <a href="javascript://" class="add-handler djn-add-handler btn btn-icon ml-auto {{ inline_admin_formset.handler_classes|join:" " }}">
-                                <svg class="w-20 h-20 md:mr-8">
-                                    <use xlink:href="#Plus"></use>
-                                </svg>
-                                <span>{% trans 'Add' %}</span>
-                            </a>
+                            {% if context_data.add_url and not sbadmin_is_modal %}
+                                <a
+                                        class="btn btn-icon ml-auto {{ inline_admin_formset.handler_classes|join:" " }}"
+                                        data-bs-toggle="modal"
+                                        data-bs-target="#sb-admin-modal"
+                                        hx-get="{{ context_data.add_url }}?_popup=1&sbadmin_is_modal=1&sbadmin_reload_on_save=1&sbadmin_parent_instance_field=modal_{{ context_data.parent_data.sbadmin_parent_instance_field }}&sbadmin_parent_instance_pk={{ context_data.parent_data.sbadmin_parent_instance_pk }}&sbadmin_parent_instance_label={{ context_data.parent_data.sbadmin_parent_instance_label }}"
+                                        hx-target="#sb-admin-modal"
+                                        hx-select="#modal-content"
+                                        hx-swap="innerHTML"
+                                >
+                                    <svg class="w-20 h-20 md:mr-8">
+                                        <use xlink:href="#Plus"></use>
+                                    </svg>
+                                    <span>{% trans 'Add' %}</span>
+                                </a>
+                            {% else %}
+                                <div class="djn-add-item ml-auto">
+                                    <a href="javascript://" class="add-handler djn-add-handler btn btn-icon {{ inline_admin_formset.handler_classes|join:" " }}">
+                                        <svg class="w-20 h-20 md:mr-8">
+                                            <use xlink:href="#Plus"></use>
+                                        </svg>
+                                        <span>{% trans 'Add' %}</span>
+                                    </a>
+                                </div>
+                            {% endif %}
                         {% endif %}
                     </div>
                 </header>
@@ -46,30 +66,35 @@
                         <table class="djn-items inline-related djn-table">
                             {% with inline_admin_formset.opts.sortable_field_name|default:"" as sortable_field_name %}
                                 <thead class="djn-module djn-thead">
-                                    <tr>
+                                <tr>
+                                    {% if context_data.is_sortable_active %}
                                         <th class="original{% if sortable_field_name %} is-sortable{% endif %}"></th>
-                                        {% for field in inline_admin_formset.fields %}
-                                            {% if not field.widget.is_hidden %}
-                                                <th class="djn-th
+                                    {% endif %}
+                                    {% for field in inline_admin_formset.fields %}
+                                        {% if not field.widget.is_hidden and not field|is_row_class_field %}
+                                            <th class="djn-th
                                                     {{ field.label|lower|slugify }}{% if field.required %} required{% endif %}">
-                                                    <div class="flex items-center">
-                                                        <span class="mr-auto">{{ field.label|capfirst }}{% if field.required %}<span class="ml-4 text-negative">*</span>{% endif %}</span>
-                                                        {% if field.help_text %}&nbsp;
-                                                            <div class="ml-4">
-                                                                <div class="js-tooltip flex" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{ field.help_text|striptags }}">
-                                                                    <svg class="w-12 h-12">
-                                                                        <use xlink:href="#Help"></use>
-                                                                    </svg>
-                                                                </div>
+                                                <div class="flex items-center">
+                                                    <span class="mr-auto">{{ field.label|capfirst }}{% if field.required %}<span class="ml-4 text-negative">*</span>{% endif %}</span>
+                                                    {% if field.help_text %}&nbsp;
+                                                        <div class="ml-4">
+                                                            <div class="js-tooltip flex" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{ field.help_text|striptags }}">
+                                                                <svg class="w-12 h-12">
+                                                                    <use xlink:href="#Help"></use>
+                                                                </svg>
                                                             </div>
-                                                        {% endif %}
-                                                    </div>
-                                                </th>
-                                            {% endif %}
-                                        {% endfor %}
+                                                        </div>
+                                                    {% endif %}
+                                                </div>
+                                            </th>
+                                        {% endif %}
+                                    {% endfor %}
+                                    {% block table_inline_delete_table_head %}
                                         {% if inline_admin_formset.formset.can_delete %}
-                                            <th class="djn-th" style="min-width: 54px; width: 54px;"></th>{% endif %}
-                                    </tr>
+                                            <th class="djn-th sticky-table-head" style="min-width: 54px; width: 54px;"></th>
+                                        {% endif %}
+                                    {% endblock %}
+                                </tr>
                                 </thead>
 
 
@@ -97,8 +122,8 @@
                                             </td>
                                         </tr>
                                     {% endif %}
-                                    <tr class="djn-tr form-row{% if inline_admin_form.original or inline_admin_form.show_url %} has_original{% endif %}">
-                                        <td class="original{% if inline_admin_formset.opts.sortable_field_name %} is-sortable{% endif %}">
+                                    <tr class="djn-tr form-row{% if inline_admin_form.original or inline_admin_form.show_url %} has_original{% endif %} {% get_row_class inline_admin_form %}">
+                                        <td class="original{% if inline_admin_formset.opts.sortable_field_name %} is-sortable{% endif %}" style="{% if not context_data.is_sortable_active %}display: none;{% endif %}">
                                             {% if inline_admin_formset.opts.sortable_field_name %}
                                                 <div class="djn-drag-handler">
                                                     <svg class="w-20 h-20 text-dark-400">
@@ -142,10 +167,12 @@
                                         {% for fieldset in inline_admin_form %}
                                             {% for line in fieldset %}
                                                 {% for field in line %}
-                                                    {% if not field.field.is_hidden %}
+                                                    {% if not field.field.is_hidden and not field.field|is_row_class_field %}
                                                         <td class="djn-td field-{{ field.field.name }}">
                                                             {% if field.is_readonly %}
-                                                                <div class="px-10 py-8">{{ field.contents }}</div>
+                                                                <div class="px-10 py-8">
+                                                                    {% call_method field "contents" request %}
+                                                                </div>
                                                             {% else %}
                                                                 {{ field.field }}
                                                                 {% if field.field.errors %}
@@ -158,10 +185,10 @@
                                             {% endfor %}
                                         {% endfor %}
                                         {% block table_inline_delete_button %}
-                                            {% include "sb_admin/includes/table_inline_delete_button.html" %}
+                                            {% include "sb_admin/includes/table_inline_delete_button.html" with sticky=True %}
                                         {% endblock %}
                                     </tr>
-
+                                    {% block table_inline_after_line %}{% endblock %}
                                     {% if inline_admin_form.form.inlines %}
                                         <tr class="djn-tr">
                                             <td class="djn-td" colspan="{{ inline_admin_form|cell_count }}">
@@ -178,6 +205,21 @@
                             {% endblock %}
                         </table>
 
+                        {% block table_script %}
+                            <script>
+                                {# move all non initial lines to the top of the table to maintain original order #}
+                                {# this should happen only during validation error #}
+                                (function(){
+                                    const group = document.getElementById('{{ inline_admin_formset.formset.prefix }}-group');
+                                    const table = group.querySelector('.djn-table');
+                                    const bodies_to_move = Array.from(group.querySelectorAll('.djn-tbody[data-is-initial="false"]'));
+                                    if(bodies_to_move) {
+                                        table.prepend(...bodies_to_move.reverse());
+                                    }
+                                }());
+                            </script>
+                        {% endblock %}
+
                     </fieldset>
                 </div>
 

django_smartbase_admin/templates/sb_admin/integrations/filer/folder_list.html

@@ -59,6 +59,24 @@
             }
         </style>
     {% endif %}
+    <style>
+        .fa {
+            display: inline-flex;
+            width: 20px;
+            height: 20px;
+            background-size: 20px;
+            background-repeat: no-repeat;
+        }
+        .fa.fa-download {
+            background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23249ff8" fill-rule="evenodd" clip-rule="evenodd" d="M12.9961 13.5898L15.793 10.7929L17.2072 12.2071L12.7072 16.7071C12.3167 17.0976 11.6835 17.0976 11.293 16.7071L6.79297 12.2071L8.20718 10.7929L10.9961 13.5818V3H12.9961V13.5898ZM22 12V21C22 21.5523 21.5523 22 21 22H3C2.44772 22 2 21.5523 2 21V12.0042H4V20H20V12H22Z"/></svg>');
+        }
+        .fa.fa-pencil {
+            background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23249ff8" fill-rule="evenodd" clip-rule="evenodd" d="M16.5548 2.29305C16.3672 2.10537 16.1127 1.99995 15.8474 2C15.582 2.00005 15.3275 2.10557 15.14 2.29332L4.79247 12.6533C4.60519 12.8408 4.5 13.0949 4.5 13.36V17C4.5 17.5523 4.94772 18 5.5 18H9.1586C9.42389 18 9.67831 17.8946 9.86586 17.707L20.2073 7.361C20.5976 6.97051 20.5976 6.33759 20.2073 5.9471L16.5548 2.29305ZM6.5 13.7738L15.8478 4.41479L18.0861 6.65405L8.74426 16H6.5V13.7738ZM3.5 22H21.5V20H3.5V22Z"/></svg>');
+        }
+        .fa.fa-trash {
+            background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23249ff8" fill-rule="evenodd" clip-rule="evenodd" d="M9.6445 1C9.2793 1 8.94315 1.19908 8.76761 1.51932L7.40778 4H4.5H2V6H3.5V22C3.5 22.5523 3.94772 23 4.5 23H19.5C20.0523 23 20.5 22.5523 20.5 22V6H22V4H19.5H16.598L15.2695 1.5268C15.0952 1.20239 14.7568 1 14.3885 1H9.6445ZM14.3277 4L13.7906 3H10.2367L9.68856 4H14.3277ZM8 6H5.5V21H18.5V6H16H8ZM9 16.5V10H11V16.5H9ZM13 10V16.5H15V10H13Z"/></svg>');
+        }
+    </style>
 {% endblock %}
 
 {% block content %}