Mercurial > gemma

changeset 1561:ad3a19e222bb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
importqueue: loading indicator
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 12 Dec 2018 11:24:47 +0100
parents 70421380142d
children 7ac802add1b9
files client/src/components/importqueue/Importqueuedetail.vue
diffstat 1 files changed, 9 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- 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;