neosubhamoy/neosubhamoy-portfolio
1
1
Fork 0
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-19 22:53:03 +05:30
Code Issues Wiki Activity

(feat): implemented page linkInput copy to clipboard feature

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-27 22:22:41 +05:30
parent a3ecd6addc
commit 764134e830
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
htdocs/assets/_floatingbar.php
View File

@@ -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">

13
htdocs/assets/js/floatingbar-config.js
View File

@@ -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");
}
}