[REF] runbot: rewrite copy button

Author: pparidans

runbot/__manifest__.py

@@ -83,9 +83,6 @@
             'runbot/static/lib/jquery/jquery.js',
             'runbot/static/lib/bootstrap/js/bootstrap.bundle.js',
 
-            # legacy
-            'runbot/static/src/js/runbot.js',
-
             # module loader
             'web/static/src/module_loader.js',
             'runbot/static/src/public/**/*',

runbot/static/src/js/runbot.js

@@ -7,6 +7,9 @@ export class Runbot extends DelegatedInteractionLite {
         "[data-runbot]": {
             "t-on-click.prevent": this.onDataRunbotClick,
         },
+        "[data-clipboard-copy]": {
+            "t-on-click": this.onClipboardCopy,
+        },
     };
 
     async onDataRunbotClick({ delegatedTarget }) {
@@ -36,4 +39,12 @@ export class Runbot extends DelegatedInteractionLite {
                 window.location.reload();
         }
     }
+
+    onClipboardCopy({ delegatedTarget }) {
+        if (!navigator.clipboard) {
+            console.warn("Clipboard not supported");
+            return;
+        }
+        navigator.clipboard.writeText(delegatedTarget.dataset.clipboardCopy);
+    }
 }

runbot/static/src/public/runbot.js

@@ -423,7 +423,7 @@
         </template>
 
         <template id="runbot.branch_copy_button">
-            <button t-attf-class="btn btn-default {{btn_size or 'btn-ssm'}}" title="Copy Bundle name" aria-label="Copy Bundle name" t-attf-onclick="copyToClipboard('{{ bundle.name.split(':')[-1] }}')">
+            <button t-attf-class="btn btn-default {{btn_size or 'btn-ssm'}}" title="Copy Bundle name" aria-label="Copy Bundle name" t-att-data-clipboard-copy="bundle.name.split(':')[-1]">
               <i t-attf-class="fa fa-clipboard"/>
             </button>
         </template>