Kopierfähige URL-Aufrufe (rex_getUrl('', '', ['warehouse-article-id' => {id}])) und Schlüssel

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;
+}

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
+
+            var feedback = $('<span class="url-copy-feedback url-copy-feedback-error">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>