Add a confirmation modal for disabling users

Add a confirmation modal in the user management table when users
are disabled.

Change-Id: I06bb1c96abdc7fa895aec2fe2025e9039577ae1d
Signed-off-by: Farah Rasheed <Farah.Rasheed1@dell.com>
Signed-off-by: Surya Venkatesan <suryav@ami.com>
diff --git a/src/views/SecurityAndAccess/UserManagement/UserManagement.vue b/src/views/SecurityAndAccess/UserManagement/UserManagement.vue
index 81b5d99..cfe04a6 100644
--- a/src/views/SecurityAndAccess/UserManagement/UserManagement.vue
+++ b/src/views/SecurityAndAccess/UserManagement/UserManagement.vue
@@ -364,16 +364,39 @@
             .finally(() => this.endLoader());
           break;
         case 'disable':
-          this.startLoader();
-          this.$store
-            .dispatch('userManagement/disableUsers', 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(
+              i18n.global.t(
+                'pageUserManagement.modal.batchDisableConfirmMessage',
+                this.selectedRows.length,
+              ),
+              {
+                title: i18n.global.t(
+                  'pageUserManagement.disableUser',
+                  this.selectedRows.length,
+                ),
+                okTitle: i18n.global.t(
+                  'pageUserManagement.disableUser',
+                  this.selectedRows.length,
+                ),
+                cancelTitle: i18n.global.t('global.action.cancel'),
+                autoFocusButton: 'ok',
+              },
+            )
+            .then((disableConfirmed) => {
+              if (disableConfirmed) {
+                this.startLoader();
+                this.$store
+                  .dispatch('userManagement/disableUsers', this.selectedRows)
+                  .then((messages) => {
+                    messages.forEach(({ type, message }) => {
+                      if (type === 'success') this.successToast(message);
+                      if (type === 'error') this.errorToast(message);
+                    });
+                  })
+                  .finally(() => this.endLoader());
+              }
+            });
           break;
       }
     },