Persist task view state.

This does not persist actual task process. This will have to be handled
very, very differently, and I'm not sure how yet.

Closes: MediaWikiAGE#53

src/main.js

@@ -12,6 +12,7 @@ const store = createStore({
     processedBotPassId: null,
 
     loginFormData: null,
+    taskViewData: null,
   },
   mutations: {
     saveProcessedWiki(state, processedWikiData) {
@@ -23,6 +24,9 @@ const store = createStore({
     },
     saveLoginFormData(state, loginFormData) {
       state.loginFormData = loginFormData;
+    },
+    saveTaskViewData(state, taskViewData) {
+      state.taskViewData = taskViewData;
     }
   },
   getters: {
@@ -36,6 +40,9 @@ const store = createStore({
     },
     getLoginFormData(state) {
       return state.loginFormData;
+    },
+    getTaskViewData(state) {
+      return state.taskViewData;
     }
   }
 });

src/views/Tasks.vue

@@ -228,6 +228,27 @@ export default {
         targetElement.focus();
       })();
     },
+    commitChoices() {
+      const taskData = {
+        generatorModalChosenGenerator: this.generatorModalChosenGenerator,
+        addTaskModalChosenTask: this.addTaskModalChosenTask,
+        expandedTasks: this.expandedTasks,
+        tasks: this.tasks,
+        taskPages: this.taskPages
+      };
+
+      this.$store.commit("saveTaskViewData", taskData);
+    },
+    restoreFromState() {
+      const taskData = this.$store.getters.getTaskViewData;
+      if (taskData === null) {
+        return;
+      }
+
+      for (const key of Object.keys(taskData)) {
+        this[key] = taskData[key];
+      }
+    },
     getGeneratorOptionInputId(optionId) {
       return `generator-option-${this.generatorModalChosenGenerator}-${optionId}`;
     },
@@ -346,7 +367,13 @@ export default {
       this.addTaskModalOpen = false;
       document.removeEventListener("keydown", this.onAddTaskModalKeydown);
     }
-  }
+  },
+  created: function() {
+    this.restoreFromState();
+  },
+  beforeUnmount: function() {
+    this.commitChoices();
+  },
 };
 </script>
 <style>