feat(UI): Change output link for button + add space between number an…

…d 'download' close #1769
kestra-io · Jul 18, 2023 · b507bd2 · b507bd2
1 parent 45146c5
commit b507bd2
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/ui/src/components/executions/VarValue.vue b/ui/src/components/executions/VarValue.vue
@@ -1,14 +1,15 @@
 <template>
-    <el-link
+    <el-button
         v-if="isFile(value)"
         :icon="Download"
-        target="_blank"
+        @click="download(value)"
         type="primary"
-        :href="itemUrl(value)"
     >
-        {{ $t('download') }}
-        <span v-if="humanSize">({{ humanSize }})</span>
-    </el-link>
+        <span>
+            {{ $t('download') }}
+            <span v-if="humanSize">({{ humanSize }})</span>
+        </span>
+    </el-button>
     <span v-else>
         {{ value }}
     </span>
@@ -35,6 +36,10 @@
             itemUrl(value) {
                 return `${apiRoot}executions/${this.execution.id}/file?path=${value}`;
             },
+            download(value) {
+                const url = this.itemUrl(value);
+                window.open(url, "_blank");
+            }
 
         },
         created() {