From 763f66005f7a1befa8e68e8d6a89bd9b01f6427b Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 16 Nov 2025 16:32:17 +0000
Subject: [PATCH 1/6] Initial plan


From d3f73ced0f0914672984baa7464ff8344b05284d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 16 Nov 2025 16:34:54 +0000
Subject: [PATCH 2/6] Add click-to-copy functionality for URL snippets

Co-authored-by: AWqxKAWERbXo <3855487+AWqxKAWERbXo@users.noreply.github.com>
---
 assets/js/backend.js            | 75 +++++++++++++++++++++++++++++++++
 assets/styles.css               | 22 ++++++++++
 boot.php                        |  1 +
 fragments/url/profiles/card.php |  4 +-
 4 files changed, 100 insertions(+), 2 deletions(-)
 create mode 100644 assets/js/backend.js

diff --git a/assets/js/backend.js b/assets/js/backend.js
new file mode 100644
index 0000000..84b8956
--- /dev/null
+++ b/assets/js/backend.js
@@ -0,0 +1,75 @@
+/**
+ * URL Generator - Backend JavaScript
+ * Adds click-to-copy functionality for URL call snippets
+ */
+
+(function($) {
+    'use strict';
+
+    $(document).ready(function() {
+        // Add click-to-copy functionality to code elements with data-copy attribute
+        $('.url-code-copy').on('click', function(e) {
+            e.preventDefault();
+            
+            var $this = $(this);
+            var textToCopy = $this.data('copy');
+            
+            // Use the Clipboard API if available, fallback to older method
+            if (navigator.clipboard && window.isSecureContext) {
+                navigator.clipboard.writeText(textToCopy).then(function() {
+                    showCopyFeedback($this);
+                }).catch(function(err) {
+                    fallbackCopyToClipboard(textToCopy, $this);
+                });
+            } else {
+                fallbackCopyToClipboard(textToCopy, $this);
+            }
+        });
+        
+        // Add cursor pointer style to copyable code elements
+        $('.url-code-copy').css('cursor', 'pointer');
+    });
+    
+    /**
+     * Fallback copy method for older browsers or non-HTTPS contexts
+     */
+    function fallbackCopyToClipboard(text, $element) {
+        var $temp = $('<textarea>');
+        $('body').append($temp);
+        $temp.val(text).select();
+        
+        try {
+            document.execCommand('copy');
+            showCopyFeedback($element);
+        } catch (err) {
+            console.error('Failed to copy text: ', err);
+        }
+        
+        $temp.remove();
+    }
+    
+    /**
+     * Show visual feedback when text is copied
+     */
+    function showCopyFeedback($element) {
+        var originalHtml = $element.html();
+        var $icon = $element.find('.rex-icon');
+        
+        // Change icon to checkmark temporarily
+        if ($icon.length) {
+            $icon.removeClass('fa-copy').addClass('fa-check');
+        }
+        
+        // Add success class
+        $element.addClass('url-copied');
+        
+        // Reset after 2 seconds
+        setTimeout(function() {
+            if ($icon.length) {
+                $icon.removeClass('fa-check').addClass('fa-copy');
+            }
+            $element.removeClass('url-copied');
+        }, 2000);
+    }
+    
+})(jQuery);
diff --git a/assets/styles.css b/assets/styles.css
index 3263a7c..9811d93 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -241,3 +241,25 @@
 .addon-url-data-table .label-default {
     background: #ccc;
 }
+
+/* Click-to-copy styles */
+.url-code-copy {
+    cursor: pointer;
+    transition: all 0.2s ease;
+    position: relative;
+    padding: 2px 8px;
+    border-radius: 3px;
+}
+
+.url-code-copy:hover {
+    background-color: rgba(0, 123, 255, 0.1);
+}
+
+.url-code-copy.url-copied {
+    background-color: rgba(40, 167, 69, 0.2);
+}
+
+.url-code-copy .rex-icon {
+    font-size: 0.9em;
+    margin-right: 4px;
+}
diff --git a/boot.php b/boot.php
index 566ded5..50ad98d 100644
--- a/boot.php
+++ b/boot.php
@@ -95,6 +95,7 @@
 
 if (rex::isBackend() && rex::getUser() !== null) {
     rex_view::addCssFile($addon->getAssetsUrl('styles.css'));
+    rex_view::addJsFile($addon->getAssetsUrl('js/backend.js'));
 }
 
 if (null !== Url::getRewriter() && Url::getRewriter()->getSeoTagsExtensionPoint() !== '') {
diff --git a/fragments/url/profiles/card.php b/fragments/url/profiles/card.php
index a59d655..3d386fe 100644
--- a/fragments/url/profiles/card.php
+++ b/fragments/url/profiles/card.php
@@ -96,9 +96,9 @@ 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-code-copy" data-copy="rex_getUrl('', '', ['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])" title="Klicken zum Kopieren"><i class="rex-icon fa-copy"></i> 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-code-copy" data-copy="rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])" title="Klicken zum Kopieren"><i class="rex-icon fa-copy"></i> rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code><br>
 
 
 				</p>

From 25bc727f4c82f75ef929acfbe94476f295b6db07 Mon Sep 17 00:00:00 2001
From: Alex <3855487+AWqxKAWERbXo@users.noreply.github.com>
Date: Sun, 16 Nov 2025 17:58:02 +0100
Subject: [PATCH 3/6] Update assets/js/backend.js

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Alex <3855487+AWqxKAWERbXo@users.noreply.github.com>
---
 assets/js/backend.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/assets/js/backend.js b/assets/js/backend.js
index 84b8956..ced8279 100644
--- a/assets/js/backend.js
+++ b/assets/js/backend.js
@@ -52,7 +52,6 @@
      * Show visual feedback when text is copied
      */
     function showCopyFeedback($element) {
-        var originalHtml = $element.html();
         var $icon = $element.find('.rex-icon');
         
         // Change icon to checkmark temporarily

From b076aed73c16c38fae3107801f353fdcf0100b89 Mon Sep 17 00:00:00 2001
From: Alex <3855487+AWqxKAWERbXo@users.noreply.github.com>
Date: Sun, 16 Nov 2025 17:59:57 +0100
Subject: [PATCH 4/6] Update assets/js/backend.js

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Alex <3855487+AWqxKAWERbXo@users.noreply.github.com>
---
 assets/js/backend.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/assets/js/backend.js b/assets/js/backend.js
index ced8279..bd55789 100644
--- a/assets/js/backend.js
+++ b/assets/js/backend.js
@@ -27,7 +27,6 @@
         });
         
         // Add cursor pointer style to copyable code elements
-        $('.url-code-copy').css('cursor', 'pointer');
     });
     
     /**

From 014c3a9984a8b63b9452cccdecf44c6cd487204e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 16 Nov 2025 17:03:52 +0000
Subject: [PATCH 5/6] Add i18n support and keyboard accessibility

Co-authored-by: AWqxKAWERbXo <3855487+AWqxKAWERbXo@users.noreply.github.com>
---
 assets/js/backend.js            | 9 ++++++++-
 fragments/url/profiles/card.php | 4 ++--
 lang/de_de.lang                 | 3 +++
 lang/en_gb.lang                 | 2 ++
 lang/es_es.lang                 | 2 ++
 lang/it_it.lang                 | 2 ++
 lang/pt_br.lang                 | 2 ++
 lang/sv_se.lang                 | 2 ++
 8 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/assets/js/backend.js b/assets/js/backend.js
index bd55789..d33ba0b 100644
--- a/assets/js/backend.js
+++ b/assets/js/backend.js
@@ -26,7 +26,14 @@
             }
         });
         
-        // Add cursor pointer style to copyable code elements
+        // Add keyboard accessibility (Enter or Space to trigger copy)
+        $('.url-code-copy').on('keydown', function(e) {
+            // Enter key (13) or Space key (32)
+            if (e.keyCode === 13 || e.keyCode === 32) {
+                e.preventDefault();
+                $(this).trigger('click');
+            }
+        });
     });
     
     /**
diff --git a/fragments/url/profiles/card.php b/fragments/url/profiles/card.php
index 3d386fe..48eb61b 100644
--- a/fragments/url/profiles/card.php
+++ b/fragments/url/profiles/card.php
@@ -96,9 +96,9 @@ class="btn btn-primary btn-xs pull-right"
 ?>
 				<p class="help-block rex-note" style="font-size: 0.8em;">
 					Aufruf via
-					<code class="url-code-copy" data-copy="rex_getUrl('', '', ['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])" title="Klicken zum Kopieren"><i class="rex-icon fa-copy"></i> rex_getUrl('', '', ['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code>
+					<code class="url-code-copy" data-copy="rex_getUrl('', '', ['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])" title="<?= rex_i18n::msg('url_click_to_copy') ?>" tabindex="0"><i class="rex-icon fa-copy"></i> rex_getUrl('', '', ['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code>
 					oder via Artikel
-					<code class="url-code-copy" data-copy="rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])" title="Klicken zum Kopieren"><i class="rex-icon fa-copy"></i> rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code><br>
+					<code class="url-code-copy" data-copy="rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])" title="<?= rex_i18n::msg('url_click_to_copy') ?>" tabindex="0"><i class="rex-icon fa-copy"></i> rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code><br>
 
 
 				</p>
diff --git a/lang/de_de.lang b/lang/de_de.lang
index 476ac47..0a7f1a2 100644
--- a/lang/de_de.lang
+++ b/lang/de_de.lang
@@ -132,6 +132,9 @@ url.profile.seo_description = Beschreibung
 url.profile.seo_image = Bild
 url.profile.sitemap-lastmod = Letzte Änderung
 url.profile.not_set = keine Auswahl
+
+url_click_to_copy = Klicken zum Kopieren
+
 // Neue Update-Seite
 
 url_generator_update = Neue Version verfügbar
diff --git a/lang/en_gb.lang b/lang/en_gb.lang
index d76ec96..c82212f 100644
--- a/lang/en_gb.lang
+++ b/lang/en_gb.lang
@@ -94,6 +94,8 @@ url_yform_value_profil = Profile
 url_yform_value_anchor = Anchor text
 url_yform_value_description = Adds a link to the frontend generated by the URL addon
 
+url_click_to_copy = Click to copy
+
 
 
 
diff --git a/lang/es_es.lang b/lang/es_es.lang
index 7ccaae3..3277182 100644
--- a/lang/es_es.lang
+++ b/lang/es_es.lang
@@ -92,6 +92,8 @@ url_yform_value_profil = Perfil
 url_yform_value_anchor = Anclaje de texto
 url_yform_value_description = Agrega un enlace a la interfaz creada por la URL AddOn.
 
+url_click_to_copy = Haga clic para copiar
+
 
 
 
diff --git a/lang/it_it.lang b/lang/it_it.lang
index 38d631d..1e96dab 100644
--- a/lang/it_it.lang
+++ b/lang/it_it.lang
@@ -69,6 +69,8 @@ url_generator_table_not_selected = nessuna tabella specificata
 url_generator_table_relation_legend = Tabelle di relazione {0}
 url_generator_url_notice =
 
+url_click_to_copy = Clicca per copiare
+
 
 
 
diff --git a/lang/pt_br.lang b/lang/pt_br.lang
index c6d2c90..4781f68 100644
--- a/lang/pt_br.lang
+++ b/lang/pt_br.lang
@@ -70,6 +70,8 @@ url_generator_table_not_selected = Nenhuma tabela selecioanda
 url_generator_table_relation_legend = Tabela da relação {0}
 url_generator_url_notice = Coluna para gerar o URL
 
+url_click_to_copy = Clique para copiar
+
 
 
 
diff --git a/lang/sv_se.lang b/lang/sv_se.lang
index 9edf722..4827b3e 100644
--- a/lang/sv_se.lang
+++ b/lang/sv_se.lang
@@ -92,6 +92,8 @@ url_yform_value_profil = Profil
 url_yform_value_anchor = Ankar-text
 url_yform_value_description = Tillfog länk till frontend, som skapades av URL-Addon:et
 
+url_click_to_copy = Klicka för att kopiera
+
 
 
 

From 18a1459476bbe5ab11ced8e326ae81082a9467ce Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 16 Nov 2025 22:24:59 +0000
Subject: [PATCH 6/6] Address security and accessibility feedback

Co-authored-by: AWqxKAWERbXo <3855487+AWqxKAWERbXo@users.noreply.github.com>
---
 assets/js/backend.js            | 28 ++++++++++++++++------------
 assets/styles.css               |  5 +++++
 fragments/url/profiles/card.php |  6 ++++--
 3 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/assets/js/backend.js b/assets/js/backend.js
index d33ba0b..b79e19e 100644
--- a/assets/js/backend.js
+++ b/assets/js/backend.js
@@ -7,29 +7,37 @@
     'use strict';
 
     $(document).ready(function() {
-        // Add click-to-copy functionality to code elements with data-copy attribute
+        // Add click-to-copy functionality to code elements with data-copy-target attribute
         $('.url-code-copy').on('click', function(e) {
             e.preventDefault();
             
             var $this = $(this);
-            var textToCopy = $this.data('copy');
+            var targetId = $this.data('copy-target');
+            var $textarea = $('#' + targetId);
+            
+            if ($textarea.length === 0) {
+                console.error('Copy target textarea not found:', targetId);
+                return;
+            }
+            
+            var textToCopy = $textarea.val();
             
             // Use the Clipboard API if available, fallback to older method
             if (navigator.clipboard && window.isSecureContext) {
                 navigator.clipboard.writeText(textToCopy).then(function() {
                     showCopyFeedback($this);
                 }).catch(function(err) {
-                    fallbackCopyToClipboard(textToCopy, $this);
+                    fallbackCopyToClipboard($textarea, $this);
                 });
             } else {
-                fallbackCopyToClipboard(textToCopy, $this);
+                fallbackCopyToClipboard($textarea, $this);
             }
         });
         
         // Add keyboard accessibility (Enter or Space to trigger copy)
         $('.url-code-copy').on('keydown', function(e) {
-            // Enter key (13) or Space key (32)
-            if (e.keyCode === 13 || e.keyCode === 32) {
+            // Enter or Space key
+            if (e.key === 'Enter' || e.key === ' ') {
                 e.preventDefault();
                 $(this).trigger('click');
             }
@@ -39,10 +47,8 @@
     /**
      * Fallback copy method for older browsers or non-HTTPS contexts
      */
-    function fallbackCopyToClipboard(text, $element) {
-        var $temp = $('<textarea>');
-        $('body').append($temp);
-        $temp.val(text).select();
+    function fallbackCopyToClipboard($textarea, $element) {
+        $textarea[0].select();
         
         try {
             document.execCommand('copy');
@@ -50,8 +56,6 @@
         } catch (err) {
             console.error('Failed to copy text: ', err);
         }
-        
-        $temp.remove();
     }
     
     /**
diff --git a/assets/styles.css b/assets/styles.css
index 9811d93..87c097b 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -255,6 +255,11 @@
     background-color: rgba(0, 123, 255, 0.1);
 }
 
+.url-code-copy:focus {
+    outline: 2px solid rgba(0, 123, 255, 0.5);
+    outline-offset: 2px;
+}
+
 .url-code-copy.url-copied {
     background-color: rgba(40, 167, 69, 0.2);
 }
diff --git a/fragments/url/profiles/card.php b/fragments/url/profiles/card.php
index 48eb61b..d615560 100644
--- a/fragments/url/profiles/card.php
+++ b/fragments/url/profiles/card.php
@@ -96,9 +96,11 @@ class="btn btn-primary btn-xs pull-right"
 ?>
 				<p class="help-block rex-note" style="font-size: 0.8em;">
 					Aufruf via
-					<code class="url-code-copy" data-copy="rex_getUrl('', '', ['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])" title="<?= rex_i18n::msg('url_click_to_copy') ?>" tabindex="0"><i class="rex-icon fa-copy"></i> rex_getUrl('', '', ['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code>
+					<code class="url-code-copy" data-copy-target="url-copy-<?= $profile['id'] ?>-1" title="<?= rex_i18n::msg('url_click_to_copy') ?>" tabindex="0"><i class="rex-icon fa-copy"></i> rex_getUrl('', '', ['<?= rex_escape($profile['namespace'] ?? '') ?>' => {id}])</code>
+					<textarea id="url-copy-<?= $profile['id'] ?>-1" style="position: absolute; left: -9999px;" aria-hidden="true" tabindex="-1">rex_getUrl('', '', ['<?= rex_escape($profile['namespace'] ?? '') ?>' => {id}])</textarea>
 					oder via Artikel
-					<code class="url-code-copy" data-copy="rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])" title="<?= rex_i18n::msg('url_click_to_copy') ?>" tabindex="0"><i class="rex-icon fa-copy"></i> rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= htmlspecialchars($profile['namespace'] ?? '') ?>' => {id}])</code><br>
+					<code class="url-code-copy" data-copy-target="url-copy-<?= $profile['id'] ?>-2" title="<?= rex_i18n::msg('url_click_to_copy') ?>" tabindex="0"><i class="rex-icon fa-copy"></i> rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= rex_escape($profile['namespace'] ?? '') ?>' => {id}])</code><br>
+					<textarea id="url-copy-<?= $profile['id'] ?>-2" style="position: absolute; left: -9999px;" aria-hidden="true" tabindex="-1">rex_article::get(<?= $article->getId() ?>)->getUrl(['<?= rex_escape($profile['namespace'] ?? '') ?>' => {id}])</textarea>
 
 
 				</p>