diff client/src/components/importconfiguration/Import.vue @ 2974:e161e1ffb6b5 unified_import

unified_imports: AGM moved to new interface
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 08 Apr 2019 16:44:15 +0200
parents 6f351e00e579
children 2a29bf8776d0
line wrap: on
line diff
--- a/client/src/components/importconfiguration/Import.vue	Mon Apr 08 15:50:38 2019 +0200
+++ b/client/src/components/importconfiguration/Import.vue	Mon Apr 08 16:44:15 2019 +0200
@@ -61,15 +61,15 @@
     <div class="d-flex flex-row-reverse w-100 mb-3">
       <button
         :key="1"
-        v-if="mode === $options.MODES.EDIT"
-        @click="mode = $options.MODES.LIST"
+        v-if="mode === $options.MODES.EDIT && !isOnetime"
+        @click="back()"
         class="btn btn-warning mr-3"
       >
         Back
       </button>
       <button
         :key="2"
-        v-if="mode === $options.MODES.EDIT"
+        v-if="mode === $options.MODES.EDIT && !isOnetime"
         type="submit"
         class="shadow-sm btn btn-info submit-button  mr-3"
       >
@@ -77,14 +77,18 @@
       </button>
       <button
         :key="3"
-        v-if="mode === $options.MODES.LIST"
+        v-if="mode === $options.MODES.LIST && !isOnetime"
         @click="newConfiguration()"
         class="btn btn-info mr-3"
       >
         <translate>New import</translate>
       </button>
       <button
-        v-if="mode === $options.MODES.EDIT && !isOnetime"
+        v-if="
+          mode === $options.MODES.EDIT &&
+            currentSchedule.importType &&
+            !isOnetime
+        "
         @click="triggerManualImport"
         type="button"
         class="shadow-sm btn btn-outline-info trigger mr-auto ml-3"
@@ -117,7 +121,8 @@
 import { displayInfo, displayError } from "@/lib/errors";
 import { HTTP } from "@/lib/http";
 import {
-  IMPORTTYPES
+  IMPORTTYPES,
+  MODES
   // IMPORTTYPEKIND,
   // initializeCurrentSchedule
 } from "@/store/importschedule";
@@ -130,13 +135,15 @@
     return {
       loading: false,
       sortColumn: "",
-      sortDirection: "",
-      mode: this.$options.MODES.LIST
+      sortDirection: ""
     };
   },
   methods: {
+    back() {
+      this.$store.commit("importschedule/setListMode");
+    },
     newConfiguration() {
-      this.mode = this.$options.MODES.EDIT;
+      this.$store.commit("importschedule/setEditMode");
     },
     getSchedules() {
       this.loading = true;
@@ -190,6 +197,7 @@
   computed: {
     ...mapState("application", ["searchQuery"]),
     ...mapState("importschedule", [
+      "mode",
       "schedules",
       "currentSchedule",
       "importScheduleDetailVisible"
@@ -234,12 +242,11 @@
     }
   },
   mounted() {
+    this.$store.commit("importschedule/setListMode");
+    this.$store.commit("importschedule/clearCurrentSchedule");
     this.getSchedules();
   },
-  MODES: {
-    LIST: "list",
-    EDIT: "edit"
-  },
-  IMPORTTYPES: IMPORTTYPES
+  IMPORTTYPES: IMPORTTYPES,
+  MODES: MODES
 };
 </script>