[UPDT] HORILLA: Prevent duplicate select2 event triggers on HTMX updates

biometric/templates/biometric_users/dahua/add_dahua_user.html

@@ -24,10 +24,3 @@
         </div>
     </form>
 </div>
-<script>
-    $(document).ready(function () {
-        $("select").on("select2:select", function (e) {
-            $(this).closest("select")[0].dispatchEvent(new Event("change"));
-        });
-    });
-</script>

biometric/views.py

@@ -2322,9 +2322,9 @@ def zk_biometric_attendance_bulk_logs(devices):
                 datetime=date_time,
             )
             try:
-                if punch_code in {0, 3, 4, 5}:
+                if punch_code in {0, 3, 4}:
                     clock_in(request_data)
-                elif punch_code in {1, 2}:
+                elif punch_code in {1, 2, 5}:
                     clock_out(request_data)
             except Exception as error:
                 logger.error(

helpdesk/templates/helpdesk/faq/load_faq.html

@@ -22,7 +22,7 @@
             {% for cat_id, category in catagories.items %}
                 <div class="oh-accordion">
                     <div class="oh-accordion-header">{{category}}</div>
-                    <div 
+                    <div
                         class="oh-accordion-body"
                         style="
                             max-height: 500px; overflow-y: auto;
@@ -108,4 +108,4 @@
             $(".selectAll").click();
         });
     });
-</script>
+</script>

pms/templates/okr/emp_objective/emp_objective_create_form.html

@@ -20,11 +20,3 @@
         {{form.as_p}}
     </form>
 </div>
-
-<script>
-    $(document).ready(function () {
-        $("select").on("select2:select", function (e) {
-            $(this).closest("select")[0].dispatchEvent(new Event("change"));
-        });
-    });
-</script>

project/templates/cbv/timesheet/employee_field.html

@@ -3,14 +3,6 @@
     title="{{ form.employee_id.help_text|safe }}">{% trans form.employee_id.label %}</label>
 {{form.employee_id}}
 <script>
-    $(document).ready(function () {
-
-        $("select").on("select2:select", function (e) {
-            $(this).closest("select")[0].dispatchEvent(new Event("change"));
-        });
-
-
-    });
     var task_id = "{{ task_id }}"
     if (task_id === "dynamic_create") {
         var project_id = "{{ project_id }}"
@@ -25,5 +17,4 @@
 
         $(buttonId).click();
     }
-
 </script>

project/templates/cbv/timesheet/task_field.html

@@ -5,11 +5,3 @@
 <div id="dynamic_field_task_id">
     {{form.task_id}}
 </div>
-<script>
-    $(document).ready(function () {
-
-        $("select").on("select2:select", function (e) {
-            $(this).closest("select")[0].dispatchEvent(new Event("change"));
-        });
-    });
-</script>

recruitment/templates/pipeline/pipeline_components/send_mail.html

@@ -134,10 +134,6 @@
             var selectedIds = JSON.parse($("#selectedInstances").attr("data-ids"));
             $("#candidates[name=candidates]select[multiple]").val(selectedIds).change();
         {% endif %}
-
-        $("select").on("select2:select", function (e) {
-            $(this).closest("select")[0].dispatchEvent(new Event("change"));
-        });
     });
 
     document.querySelector('.submit-send').onclick = function (event) {

static/build/js/htmxSelect2.js

@@ -3999,17 +3999,25 @@
 });
 staticUrl = $("#statiUrl").attr("data-url");
 
-$(document).on("htmx:afterRequest", function (event, data) {
-    var response = event.detail.xhr.response;
-    var target = $(event.detail.elt.getAttribute("hx-target"));
-    target.find(".oh-select").select2();
+$(document).ready(function () {
+    $(".oh-select").select2({
+        width: '100%'
+    });
+    $("select").on("select2:select", function (e) {
+        $(this).closest("select")[0].dispatchEvent(new Event("change"));
+    });
+})
+
+$(document).on("htmx:afterSettle", function (event) {
+    var target = $(event.target);
+    target.find(".oh-select").select2({ width: '100%' });
+
+    target.find("select").off("select2:select").on("select2:select", function (e) {
+        this.dispatchEvent(new Event("change"));
+        console.log('__11___');
+    });
 });
 
-$(document).on("htmx:afterSettle", function (event, data) {
-    var response = event.detail.xhr.response;
-    target = $(event.target);
-    target.find(".oh-select").select2();
-});
 
 // Helper function to hash data using SHA-256
 async function hashData(data) {