index.html: Make copy button work

Signed-off-by: Hector Martin <[email protected]>
AsahiLinux · Jan 14, 2024 · 0527737 · 0527737
1 parent b0d96d7
commit 0527737
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/layouts/index.html b/layouts/index.html
@@ -91,4 +91,21 @@ <h1>Documentation</h1>
         <a href="https://github.com/AsahiLinux/docs/wiki" class="more">Visit the Wiki<i class="fas fa-angle-right more"></i></a>
     </div>
 </section>
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+    var btn = document.getElementById("copy-button");
+    btn.onmouseover = function(e) {
+        btn.firstChild.classList.remove("fa-check");
+        btn.firstChild.classList.add("fa-clipboard");
+    }
+    btn.onclick = function(e) {
+        var text = document.getElementById("curl");
+        window.getSelection().selectAllChildren(text);
+        navigator.clipboard.writeText(text.textContent);
+        btn.firstChild.classList.add("fa-check");
+        btn.firstChild.classList.remove("fa-clipboard");
+        e.preventDefault();
+    };
+});
+</script>
 {{ partial "footer.html" . }}