use core copy function

Author: alxndr-w

assets/redactor.js

@@ -22,42 +22,5 @@ $(document).on('rex:ready',function(event, container) {
             }
         }
     })
-    
-    document.querySelectorAll('div[data-redactor-copy-yform]').forEach(function(el) {
-        el.addEventListener('click', data_redactor_copy_yform)
-    })
-    document.querySelectorAll('div[data-redactor-copy-generic]').forEach(function(el) {
-        el.addEventListener('click', data_redactor_copy_generic)
-    })
 
 });
-
-function data_redactor_copy_yform(event) {
-    // Holt das aktuelle Element, auf das geklickt wurde
-    var element = event.currentTarget;
-    // Fügt die Klasse "copied" zum aktuellen Element hinzu
-    element.classList.add('copied');
-    // Sucht das icon-Element im aktuellen Element
-    var iconElement = element.querySelector('i');
-    // Entfernt die Klasse "fa-clone" vom i-Element
-    iconElement.classList.remove('fa-clone');
-    // Fügt die Klasse "fa-check" zum i-Element hinzu
-    iconElement.classList.add('fa-check');
-    // Kopiert den Wert des data-wildcard-copy Attributs in die Zwischenablage
-    navigator.clipboard.writeText(element.getAttribute('data-redactor-copy-yform'));
-};
-
-function data_redactor_copy_generic(event) {
-    // Holt das aktuelle Element, auf das geklickt wurde
-    var element = event.currentTarget;
-    // Fügt die Klasse "copied" zum aktuellen Element hinzu
-    element.classList.add('copied');
-    // Sucht das icon-Element im aktuellen Element
-    var iconElement = element.querySelector('i');
-    // Entfernt die Klasse "fa-clone" vom i-Element
-    iconElement.classList.remove('fa-clone');
-    // Fügt die Klasse "fa-check" zum i-Element hinzu
-    iconElement.classList.add('fa-check');
-    // Kopiert den Wert des data-wildcard-copy Attributs in die Zwischenablage
-    navigator.clipboard.writeText(element.getAttribute('data-redactor-copy-generic'));
-};

pages/profile.php

@@ -139,11 +139,14 @@
     $list->setColumnFormat('selector', 'custom', static function ($params) {
 
         $yform_code = '{"class":"form-control '.substr($params['list']->getValue('selector'), 1).'"}';
-        // remove first character of list selector
+
         $selector = substr($params['list']->getValue('selector'), 1);
         $generic_code = ''.$params['list']->getValue('selector').'';
-        $return = '<div class="text-nowrap" data-redactor-copy-generic="'.htmlspecialchars($generic_code).'" role="button"> <i class="rex-icon fa-clone"></i> <code>'.$generic_code.'</code></div>';
-        $return .= '<div class="text-nowrap" data-redactor-copy-yform="'.htmlspecialchars($yform_code).'" role="button"> <i class="rex-icon fa-clone"></i> <code>'.$yform_code.'</code></div>';
+        $return = '';
+        $return .= '<clipboard-copy for="redactor-generic-'.$params['list']->getValue('id').'" class="btn btn-copy btn-text"><i class="rex-icon fa-clone"></i> <code>'.$generic_code.'</code></clipboard-copy>';
+        $return .= '<div class="hidden" id="redactor-generic-'.$params['list']->getValue('id').'"><code>'.$generic_code.'</code></div>';
+        $return .= '<br><clipboard-copy for="redactor-yform-'.$params['list']->getValue('id').'" class="btn btn-copy btn-text"><i class="rex-icon fa-clone"></i> <code>'.$yform_code.'</code></clipboard-copy>';
+        $return .= '<div class="hidden" id="redactor-yform-'.$params['list']->getValue('id').'"><code>'.$yform_code.'</code></div>';
 
         return $return;