apps
/
ytdl-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

fix: Attatch event listener to paste button on htmx load

This commit is contained in:
Evan Fiordeliso 2023-08-16 11:30:31 -04:00
parent 75b5c4160d
commit ffb35c3220
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/views/layouts/main.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en" class="h-100"> <html lang="en" class="h-100">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -69,8 +69,14 @@
</div> </div>
{{template "partials/footer" .}} {{template "partials/footer" .}}
<script> <script>
const pasteButton = document.getElementById("paste-button"); /**
const urlField = document.getElementById("url"); * @param content {Element}
*/
function setupPaste(content) {
const pasteButton = content.querySelector("#paste-button");
const urlField = content.querySelector("#url");
if (pasteButton) {
pasteButton.addEventListener("click", async () => { pasteButton.addEventListener("click", async () => {
try { try {
const text = await navigator.clipboard.readText(); const text = await navigator.clipboard.readText();
@ -79,6 +85,10 @@
toastr.error("Failed to paste url from clipboard."); toastr.error("Failed to paste url from clipboard.");
} }
}); });
}
}
htmx.onLoad(setupPaste);
</script> </script>
</body> </body>
</html> </html>