feat(list): added option to group list actions

Author: MartinCervenkaSB

src/django_smartbase_admin/actions/admin_action_list.py

@@ -154,7 +154,7 @@ def get_template_data(self):
                 "filters": self.get_filters(),
                 "list_actions": self.list_actions
                 or self.view._get_sbadmin_list_actions(),
-                "list_selection_actions": self.view.get_sbadmin_list_selection_actions(),
+                "list_selection_actions": self.view.get_sbadmin_list_selection_actions_grouped(),
                 "config_url": self.view.get_config_url(),
                 "new_url": (
                     self.view.get_new_url()

src/django_smartbase_admin/engine/actions.py

@@ -6,14 +6,21 @@ class SBAdminCustomAction(object):
     open_in_modal = False
 
     def __init__(
-        self, title, url, css_class=None, no_params=False, open_in_modal=False
+        self,
+        title,
+        url,
+        css_class=None,
+        no_params=False,
+        open_in_modal=False,
+        group=None,
     ) -> None:
         super().__init__()
         self.title = title
         self.url = url
         self.css_class = css_class
         self.no_params = no_params
         self.open_in_modal = open_in_modal
+        self.group = group
 
 
 class SBAdminAction(object):

src/django_smartbase_admin/engine/admin_base_view.py

@@ -395,6 +395,14 @@ def get_sbadmin_list_selection_actions(self):
             ]
         return self.sbadmin_list_selection_actions
 
+    def get_sbadmin_list_selection_actions_grouped(self):
+        result = {}
+        for action in self.get_sbadmin_list_selection_actions():
+            if not result.get(action.group):
+                result.update({action.group: []})
+            result[action.group].append(action)
+        return result
+
     def get_sbadmin_xlsx_options(self):
         self.sbadmin_xlsx_options = self.sbadmin_xlsx_options or SBAdminXLSXOptions(
             header_cell_format=SBAdminXLSXFormat(

src/django_smartbase_admin/static/sb_admin/src/css/_components.css

@@ -339,7 +339,7 @@
 
     .table-selected-rows-bar {
         @apply flex items-center h-48 pr-16 py-8;
-        @apply bg-light;
+        @apply bg-light custom-scrollbar;
         @apply absolute top-full right-0 left-0;
         margin-top: 1px;
         overflow-x: auto;

src/django_smartbase_admin/templates/sb_admin/actions/list.html

@@ -114,10 +114,37 @@ <h1 class="text-24 md:text-30 text-dark-900 font-bold font-heading line-clamp-1
                                 onclick="window.SBAdminTable['{{ view_id }}'].moduleInstances.selectionModule.selectNoData()"
                                 class="btn btn-empty btn-small">{% trans 'Select none' %}
                         </button>
-                        {% for list_selection_action in content_context.list_selection_actions %}
-                            <button {% if list_selection_action.open_in_modal %}{% include 'sb_admin/actions/partials/open_modal_attrs.html' with action=list_selection_action %} hx-vals="js:{params: window.SBAdminTable['{{ view_id }}'].getAllUrlParams()}" {% else %}onclick="window.location.href='{{ list_selection_action.url }}' + window.SBAdminTable['{{ view_id }}'].getUrlParamsString()"{% endif %}
-                                    class="btn btn-small {{ list_selection_action.css_class|default_if_none:'' }}">{{ list_selection_action.title }}
-                            </button>
+                        {% for key, list_selection_action_group in content_context.list_selection_actions.items %}
+                            {% if key %}
+                                <button
+                                    data-bs-toggle="dropdown"
+                                    aria-expanded="false"
+                                    data-bs-popper-placement="bottom"
+                                    class="btn btn-small">
+                                    <span>{{ key }}</span>
+                                    <svg class="w-16 h-16 ml-4">
+                                        <use xlink:href="#Down"></use>
+                                    </svg>
+                                </button>
+                                <div class="dropdown-menu w-248 max-h-432">
+                                    <ul>
+                                        {% for list_selection_action in list_selection_action_group %}
+                                            <li>
+                                                {{ list_selection_action.items }}
+                                                <a {% if list_selection_action.open_in_modal %}{% include 'sb_admin/actions/partials/open_modal_attrs.html' with action=list_selection_action %} hx-vals="js:{params: window.SBAdminTable['{{ view_id }}'].getAllUrlParams()}" {% else %}onclick="window.location.href='{{ list_selection_action.url }}' + window.SBAdminTable['{{ view_id }}'].getUrlParamsString()"{% endif %}
+                                                    class="dropdown-menu-link {{ list_selection_action.css_class|default_if_none:'' }}">{{ list_selection_action.title }}</a>
+                                            </li>
+                                        {% endfor %}
+                                    </ul>
+                                </div>
+                            {% else %}
+                                {# no group #}
+                                {% for list_selection_action in list_selection_action_group %}
+                                    <button {% if list_selection_action.open_in_modal %}{% include 'sb_admin/actions/partials/open_modal_attrs.html' with action=list_selection_action %} hx-vals="js:{params: window.SBAdminTable['{{ view_id }}'].getAllUrlParams()}" {% else %}onclick="window.location.href='{{ list_selection_action.url }}' + window.SBAdminTable['{{ view_id }}'].getUrlParamsString()"{% endif %}
+                                            class="btn btn-small {{ list_selection_action.css_class|default_if_none:'' }}">{{ list_selection_action.title }}
+                                    </button>
+                                {% endfor %}
+                            {% endif %}
                         {% endfor %}
                     </div>
                 </div>

src/django_smartbase_admin/templates/sb_admin/includes/inline_fieldset.html

@@ -27,7 +27,7 @@
                         {% if field.field.label %}
                             <label class="inline-flex text-dark-900 text-14 leading-18 font-medium mr-8">{{ field.field.label }}:</label>
                         {% endif %}
-                        <div class="text-14 w-full">{{ field.contents }}</div>
+                        <div class="text-14 w-full break-all">{{ field.contents }}</div>
                     </div>
                 {% else %}
                     {{ field.field }}