From 764134e8306d7e441aee372801e719bb5e8bcd9f Mon Sep 17 00:00:00 2001
From: Subhamoy Biswas <subhamoybiswas636@gmail.com>
Date: Mon, 27 Nov 2023 22:22:41 +0530
Subject: [PATCH] (feat): implemented page linkInput copy to clipboard feature

---
 htdocs/assets/_floatingbar.php         |  2 +-
 htdocs/assets/js/floatingbar-config.js | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/htdocs/assets/_floatingbar.php b/htdocs/assets/_floatingbar.php
index 10b5386..eb36c49 100644
--- a/htdocs/assets/_floatingbar.php
+++ b/htdocs/assets/_floatingbar.php
@@ -114,7 +114,7 @@
         <p class="text-lg"><i class="fa-solid fa-user-group text-accent_primary"></i>&nbsp; Sharing Options</p>
         <div class="urlinputbar w-full flex justify-between items-center py-2 px-3 my-3 bg-bg_primary rounded-full overflow-hidden">
             <input id="pageurlinput" class="w-[85%] bg-bg_primary caret-accent_primary text-accent_four font-[300] outline-none" type="text" value="https://neosubhamoy.dev" readonly>
-            <button class="urlcopybtn px-3 border-l-[1px] border-accent_secondary_transparent" title="Copy link"><i class="fa-regular fa-copy"></i></button>
+            <button class="urlcopybtn px-3 border-l-[1px] border-accent_secondary_transparent" title="Copy link" onclick="copy_to_clipboard(document.location.href, 'Link')"><i class="fa-regular fa-copy"></i></button>
         </div>
         <p class="text-xs my-3 text-accent_three">SHARE ON</p>
         <div class="socialshare w-full grid grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-x-3 gap-y-3 justify-items-center p-4 mb-2 bg-bg_primary rounded-lg">
diff --git a/htdocs/assets/js/floatingbar-config.js b/htdocs/assets/js/floatingbar-config.js
index 6590fa0..53b1d95 100644
--- a/htdocs/assets/js/floatingbar-config.js
+++ b/htdocs/assets/js/floatingbar-config.js
@@ -353,4 +353,17 @@ function call_webshare_api() {
             window.alert("Sorry, webShareAPI is not supported by your browser");
         }
     }
+}
+
+function copy_to_clipboard(textContent, copyContext) {
+    if(navigator.clipboard) {
+        navigator.clipboard.writeText(textContent).then(function() {
+            window.alert(copyContext + "Copied to Clipboard");
+        }, function() {
+            window.alert("Failed to Copy the" + copyContext + "!");
+        })
+    }
+    else {
+        window.alert("Sorry, webClipboardAPI is not supported by your browser");
+    }
 }
\ No newline at end of file