# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1544610287 -3600
# Node ID ad3a19e222bb83cae4489a44fc76fcd54937a5d9
# Parent  70421380142dccda30c7dcb751aa0cbf1d4243f4
importqueue: loading indicator

diff -r 70421380142d -r ad3a19e222bb client/src/components/importqueue/Importqueuedetail.vue
--- a/client/src/components/importqueue/Importqueuedetail.vue	Wed Dec 12 09:59:33 2018 +0100
+++ b/client/src/components/importqueue/Importqueuedetail.vue	Wed Dec 12 11:24:47 2018 +0100
@@ -26,7 +26,12 @@
           fixed-width
         ></font-awesome-icon>
         <font-awesome-icon
-          v-else
+          v-if="loading"
+          icon="spinner"
+          fixed-width
+        ></font-awesome-icon>
+        <font-awesome-icon
+          v-if="!show && !loading"
           icon="angle-down"
           fixed-width
         ></font-awesome-icon>
@@ -102,6 +107,7 @@
   props: ["job"],
   data() {
     return {
+      loading: false,
       show: false,
       entries: [],
       sortAsc: true
@@ -123,6 +129,7 @@
         return;
       }
       if (this.entries.length === 0) {
+        this.loading = true;
         HTTP.get("/imports/" + id, {
           headers: { "X-Gemma-Auth": localStorage.getItem("token") }
         })
@@ -130,6 +137,7 @@
             const { entries } = response.data;
             this.entries = entries;
             this.show = true;
+            this.loading = false;
           })
           .catch(error => {
             const { status, data } = error.response;