From e9080ead152546be1b6fcebce7803a9a4f4e8ca6 Mon Sep 17 00:00:00 2001
From: thilo <thilo.billerbeck@officerent.de>
Date: Sun, 22 Mar 2020 00:33:29 +0100
Subject: [PATCH] several improvements

---
 src/App.vue                 |  9 +++++++++
 src/components/Question.vue | 10 ++++++++--
 src/store/index.js          |  3 +++
 src/views/Questionnaire.vue |  3 ---
 src/views/Warning.vue       |  2 +-
 5 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b799b43..4576eeb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,6 +4,15 @@
   </div>
 </template>
 
+<script>
+
+  export default {
+    mounted() {
+      this.$store.commit("init")
+    },
+  }
+</script>
+
 <style>
   @font-face {
     font-family: 'Zilla Slab';
diff --git a/src/components/Question.vue b/src/components/Question.vue
index 4fc8f3e..ed5d988 100644
--- a/src/components/Question.vue
+++ b/src/components/Question.vue
@@ -29,7 +29,7 @@
                     v-on:click="answerQuestion(answer.value)">{{ answer.text }}</button>
         </div>
         <router-link to="/questionnaire/help" style="text-decoration: none"><button class="alert">Ich brauche Hilfe zu dieser Frage</button></router-link>
-        <svg v-on:click="goBack()" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48" height="48"><path fill="none" d="M0 0h24v24H0z"/><path d="M8 11.333l10.223-6.815a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L8 12.667V19a1 1 0 0 1-2 0V5a1 1 0 1 1 2 0v6.333z"/></svg>
+        <svg v-if="$store.state.currentQuestion != 0" v-on:click="goBack()" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48" height="48"><path fill="none" d="M0 0h24v24H0z"/><path d="M8 11.333l10.223-6.815a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L8 12.667V19a1 1 0 0 1-2 0V5a1 1 0 1 1 2 0v6.333z"/></svg>
     </div>
 </template>
 
@@ -53,8 +53,14 @@
             },
             goBack() {
                 this.$store.commit('previousQuestion')
-            }
+            },
         },
+        mounted () {
+            document.addEventListener("backbutton", this.goBack, false);
+        },
+        beforeDestroy () {
+            document.removeEventListener("backbutton", this.goBack);
+        }
     }
 </script>
 
diff --git a/src/store/index.js b/src/store/index.js
index 73153c1..49f377c 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -26,6 +26,9 @@ export default new Vuex.Store({
                 this.state.currentQuestion -= 1
             }
         },
+        startWithFirstQuestion() {
+            this.state.currentQuestion = 0
+        },
         answerQuestion(state, value) {
             this.state.answers[this.state.currentQuestion] = value
         },
diff --git a/src/views/Questionnaire.vue b/src/views/Questionnaire.vue
index 985032f..03e4628 100644
--- a/src/views/Questionnaire.vue
+++ b/src/views/Questionnaire.vue
@@ -15,9 +15,6 @@
     export default {
         name: "Questionnaire",
         components: {Question},
-        mounted() {
-            this.$store.commit("init")
-        },
         methods: {
             getDotClass(n) {
                 if (n <= this.$store.state.currentQuestion) {
diff --git a/src/views/Warning.vue b/src/views/Warning.vue
index 9b0f2a1..bdc9c4a 100644
--- a/src/views/Warning.vue
+++ b/src/views/Warning.vue
@@ -24,6 +24,6 @@
         Bereitschaftsdienst unter 116117 an.
       </p>
     </div>
-    <router-link style="text-decoration:none" to="/questionnaire"><button>Ich möchte weiter zum Test</button></router-link>
+    <router-link v-on:click="this.$store.commit('startWithFirstQuestion')" style="text-decoration:none" to="/questionnaire"><button>Ich möchte weiter zum Test</button></router-link>
   </div>
 </template>