commit a87f3e75a6a66937fd27047c0065a9aa9846abee
author Yoshie Muranaka <yoshiemuranaka@gmail.com> Mon Jan 04 14:08:04 2021 -0800
committer Derick Montague <derick.montague@ibm.com> Wed Jan 20 17:55:12 2021 +0000
tree 5481832bbfa223dab4cf8f3a877427e2e7906982
parent b31a448dc9d6d153b33e2a8616f1626d376a6ee0

Add ability to downlad dump

- Adds download row action in bmc dumps table
- Adds new rowAction download type to support <a> tag with
  download attribute

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I97fd70e6a6783d4336ca1a8486cf1cd3062ebb5d

src/components/Global/TableRowAction.vue

diff --git a/src/components/Global/TableRowAction.vue b/src/components/Global/TableRowAction.vue
index 94ef6ce..5b2c4a9 100644
--- a/src/components/Global/TableRowAction.vue
+++ b/src/components/Global/TableRowAction.vue
@@ -12,6 +12,18 @@
         {{ $t('global.action.export') }}
       </slot>
     </b-link>
+    <b-link
+      v-else-if="value === 'download'"
+      class="align-bottom btn-icon-only py-0 btn-link"
+      :download="exportName"
+      :href="downloadLocation"
+      :title="title"
+    >
+      <slot name="icon" />
+      <span class="sr-only">
+        {{ $t('global.action.download') }}
+      </span>
+    </b-link>
     <b-button
       v-else
       variant="link"
@@ -54,6 +66,10 @@
       type: String,
       default: 'export',
     },
+    downloadLocation: {
+      type: String,
+      default: '',
+    },
   },
   computed: {
     dataForExport() {

src/env/components/Dumps/Dumps.vue

diff --git a/src/env/components/Dumps/Dumps.vue b/src/env/components/Dumps/Dumps.vue
index 3bf5579..8181c5b 100644
--- a/src/env/components/Dumps/Dumps.vue
+++ b/src/env/components/Dumps/Dumps.vue
@@ -91,9 +91,12 @@
                 :key="index"
                 :value="action.value"
                 :title="action.title"
+                :download-location="row.item.data"
+                :export-name="`${row.item.dumpType} ${row.item.id}`"
                 @click-table-action="onTableRowAction($event, row.item)"
               >
                 <template #icon>
+                  <icon-download v-if="action.value === 'download'" />
                   <icon-delete v-if="action.value === 'delete'" />
                 </template>
               </table-row-action>
@@ -107,6 +110,7 @@
 
 <script>
 import IconDelete from '@carbon/icons-vue/es/trash-can/20';
+import IconDownload from '@carbon/icons-vue/es/download/20';
 
 import DumpsForm from './DumpsForm';
 import PageSection from '@/components/Global/PageSection';
@@ -133,6 +137,7 @@
   components: {
     DumpsForm,
     IconDelete,
+    IconDownload,
     PageSection,
     PageTitle,
     Search,
@@ -213,6 +218,10 @@
           ...item,
           actions: [
             {
+              value: 'download',
+              title: this.$t('global.action.download'),
+            },
+            {
               value: 'delete',
               title: this.$t('global.action.delete'),
             },