Make copy to clipboard function generic

Author: heloufir

resources/js/app.js

@@ -1,8 +1,6 @@
 import './bootstrap';
 
 import jQuery from '$';
-window.$ = jQuery;
-
 import 'flowbite';
 
 import '@fortawesome/fontawesome-free/scss/fontawesome.scss';
@@ -18,6 +16,8 @@ import Alpine from 'alpinejs'
 import FormsAlpinePlugin from '../../vendor/filament/forms/dist/module.esm'
 import NotificationsAlpinePlugin from '../../vendor/filament/notifications/dist/module.esm'
 
+window.$ = jQuery;
+
 Alpine.plugin(FormsAlpinePlugin)
 Alpine.plugin(NotificationsAlpinePlugin)
 
@@ -48,3 +48,18 @@ if ($('.magnificpopup-container').length) {
         }
     });
 }
+
+// Copy text to clipboard
+window.unsecuredCopyToClipboard = function (text) {
+    const textArea = document.createElement("textarea");
+    textArea.value = text;
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+    try {
+        document.execCommand('copy');
+    } catch (err) {
+        console.error('Unable to copy to clipboard', err);
+    }
+    document.body.removeChild(textArea);
+}

resources/views/livewire/ticket-details.blade.php

@@ -83,7 +83,7 @@
     @push('scripts')
         <script>
             window.addEventListener('ticketUrlCopied', (event) => {
-                navigator.clipboard.writeText(event.detail.url);
+                window.unsecuredCopyToClipboard(event.detail.url);
             });
         </script>
     @endpush

resources/views/livewire/tickets.blade.php

@@ -153,7 +153,7 @@
             });
 
             window.addEventListener('ticketUrlCopied', (event) => {
-                navigator.clipboard.writeText(event.detail.url);
+                window.unsecuredCopyToClipboard(event.detail.url);
             });
         </script>
     @endpush