From 8a149201a5a3ba29174464872dc07230827cfc21 Mon Sep 17 00:00:00 2001
From: marcsello <punkosdmarcell@rocketmail.com>
Date: Mon, 9 Aug 2021 17:45:45 +0200
Subject: [PATCH] Added table busy animation

---
 src/views/Models.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/Models.vue b/src/views/Models.vue
index 929185a..ca53ecf 100644
--- a/src/views/Models.vue
+++ b/src/views/Models.vue
@@ -3,12 +3,19 @@
     <b-col>
       <b-table striped hover :items="models" :fields="fields" :tbody-tr-class="rowClass" :busy="actionPending">
 
-        <!-- A virtual composite column -->
+        <!-- A virtual column -->
         <template #cell(actions)="data">
           <b-button class="mx-1" size="sm" variant="primary" @click="actionInfo(data.id)"><b-icon icon="info"/></b-button>
           <b-button class="mx-1" size="sm" variant="danger" @click="actionDelete(data.id)"><b-icon icon="trash"/></b-button>
         </template>
 
+        <template #table-busy>
+          <div class="text-center my-2">
+            <b-spinner class="align-middle mx-2"/>
+            <strong>Loading...</strong>
+          </div>
+        </template>
+
       </b-table>
     </b-col>
   </b-row>