From ffb35c32202e131dbe2fbea51b52988adbb5df2e Mon Sep 17 00:00:00 2001
From: Evan Fiordeliso <evan.fiordeliso@gmail.com>
Date: Wed, 16 Aug 2023 11:30:31 -0400
Subject: [PATCH] fix: Attatch event listener to paste button on htmx load

---
 app/views/layouts/main.html | 30 ++++++++++++++++++++----------
 1 file changed, 20 insertions(+), 10 deletions(-)
diff --git a/app/views/layouts/main.html b/app/views/layouts/main.html
index a70170e..3ba44d3 100644
--- a/app/views/layouts/main.html
+++ b/app/views/layouts/main.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en" class="h-100">
   <head>
     <meta charset="UTF-8" />
@@ -69,16 +69,26 @@
     </div>
     {{template "partials/footer" .}}
     <script>
-      const pasteButton = document.getElementById("paste-button");
-      const urlField = document.getElementById("url");
-      pasteButton.addEventListener("click", async () => {
-        try {
-          const text = await navigator.clipboard.readText();
-          urlField.value = text;
-        } catch (error) {
-          toastr.error("Failed to paste url from clipboard.");
+      /**
+       * @param content {Element}
+       */
+      function setupPaste(content) {
+        const pasteButton = content.querySelector("#paste-button");
+        const urlField = content.querySelector("#url");
+
+        if (pasteButton) {
+          pasteButton.addEventListener("click", async () => {
+            try {
+              const text = await navigator.clipboard.readText();
+              urlField.value = text;
+            } catch (error) {
+              toastr.error("Failed to paste url from clipboard.");
+            }
+          });
         }
-      });
+      }
+
+      htmx.onLoad(setupPaste);
     </script>
   </body>
 </html>
