From 410578537f7ca6dd76aa406b440b0a435606c448 Mon Sep 17 00:00:00 2001
From: Kenneth Fullbright <kennyneedsmilky@gmail.com>
Date: Mon, 27 Dec 2021 16:19:37 -0600
Subject: Set table busy state on load

- Add busy prop to tables

Signed-off-by: Kenneth Fullbright <kennyneedsmilky@gmail.com>
Change-Id: I4416f12967c9a0ad6c8bb782c7d8de5c17fdd195
---
 src/views/SecurityAndAccess/Certificates/Certificates.vue     | 9 ++++++---
 src/views/SecurityAndAccess/Ldap/TableRoleGroups.vue          | 6 +++++-
 src/views/SecurityAndAccess/Sessions/Sessions.vue             | 9 ++++++---
 src/views/SecurityAndAccess/UserManagement/UserManagement.vue | 9 ++++++---
 4 files changed, 23 insertions(+), 10 deletions(-)

(limited to 'src/views/SecurityAndAccess')

diff --git a/src/views/SecurityAndAccess/Certificates/Certificates.vue b/src/views/SecurityAndAccess/Certificates/Certificates.vue
index 9d208897..0113b80a 100644
--- a/src/views/SecurityAndAccess/Certificates/Certificates.vue
+++ b/src/views/SecurityAndAccess/Certificates/Certificates.vue
@@ -57,6 +57,7 @@
           responsive="md"
           show-empty
           hover
+          :busy="isBusy"
           :fields="fields"
           :items="tableItems"
           :empty-text="$t('global.table.emptyMessage')"
@@ -133,6 +134,7 @@ export default {
   },
   data() {
     return {
+      isBusy: true,
       modalCertificate: null,
       fields: [
         {
@@ -214,9 +216,10 @@ export default {
   async created() {
     this.startLoader();
     await this.$store.dispatch('global/getBmcTime');
-    this.$store
-      .dispatch('certificates/getCertificates')
-      .finally(() => this.endLoader());
+    this.$store.dispatch('certificates/getCertificates').finally(() => {
+      this.endLoader();
+      this.isBusy = false;
+    });
   },
   methods: {
     onTableRowAction(event, rowItem) {
diff --git a/src/views/SecurityAndAccess/Ldap/TableRoleGroups.vue b/src/views/SecurityAndAccess/Ldap/TableRoleGroups.vue
index 6e231110..5ae3e3d1 100644
--- a/src/views/SecurityAndAccess/Ldap/TableRoleGroups.vue
+++ b/src/views/SecurityAndAccess/Ldap/TableRoleGroups.vue
@@ -37,6 +37,7 @@
           hover
           no-sort-reset
           sort-icon-left
+          :busy="isBusy"
           :items="tableItems"
           :fields="fields"
           :empty-text="$t('global.table.emptyMessage')"
@@ -121,6 +122,7 @@ export default {
   mixins: [BVTableSelectableMixin, BVToastMixin, LoadingBarMixin],
   data() {
     return {
+      isBusy: true,
       activeRoleGroup: null,
       fields: [
         {
@@ -179,7 +181,9 @@ export default {
     },
   },
   created() {
-    this.$store.dispatch('userManagement/getAccountRoles');
+    this.$store.dispatch('userManagement/getAccountRoles').finally(() => {
+      this.isBusy = false;
+    });
   },
   methods: {
     onBatchAction() {
diff --git a/src/views/SecurityAndAccess/Sessions/Sessions.vue b/src/views/SecurityAndAccess/Sessions/Sessions.vue
index 9782e7f2..07ee725d 100644
--- a/src/views/SecurityAndAccess/Sessions/Sessions.vue
+++ b/src/views/SecurityAndAccess/Sessions/Sessions.vue
@@ -36,6 +36,7 @@
           hover
           show-empty
           sort-by="clientID"
+          :busy="isBusy"
           :fields="fields"
           :items="allConnections"
           :filter="searchFilter"
@@ -158,6 +159,7 @@ export default {
   },
   data() {
     return {
+      isBusy: true,
       fields: [
         {
           key: 'checkbox',
@@ -217,9 +219,10 @@ export default {
   },
   created() {
     this.startLoader();
-    this.$store
-      .dispatch('sessions/getSessionsData')
-      .finally(() => this.endLoader());
+    this.$store.dispatch('sessions/getSessionsData').finally(() => {
+      this.endLoader();
+      this.isBusy = false;
+    });
   },
   methods: {
     onFiltered(filteredItems) {
diff --git a/src/views/SecurityAndAccess/UserManagement/UserManagement.vue b/src/views/SecurityAndAccess/UserManagement/UserManagement.vue
index 015fee91..c6c556c8 100644
--- a/src/views/SecurityAndAccess/UserManagement/UserManagement.vue
+++ b/src/views/SecurityAndAccess/UserManagement/UserManagement.vue
@@ -33,6 +33,7 @@
           show-empty
           no-select-on-click
           hover
+          :busy="isBusy"
           :fields="fields"
           :items="tableItems"
           :empty-text="$t('global.table.emptyMessage')"
@@ -155,6 +156,7 @@ export default {
   },
   data() {
     return {
+      isBusy: true,
       activeUser: null,
       fields: [
         {
@@ -237,9 +239,10 @@ export default {
   },
   created() {
     this.startLoader();
-    this.$store
-      .dispatch('userManagement/getUsers')
-      .finally(() => this.endLoader());
+    this.$store.dispatch('userManagement/getUsers').finally(() => {
+      this.endLoader();
+      this.isBusy = false;
+    });
     this.$store.dispatch('userManagement/getAccountSettings');
     this.$store.dispatch('userManagement/getAccountRoles');
   },
-- 
cgit v1.2.3