triv: #24320 file upload field in modal content (#46)

* triv: #24320 file upload field in modal content

* triv: #24320 file upload field in modal content

* triv: #24320 file upload field in modal content

* Update version

---------

Co-authored-by: lubos.zlatohlavek <[email protected]>

Author: LuboZ

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "django-smartbase-admin"
-version = "0.2.100"
+version = "0.2.101"
 description = ""
 authors = ["SmartBase <[email protected]>"]
 readme = "README.md"

src/django_smartbase_admin/static/sb_admin/src/js/main.js

@@ -49,6 +49,20 @@ class Main {
             window.open(e.detail.url, e.detail?.target || '_blank')
         })
 
+        if(window.htmx){
+            window.htmx.on("htmx:afterSwap", (detail) => {
+                const requestEl = detail.detail.requestConfig.elt.closest('[hx-swap]')
+                if(requestEl && requestEl.getAttribute('hx-swap') === "none") {
+                    // do not process afterSwap if none swap is performed
+                    // this should prevent double processing of afterSwap for first oob-swapped element
+                    // which in case of hx-swap=none is returned here in the detail.target
+                    return
+                }
+                this.initFileInputs(detail.target)
+                this.initDropdowns(detail.target)
+            })
+        }
+
         new Sidebar()
         this.datepicker = new Datepicker()
         this.range = new Range()

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

@@ -16,7 +16,7 @@ <h3 class="text-dark-900 text-18 font-semibold leading-28">{% block modal_title
                 </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">