Mercurial > gemma
changeset 1561:ad3a19e222bb
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;