commit 410578537f7ca6dd76aa406b440b0a435606c448
author Kenneth Fullbright <kennyneedsmilky@gmail.com> Mon Dec 27 16:19:37 2021 -0600
committer Dixsie Wolmers <dixsiew@gmail.com> Fri Feb 04 14:28:46 2022 +0000
tree 6a2530310fc5cbfdd70905af6a49e8bf176a4a16
parent b86f4152ba832ba92a2607c30037d5f818058120

Set table busy state on load

- Add busy prop to tables

Signed-off-by: Kenneth Fullbright <kennyneedsmilky@gmail.com>
Change-Id: I4416f12967c9a0ad6c8bb782c7d8de5c17fdd195

src/views/Logs/Dumps/Dumps.vue

diff --git a/src/views/Logs/Dumps/Dumps.vue b/src/views/Logs/Dumps/Dumps.vue
index 179a503..81c9de0 100644
--- a/src/views/Logs/Dumps/Dumps.vue
+++ b/src/views/Logs/Dumps/Dumps.vue
@@ -59,8 +59,9 @@
             :empty-text="$t('global.table.emptyMessage')"
             :empty-filtered-text="$t('global.table.emptySearchMessage')"
             :filter="searchFilter"
-            @filtered="onFiltered"
-            @row-selected="onRowSelected($event, filteredDumps.length)"
+            :busy="isBusy"
+            @filtered="onChangeSearchFilter"
+            @row-selected="onRowSelected($event, filteredTableItems.length)"
           >
             <!-- Checkbox column -->
             <template #head(checkbox)>
@@ -201,6 +202,7 @@
   },
   data() {
     return {
+      isBusy: true,
       fields: [
         {
           key: 'checkbox',
@@ -304,7 +306,10 @@
   },
   created() {
     this.startLoader();
-    this.$store.dispatch('dumps/getAllDumps').finally(() => this.endLoader());
+    this.$store.dispatch('dumps/getBmcDumpEntries').finally(() => {
+      this.endLoader();
+      this.isBusy = false;
+    });
   },
   methods: {
     convertBytesToMegabytes(bytes) {

src/views/Logs/EventLogs/EventLogs.vue

diff --git a/src/views/Logs/EventLogs/EventLogs.vue b/src/views/Logs/EventLogs/EventLogs.vue
index fb5458f..9487211 100644
--- a/src/views/Logs/EventLogs/EventLogs.vue
+++ b/src/views/Logs/EventLogs/EventLogs.vue
@@ -82,6 +82,7 @@
           :per-page="perPage"
           :current-page="currentPage"
           :filter="searchFilter"
+          :busy="isBusy"
           @filtered="onFiltered"
           @row-selected="onRowSelected($event, filteredLogs.length)"
         >
@@ -314,6 +315,7 @@
   },
   data() {
     return {
+      isBusy: true,
       fields: [
         {
           key: 'expandRow',
@@ -434,9 +436,10 @@
   },
   created() {
     this.startLoader();
-    this.$store
-      .dispatch('eventLog/getEventLogData')
-      .finally(() => this.endLoader());
+    this.$store.dispatch('eventLog/getEventLogData').finally(() => {
+      this.endLoader();
+      this.isBusy = false;
+    });
   },
   methods: {
     changelogStatus(row) {

src/views/Logs/PostCodeLogs/PostCodeLogs.vue

diff --git a/src/views/Logs/PostCodeLogs/PostCodeLogs.vue b/src/views/Logs/PostCodeLogs/PostCodeLogs.vue
index 6ef575e..d116d2e 100644
--- a/src/views/Logs/PostCodeLogs/PostCodeLogs.vue
+++ b/src/views/Logs/PostCodeLogs/PostCodeLogs.vue
@@ -64,6 +64,7 @@
           :per-page="perPage"
           :current-page="currentPage"
           :filter="searchFilter"
+          :busy="isBusy"
           @filtered="onFiltered"
           @row-selected="onRowSelected($event, filteredLogs.length)"
         >
@@ -208,6 +209,7 @@
   },
   data() {
     return {
+      isBusy: true,
       fields: [
         {
           key: 'checkbox',
@@ -297,9 +299,10 @@
   },
   created() {
     this.startLoader();
-    this.$store
-      .dispatch('postCodeLogs/getPostCodesLogData')
-      .finally(() => this.endLoader());
+    this.$store.dispatch('postCodeLogs/getPostCodesLogData').finally(() => {
+      this.endLoader();
+      this.isBusy = false;
+    });
   },
   methods: {
     exportAllLogsString() {