From aff5a655e2a1c34d0eb0f42bdf876a91e3750779 Mon Sep 17 00:00:00 2001
From: Emmy Leke <emmy.leke@planetcrust.com>
Date: Thu, 22 Dec 2022 16:57:35 +0100
Subject: [PATCH] Add spinner when loading actionlog in admin

---
 client/web/admin/src/views/System/Actionlog/Index.vue | 11 +++++++++--
 locale/en/corteza-webapp-admin/system.actionlog.yaml  |  1 +
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/client/web/admin/src/views/System/Actionlog/Index.vue b/client/web/admin/src/views/System/Actionlog/Index.vue
index 157202bce..121fec281 100644
--- a/client/web/admin/src/views/System/Actionlog/Index.vue
+++ b/client/web/admin/src/views/System/Actionlog/Index.vue
@@ -98,6 +98,7 @@
         hover
         class="mb-0 small"
         head-variant="light"
+        :busy="processing"
         :items="items"
         :fields="fields"
         tbody-tr-class="pointer"
@@ -109,11 +110,10 @@
           <div class="text-center m-5">
             <div>
               <b-spinner
-                small
                 class="align-middle m-2"
               />
             </div>
-            <div>{{ $t('loading') }}</div>
+            {{ $t('loading') }}
           </div>
         </template>
         <template #cell(timestamp)="{ item: a }">
@@ -321,6 +321,8 @@ export default {
     return {
       id: 'actionlog',
 
+      processing: true,
+
       filter: {
         from: undefined,
         to: undefined,
@@ -433,10 +435,15 @@ export default {
         this.$delete(this.filter, 'resource')
       }
 
+      this.processing = true
+
       this.procListResults(this.$SystemAPI.actionlogList({ ...this.filter, ...this.pagination }))
         .then(rr => {
           this.items.push(...rr)
         })
+        .finally(() => {
+          this.processing = false
+        })
     }, 300),
 
     // Resets pagination & sorting and adds filtering params for drill-down
diff --git a/locale/en/corteza-webapp-admin/system.actionlog.yaml b/locale/en/corteza-webapp-admin/system.actionlog.yaml
index d1567d160..0626e0b09 100644
--- a/locale/en/corteza-webapp-admin/system.actionlog.yaml
+++ b/locale/en/corteza-webapp-admin/system.actionlog.yaml
@@ -7,6 +7,7 @@ list:
     resource: Resource
     severity: Severity
     timestamp: Timestamp
+  loading: Loading actions
   details:
     id: 'ID'
     header: 'Details'