From 233aacc2def55d46a244a2dbedf97ab8d4929b24 Mon Sep 17 00:00:00 2001
From: jordi fita mas <jordi@tandem.blog>
Date: Sun, 24 Sep 2023 03:19:46 +0200
Subject: [PATCH] Export camperUploadForm function

I did not remember that the file was loaded as a module, so i have
to export it in order to use from the <script> in media.  That <script>
needs to be also a module and explicitly import the function; since it
is already loaded, the browser does not load the file again.
---
 web/static/camper.js                    | 2 +-
 web/templates/admin/media/picker.gohtml | 5 ++++-
 web/templates/admin/media/upload.gohtml | 5 ++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/static/camper.js b/web/static/camper.js
index 384e9e3..fcced13 100644
--- a/web/static/camper.js
+++ b/web/static/camper.js
@@ -113,7 +113,7 @@ ready(function () {
     }
 })
 
-function camperUploadForm(el) {
+export function camperUploadForm(el) {
     const progress = el.querySelector('progress');
     htmx.on(el, 'drop', function (evt) {
         evt.preventDefault();
diff --git a/web/templates/admin/media/picker.gohtml b/web/templates/admin/media/picker.gohtml
index 7c172e0..2fca516 100644
--- a/web/templates/admin/media/picker.gohtml
+++ b/web/templates/admin/media/picker.gohtml
@@ -32,7 +32,10 @@
             <progress value="0" max="100"></progress>
         </footer>
     </form>
-    <script>camperUploadForm(document.getElementById('mediaPickerUpload'))</script>
+    <script type="module">
+        import {camperUploadForm} from "/static/camper.js";
+        camperUploadForm(document.getElementById('mediaPickerUpload'));
+    </script>
     <form action="/admin/media/field" method="get" data-hx-boost="true" data-hx-push-url="false">
         {{ with .Field -}}
             <input type="hidden" name="name" value="{{ .Name }}"/>
diff --git a/web/templates/admin/media/upload.gohtml b/web/templates/admin/media/upload.gohtml
index ba92ddf..9ca721e 100644
--- a/web/templates/admin/media/upload.gohtml
+++ b/web/templates/admin/media/upload.gohtml
@@ -28,5 +28,8 @@
             <progress value="0" max="100"></progress>
         </footer>
     </form>
-    <script>camperUploadForm(document.getElementById('mediaUpload'))</script>
+    <script type="module">
+        import {camperUploadForm} from "/static/camper.js";
+        camperUploadForm(document.getElementById('mediaUpload'));
+    </script>
 {{- end }}