diff options
author | Konstantin Aladyshev <aladyshev22@gmail.com> | 2023-02-15 15:49:11 +0300 |
---|---|---|
committer | Sandeepa Singh <sandeepa.singh@ibm.com> | 2023-02-21 14:38:29 +0300 |
commit | d8c71c00c2e98703b6e33ca1f9c87966dfb21805 (patch) | |
tree | d614e67e0c594d0830abbd08f2d9793fea26aee7 /src/views/Logs/PostCodeLogs/PostCodeLogs.vue | |
parent | b89eed27d5b1bc60a46ce88ab1322e12137425b2 (diff) | |
download | webui-vue-d8c71c00c2e98703b6e33ca1f9c87966dfb21805.tar.xz |
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>
Diffstat (limited to 'src/views/Logs/PostCodeLogs/PostCodeLogs.vue')
-rw-r--r-- | src/views/Logs/PostCodeLogs/PostCodeLogs.vue | 26 |
1 files changed, 26 insertions, 0 deletions
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 @@ -22,6 +22,13 @@ <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" :download="exportFileNameByDate()" @@ -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( |