diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-05-04 20:52:36 +0300 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-05-12 22:08:28 +0300 |
commit | 2932165f02e5aa9241c080b188a0df9fea297775 (patch) | |
tree | fd2f420ffcd0c518ffa589edc958937ae7eb8a94 /src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue | |
parent | 34354313bb876bc2405bc661af312e0254bdaea2 (diff) | |
download | webui-vue-2932165f02e5aa9241c080b188a0df9fea297775.tar.xz |
Add confirmation modal on local user table
Adds a delete confirmation modal when user attempting batch delete
action from local user table.
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I33f77cb55ceedad8a724a9d3f4b37d12c6d6687e
Diffstat (limited to 'src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue')
-rw-r--r-- | src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue | 45 |
1 files changed, 33 insertions, 12 deletions
diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue index 4ae9bb4a..3143c148 100644 --- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue +++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue @@ -185,7 +185,7 @@ export default { { value: 'delete', enabled: user.UserName === 'root' ? false : true, - title: this.$t('pageLocalUserManagement.deleteUser') + title: this.$tc('pageLocalUserManagement.deleteUser') } ], ...user @@ -221,8 +221,8 @@ export default { user: user.username }), { - title: this.$t('pageLocalUserManagement.deleteUser'), - okTitle: this.$t('pageLocalUserManagement.deleteUser') + title: this.$tc('pageLocalUserManagement.deleteUser'), + okTitle: this.$tc('pageLocalUserManagement.deleteUser') } ) .then(deleteConfirmed => { @@ -262,15 +262,36 @@ export default { this.startLoader(); switch (action) { case 'delete': - this.$store - .dispatch('localUsers/deleteUsers', this.selectedRows) - .then(messages => { - messages.forEach(({ type, message }) => { - if (type === 'success') this.successToast(message); - if (type === 'error') this.errorToast(message); - }); - }) - .finally(() => this.endLoader()); + this.$bvModal + .msgBoxConfirm( + this.$tc( + 'pageLocalUserManagement.modal.batchDeleteConfirmMessage', + this.selectedRows.length + ), + { + title: this.$tc( + 'pageLocalUserManagement.deleteUser', + this.selectedRows.length + ), + okTitle: this.$tc( + 'pageLocalUserManagement.deleteUser', + this.selectedRows.length + ) + } + ) + .then(deleteConfirmed => { + if (deleteConfirmed) { + this.$store + .dispatch('localUsers/deleteUsers', this.selectedRows) + .then(messages => { + messages.forEach(({ type, message }) => { + if (type === 'success') this.successToast(message); + if (type === 'error') this.errorToast(message); + }); + }) + .finally(() => this.endLoader()); + } + }); break; case 'enable': this.$store |