Improved: clearing the currentMaargJob from state when changing the p…

…age (#734)

src/store/modules/maargJob/actions.ts

@@ -142,6 +142,10 @@ const actions: ActionTree<JobState, RootState> = {
     return currentMaargJob;
   },
 
+  async clearCurrentMaargJob({ commit }) {
+    commit(types.MAARGJOB_CURRENT_UPDATED, {});
+  },
+
   async clearMaargJobState({ commit }) {
     commit(types.MAARGJOB_ENUMS_UPDATED, {});
   }

src/views/Fulfillment.vue

@@ -364,7 +364,7 @@ export default defineComponent({
         this.router.push({ name: 'JobDetails', params: { jobId: this.currentMaargJob.jobTypeEnumId, category: "fulfillment-maarg" } });
         return;
       }
-
+      
       if(!this.isJobDetailAnimationCompleted) {
         emitter.emit('playAnimation');
         this.isJobDetailAnimationCompleted = true;
@@ -380,6 +380,9 @@ export default defineComponent({
     emitter.off("productStoreOrConfigChanged", this.fetchJobs);
     emitter.off('viewJobConfiguration', this.viewJobConfiguration)
   },
+  async ionViewWillLeave() {
+    await this.store.dispatch("maargJob/clearCurrentMaargJob");
+  },
   setup() {
     const store = useStore();
     const router = useRouter();

src/views/Inventory.vue

@@ -248,6 +248,9 @@ export default defineComponent({
     emitter.off("productStoreOrConfigChanged", this.fetchData);
     emitter.off('viewJobConfiguration', this.viewJobConfiguration)
   },
+  async ionViewWillLeave() {
+    await this.store.dispatch("maargJob/clearCurrentMaargJob");
+  },
   setup() {
     const store = useStore();
     const router = useRouter();

src/views/JobDetails.vue

@@ -110,6 +110,9 @@ export default defineComponent({
       }
     })
   },
+  async ionViewWillLeave() {
+    await this.store.dispatch("maargJob/clearCurrentMaargJob");
+  },
   setup() {
     const store = useStore();
 

src/views/Miscellaneous.vue

@@ -240,7 +240,10 @@ export default defineComponent({
         emitter.emit('playAnimation');
         this.isJobDetailAnimationCompleted = true;
       }
-    }
+    },
+  },
+  async ionViewWillLeave() {
+    await this.store.dispatch("maargJob/clearCurrentMaargJob");
   },
   setup() {
     const store = useStore();

src/views/Orders.vue

@@ -354,6 +354,9 @@ export default defineComponent({
     emitter.off("productStoreOrConfigChanged", this.fetchJobs);
     emitter.off('viewJobConfiguration', this.viewJobConfiguration)
   },
+  async ionViewWillLeave() {
+    await this.store.dispatch("maargJob/clearCurrentMaargJob");
+  },
   setup() {
     const store = useStore();
     const router = useRouter();

src/views/Pipeline.vue

@@ -708,6 +708,9 @@ export default defineComponent({
     emitter.off('jobUpdated', this.updateJobs);
     emitter.off("pinnedJobsUpdated", (this as any).updateSelectedPinnedJob);
   },
+  async ionViewWillLeave() {
+    await this.store.dispatch("maargJob/clearCurrentMaargJob");
+  },
   setup() {
     const router = useRouter();
     const store = useStore();

src/views/PreOrder.vue

@@ -426,6 +426,9 @@ export default defineComponent({
     emitter.on('viewJobConfiguration', this.viewJobConfiguration)
     emitter.off("productStoreOrConfigChanged", this.fetchJobs);
   },
+  async ionViewWillLeave() {
+    await this.store.dispatch("maargJob/clearCurrentMaargJob");
+  },
   setup() {
     const store = useStore();
     const router = useRouter();