From d8c71c00c2e98703b6e33ca1f9c87966dfb21805 Mon Sep 17 00:00:00 2001
From: Konstantin Aladyshev <aladyshev22@gmail.com>
Date: Wed, 15 Feb 2023 12:49:11 +0000
Subject: Add button to clear POST code logs

Utilize '#LogService.ClearLog' action to provide a possibility for the
user to clear POST code logs.

Change-Id: Iadd94b9ebc93bc81b13ee979962103587c939fc7
Signed-off-by: Konstantin Aladyshev <aladyshev22@gmail.com>
---
 src/views/Logs/PostCodeLogs/PostCodeLogs.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

(limited to 'src/views/Logs/PostCodeLogs')

diff --git a/src/views/Logs/PostCodeLogs/PostCodeLogs.vue b/src/views/Logs/PostCodeLogs/PostCodeLogs.vue
index d116d2ed..a68047b3 100644
--- a/src/views/Logs/PostCodeLogs/PostCodeLogs.vue
+++ b/src/views/Logs/PostCodeLogs/PostCodeLogs.vue
@@ -21,6 +21,13 @@
     </b-row>
     <b-row>
       <b-col xl="12" class="text-right">
+        <b-button
+          variant="link"
+          :disabled="allLogs.length === 0"
+          @click="deleteAllLogs"
+        >
+          <icon-delete /> {{ $t('global.action.deleteAll') }}
+        </b-button>
         <b-button
           variant="primary"
           :disabled="allLogs.length === 0"
@@ -148,6 +155,7 @@
 </template>
 
 <script>
+import IconDelete from '@carbon/icons-vue/es/trash-can/20';
 import IconDownload from '@carbon/icons-vue/es/download/20';
 import IconExport from '@carbon/icons-vue/es/document--export/20';
 import { omit } from 'lodash';
@@ -181,6 +189,7 @@ import SearchFilterMixin, {
 
 export default {
   components: {
+    IconDelete,
     IconExport,
     IconDownload,
     PageTitle,
@@ -305,6 +314,23 @@ export default {
     });
   },
   methods: {
+    deleteAllLogs() {
+      this.$bvModal
+        .msgBoxConfirm(this.$t('pageEventLogs.modal.deleteAllMessage'), {
+          title: this.$t('pageEventLogs.modal.deleteAllTitle'),
+          okTitle: this.$t('global.action.delete'),
+          okVariant: 'danger',
+          cancelTitle: this.$t('global.action.cancel'),
+        })
+        .then((deleteConfirmed) => {
+          if (deleteConfirmed) {
+            this.$store
+              .dispatch('postCodeLogs/deleteAllPostCodeLogs', this.allLogs)
+              .then((message) => this.successToast(message))
+              .catch(({ message }) => this.errorToast(message));
+          }
+        });
+    },
     exportAllLogsString() {
       {
         return this.$store.getters['postCodeLogs/allPostCodes'].map(
-- 
cgit v1.2.3