add copy to clipboard option for link creation

plabayo · Oct 23, 2023 · 31595ba · 31595ba
1 parent 85b880e
commit 31595ba
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/static/js/hyperscript.min.js b/static/js/hyperscript.min.js
diff --git a/templates/base.html b/templates/base.html
@@ -23,6 +23,7 @@
     <meta property="og:image" content="/og-image">
 
     <script src="/static/js/htmx.min.js?v=1.9.6"></script>
+    <script src="/static/js/hyperscript.min.js?v=0.9.11"></script>
     <script type="module" src="/static/js/bckt.js?v=0.1.0"></script>
 
     <link rel="stylesheet" href="/static/css/missing.min.css?v=1.1.1" />

diff --git a/templates/content/link_ok.html b/templates/content/link_ok.html
@@ -7,8 +7,15 @@
         <a href="{{ long }}" style="overflow-wrap: anywhere;">{{ long }}</a> can be found shortened
         as <a href="{{ short }}" hx-boost="false">{{ short }}</a>.
     </p>
-    <p>
-        <a href="/" class="<button> good big" style="margin: 10px 0 0 0; float: right;" autofocus>↩ go back</a>
+    <section class="tool-bar" style="float: right;">
+        <button
+            _="on click navigator.clipboard.writeText(window.location.origin + '{{ short }}')"
+            class="big"
+            autofocus
+        >
+            📋 Copy Shortlink To Clipboard
+        </button>
+        <a href="/" class="<button> good big">↩ go back</a>
     </p>
 </div>
 {% endblock %}