Merge pull request #197 from coroot/agent_installation_fix1

ui: fix the `copy to clipboard` button
coroot · Apr 17, 2024 · e01f91a · e01f91a
2 parents 5254b38 + b9a0b57
commit e01f91a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/front/src/components/Code.vue b/front/src/components/Code.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="code">
+    <div ref="code" class="code">
         <v-btn icon small dark class="copy" @click="copy" :disabled="disabled">
             <v-icon small>{{ icon }}</v-icon>
         </v-btn>
@@ -29,11 +29,20 @@ export default {
 
     methods: {
         copy() {
-            navigator.clipboard.writeText(this.$refs.body.innerText.trim());
-            this.copied = true;
-            setTimeout(() => {
-                this.copied = false;
-            }, 1000);
+            const textarea = document.createElement('textarea');
+            this.$refs.code.appendChild(textarea);
+            textarea.value = this.$refs.body.innerText.trim();
+            textarea.focus();
+            textarea.select();
+            try {
+                document.execCommand('copy');
+                this.copied = true;
+                setTimeout(() => {
+                    this.copied = false;
+                }, 3000);
+            } finally {
+                this.$refs.code.removeChild(textarea);
+            }
         },
     },
 };

diff --git a/front/src/views/AgentInstallation.vue b/front/src/views/AgentInstallation.vue
@@ -117,10 +117,11 @@ export default {
     components: { Code },
 
     data() {
+        const local = ['127.0.0.1', 'localhost'].some((v) => location.origin.includes(v));
         return {
             dialog: false,
             tab: null,
-            coroot_url: '',
+            coroot_url: !local ? location.origin : '',
             scrape_interval: '15s',
             valid: false,
         };