changeset 2619:eb1ec926ff97

client: importoverview2: added refresh button
author Markus Kottlaender <markus@intevation.de>
date Wed, 13 Mar 2019 14:59:49 +0100
parents 655c1db641b7
children 78f75e99f9c5
files client/src/components/importoverview/ImportOverviewAlt.vue
diffstat 1 files changed, 11 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/ImportOverviewAlt.vue	Wed Mar 13 14:52:25 2019 +0100
+++ b/client/src/components/importoverview/ImportOverviewAlt.vue	Wed Mar 13 14:59:49 2019 +0100
@@ -8,6 +8,10 @@
     <div class="p-2 d-flex flex-row flex-fill justify-content-between">
       <Filters></Filters>
       <div>
+        <button class="btn btn-sm btn-info mr-1" @click="loadLogs()">
+          <font-awesome-icon icon="spinner" spin v-if="loading" />
+          <font-awesome-icon icon="redo" v-else />
+        </button>
         <button class="btn btn-sm btn-info" :disabled="!reviewed.length">
           <translate>Commit</translate> {{ reviewed.length }}
         </button>
@@ -46,15 +50,21 @@
     Filters: () => import("./Filters.vue"),
     LogEntry: () => import("./LogEntry.vue")
   },
+  data() {
+    return {
+      loading: false
+    };
+  },
   computed: {
     ...mapState("imports", ["imports", "filters", "reviewed"])
   },
   methods: {
     loadLogs() {
+      this.loading = true;
       this.$store
         .dispatch("imports/getImports")
         .then(() => {
-          this.reload = false;
+          this.loading = false;
         })
         .catch(error => {
           const { status, data } = error.response;