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

30
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,16 +69,26 @@
</div> </div>
{{template "partials/footer" .}} {{template "partials/footer" .}}
<script> <script>
const pasteButton = document.getElementById("paste-button"); /**
const urlField = document.getElementById("url"); * @param content {Element}
pasteButton.addEventListener("click", async () => { */
try { function setupPaste(content) {
const text = await navigator.clipboard.readText(); const pasteButton = content.querySelector("#paste-button");
urlField.value = text; const urlField = content.querySelector("#url");
} catch (error) {
toastr.error("Failed to paste url from clipboard."); 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> </script>
</body> </body>
</html> </html>