feat(tmpl): toggle check on copy from history row

adhocore · Apr 2, 2021 · 93d47cd · 93d47cd
1 parent 9cea00f
commit 93d47cd
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/tmpl/home.html b/tmpl/home.html
@@ -19,10 +19,10 @@
       width: 100%;
     }
     .th-code {
-      width: 10%;
+      width: 12%;
     }
     .th-url {
-      width: 90%;
+      width: 88%;
     }
     .copy-url {
       cursor: pointer;
@@ -170,7 +170,10 @@ <h4 class="subtitle">
 setTimeout(loadHistory, 500)
 document.addEventListener('click', e => {
   if (e.target && e.target.classList.contains('copy-url')) {
-    navigator.clipboard.writeText(e.target.dataset.shortUrl)
+    navigator.clipboard.writeText(e.target.dataset.shortUrl).then(_ => {
+      e.target.classList.replace('fa-copy', 'fa-check')
+      setTimeout(_ => e.target.classList.replace('fa-check', 'fa-copy'), 2000)
+    })
   }
 })
 </script>