diff --git a/templates/image_detail.html b/templates/image_detail.html index de76a1d9b11c60e2412b2b03885a0a2e78853da7..0a416b8e7f6d870c86d6e26b2b50b518d198de3e 100644 --- a/templates/image_detail.html +++ b/templates/image_detail.html @@ -34,7 +34,8 @@ </div> <div class="url"> - <input type="text" value="https://i.k8r.eu/{{.Image.Id}}"> + <input id="url-field" type="text" value="https://i.k8r.eu/{{.Image.Id}}"> + <button id="copy-url">Copy</button> </div> </div> </div> @@ -75,6 +76,13 @@ fakeDescription.addEventListener("input", fakeDescriptionListener); fakeDescription.addEventListener("keypress", fakeDescriptionListener); + + const urlCopyButton = document.getElementById("copy-url"); + const urlField = document.getElementById("url-field"); + urlCopyButton.addEventListener("click", () => { + urlField.select(); + document.execCommand("Copy"); + }) </script> {{end}} {{end}}