Add HTMX afterSwap event function calls

tdruez · tdruez · commit eb1d14031fad · 2025-09-15T18:37:03.000+01:00
Signed-off-by: tdruez &lt;tdruez@nexb.com&gt;
diff --git a/scancodeio/static/main.js b/scancodeio/static/main.js
@@ -463,6 +463,14 @@ document.addEventListener('DOMContentLoaded', function () {
 
 });
 
+// HTMX
+
+document.body.addEventListener("htmx:afterSwap", function(evt) {
+  // Call the following functions after a HTMX swap is done.
+  setupTabs();
+  enableCopyToClipboard(".copy-to-clipboard");
+});
+
 // Toasts (requires bulma-toast.js)
 
 function displayPipelineStatusToast(run_status, pipeline_name, project_url) {
diff --git a/scanpipe/templates/scanpipe/base.html b/scanpipe/templates/scanpipe/base.html
@@ -12,7 +12,7 @@
     <link rel="stylesheet" href="{% static 'main.css' %}" crossorigin="anonymous">
     {% block extrahead %}{% endblock %}
   </head>
-  <body class="pb-5">
+  <body class="pb-5" hx-headers='{"x-csrftoken": "{{ csrf_token }}"}'>
     {% block content %}{% endblock %}
     {% include 'scanpipe/modals/search_syntax_modal.html' %}
     <script src="{% static 'main.js' %}" crossorigin="anonymous"></script>
diff --git a/scanpipe/templates/scanpipe/resource_tree.html b/scanpipe/templates/scanpipe/resource_tree.html
@@ -37,12 +37,6 @@
 
 {% block scripts %}
   <script>
-    document.body.addEventListener('htmx:afterSettle', function(evt) {
-      if (typeof enableCopyToClipboard === 'function') {
-        enableCopyToClipboard('.copy-to-clipboard');
-      }
-    });
-
     async function toggleFolderNode(folderNode, forceExpand = false) {
       const targetId = folderNode.dataset.target;
       const url = folderNode.dataset.url;
