Copy url button

[ugintl]

See the screenshot. I want to show copy button to copy the whole profile link. How to do it? I have tried different things, but not able to do it.

[JulianPrieber]

Making a button to copy the URL is fairly easy.
For this, the code on the littlelink page for the share button can be used.

Optimally, you want some form of feedback that the URL has been copied like you see on: https://littlelink-custom.com/docker

[JulianPrieber]

Hmm, I'm not sure anymore.

I'm not sure if you could copy the profile URL with the share button code (https://github.com/JulianPrieber/littlelink-custom/blob/main/littlelink/js/share.button.js).

I'm not really good working with JS. Optimally, you'd have to get this working with inline JS, so you can use blade or PHP to get the profile URL.

<?php echo url('') . "/@" . $page->littlelink_name; ?>

[JulianPrieber]

@ugintl I think I got it.

It's a bit janky, but this should work:

<?php $fullURL = url('') . "/@" . $page->littlelink_name; 
echo "<button onclick=\"copyToClipboard(" . "'" . $fullURL . "'" . ")\">Copy to Clipboard</button>"
?>

<script>
  function copyToClipboard(text) {
    var dummy = document.createElement("textarea");
    document.body.appendChild(dummy);
    dummy.value = text;
    dummy.select();
    document.execCommand("copy");
    document.body.removeChild(dummy);
    alert("Done!");
  }
</script>

[ugintl]

It worked thanks. Your solution is quite different than what I was trying. However, the page is refreshing after clicking "copy" button. I will try to improve it and share code here if i am successful. Thanks again.

[JulianPrieber]

The page should definitely not be refreshing when pressing the button.
There should only be the alert.