From a4e19796872840524bfe2eca963cc9f6fa44a513 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 3 Aug 2025 17:10:34 +0000
Subject: [PATCH 1/4] Initial plan


From f8102243ea0a84fb0b43be6c86d54ef0f642813d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 3 Aug 2025 17:20:16 +0000
Subject: [PATCH 2/4] Changes before error encountered

Co-authored-by: alxndr-w <3855487+alxndr-w@users.noreply.github.com>
---
 assets/styles.css               | 37 +++++++++++++
 fragments/url/profiles/card.php | 98 ++++++++++++++++++++++++++++++++-
 2 files changed, 133 insertions(+), 2 deletions(-)

diff --git a/assets/styles.css b/assets/styles.css
index 3263a7c..5f3b7c2 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -241,3 +241,40 @@
 .addon-url-data-table .label-default {
     background: #ccc;
 }
+
+/* Copy-to-clipboard code elements */
+.url-copy-code {
+    cursor: pointer;
+    transition: all 0.2s ease;
+    position: relative;
+}
+
+.url-copy-code:hover {
+    background-color: #e6f3ff !important;
+    color: #0066cc !important;
+    border-left: 3px solid #0066cc;
+    padding-left: 5px !important;
+}
+
+.url-copy-code.copied {
+    background-color: #d4edda !important;
+    color: #155724 !important;
+    border-left: 3px solid #28a745;
+    padding-left: 5px !important;
+}
+
+.url-copy-feedback {
+    position: absolute;
+    background: #28a745;
+    color: white;
+    padding: 2px 6px;
+    border-radius: 3px;
+    font-size: 10px;
+    top: -25px;
+    left: 50%;
+    transform: translateX(-50%);
+    white-space: nowrap;
+    z-index: 1000;
+    opacity: 0;
+    transition: opacity 0.3s ease;
+}
diff --git a/fragments/url/profiles/card.php b/fragments/url/profiles/card.php
index 20a0906..d9e7a0a 100644
--- a/fragments/url/profiles/card.php
+++ b/fragments/url/profiles/card.php
@@ -96,9 +96,13 @@ class="btn btn-primary btn-xs pull-right"
 ?>
 				<p class="help-block rex-note" style="font-size: 0.8em;">
 					Aufruf via
-					<code>rex_getUrl('', '', ['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code>
+					<code class="url-copy-code" 
+						  data-copy="rex_getUrl('', '', ['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])" 
+						  title="Klicken zum Kopieren">rex_getUrl('', '', ['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code>
 					oder via Artikel
-					<code>rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code><br>
+					<code class="url-copy-code" 
+						  data-copy="rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])" 
+						  title="Klicken zum Kopieren">rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code><br>
 
 
 				</p>
@@ -209,3 +213,93 @@ class="btn btn-danger pull-right"
 		</a>
 	</div>
 </div>
+
+<script type="text/javascript">
+(function($) {
+    // Copy to clipboard functionality
+    function copyToClipboard(text) {
+        if (navigator.clipboard && window.isSecureContext) {
+            // Modern clipboard API
+            return navigator.clipboard.writeText(text);
+        } else {
+            // Fallback for older browsers
+            return new Promise(function(resolve, reject) {
+                var textArea = document.createElement("textarea");
+                textArea.value = text;
+                textArea.style.position = "fixed";
+                textArea.style.left = "-999999px";
+                textArea.style.top = "-999999px";
+                document.body.appendChild(textArea);
+                textArea.focus();
+                textArea.select();
+                
+                try {
+                    var successful = document.execCommand('copy');
+                    document.body.removeChild(textArea);
+                    if (successful) {
+                        resolve();
+                    } else {
+                        reject(new Error('Copy failed'));
+                    }
+                } catch (err) {
+                    document.body.removeChild(textArea);
+                    reject(err);
+                }
+            });
+        }
+    }
+
+    function showCopyFeedback(element) {
+        var feedback = $('<span class="url-copy-feedback">Kopiert!</span>');
+        element.css('position', 'relative').append(feedback);
+        
+        setTimeout(function() {
+            feedback.css('opacity', '1');
+        }, 10);
+        
+        setTimeout(function() {
+            feedback.css('opacity', '0');
+            setTimeout(function() {
+                feedback.remove();
+            }, 300);
+        }, 1500);
+    }
+
+    // Event handler for copy buttons
+    $(document).on('click', '.url-copy-code', function(e) {
+        e.preventDefault();
+        var $this = $(this);
+        var textToCopy = $this.data('copy');
+        
+        if (!textToCopy) {
+            return;
+        }
+        
+        copyToClipboard(textToCopy).then(function() {
+            // Success feedback
+            $this.addClass('copied');
+            showCopyFeedback($this);
+            
+            setTimeout(function() {
+                $this.removeClass('copied');
+            }, 2000);
+        }).catch(function(err) {
+            // Error feedback
+            console.error('Copy failed:', err);
+            var feedback = $('<span class="url-copy-feedback" style="background: #dc3545;">Fehler beim Kopieren</span>');
+            $this.css('position', 'relative').append(feedback);
+            
+            setTimeout(function() {
+                feedback.css('opacity', '1');
+            }, 10);
+            
+            setTimeout(function() {
+                feedback.css('opacity', '0');
+                setTimeout(function() {
+                    feedback.remove();
+                }, 300);
+            }, 2000);
+        });
+    });
+})(jQuery);
+</script>

From 36020f64515b6401fb619777054a8b618d2718dd Mon Sep 17 00:00:00 2001
From: Alexander Walther <aw@alexplus.de>
Date: Tue, 5 Aug 2025 11:51:55 +0200
Subject: [PATCH 3/4] Update fragments/url/profiles/card.php

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Alexander Walther <aw@alexplus.de>
---
 fragments/url/profiles/card.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/fragments/url/profiles/card.php b/fragments/url/profiles/card.php
index d9e7a0a..a22cd53 100644
--- a/fragments/url/profiles/card.php
+++ b/fragments/url/profiles/card.php
@@ -286,7 +286,7 @@ function showCopyFeedback(element) {
         }).catch(function(err) {
             // Error feedback
             console.error('Copy failed:', err);
-            var feedback = $('<span class="url-copy-feedback" style="background: #dc3545;">Fehler beim Kopieren</span>');
+            var feedback = $('<span class="url-copy-feedback url-copy-feedback-error">Fehler beim Kopieren</span>');
             $this.css('position', 'relative').append(feedback);
             
             setTimeout(function() {

From 76448be4684914f64e021f6dd14d61243747a5be Mon Sep 17 00:00:00 2001
From: Alexander Walther <aw@alexplus.de>
Date: Tue, 5 Aug 2025 11:52:06 +0200
Subject: [PATCH 4/4] Update fragments/url/profiles/card.php

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Alexander Walther <aw@alexplus.de>
---
 fragments/url/profiles/card.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/fragments/url/profiles/card.php b/fragments/url/profiles/card.php
index a22cd53..1c48969 100644
--- a/fragments/url/profiles/card.php
+++ b/fragments/url/profiles/card.php
@@ -285,7 +285,7 @@ function showCopyFeedback(element) {
             }, 2000);
         }).catch(function(err) {
             // Error feedback
-            console.error('Copy failed:', err);
+            
             var feedback = $('<span class="url-copy-feedback url-copy-feedback-error">Fehler beim Kopieren</span>');
             $this.css('position', 'relative').append(feedback);