From a7a44a847e4cef7fb27a8dbdd1adcbf6b6cd88c2 Mon Sep 17 00:00:00 2001
From: thilo <thilo.billerbeck@officerent.de>
Date: Sat, 21 Mar 2020 22:40:01 +0100
Subject: [PATCH] added basic help screen

---
 src/components/Question.vue | 2 +-
 src/router/index.js         | 6 ++++++
 src/views/HelpPage.vue      | 5 ++++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/Question.vue b/src/components/Question.vue
index 0d6556b..4fc8f3e 100644
--- a/src/components/Question.vue
+++ b/src/components/Question.vue
@@ -28,7 +28,7 @@
                     v-for="answer in answers"
                     v-on:click="answerQuestion(answer.value)">{{ answer.text }}</button>
         </div>
-        <router-link to="/questionmaire" style="text-decoration: none"><button class="alert">Ich brauche Hilfe zu dieser Frage</button></router-link>
+        <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>
     </div>
 </template>
diff --git a/src/router/index.js b/src/router/index.js
index af30137..61e8fa9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -4,6 +4,7 @@ import Home from '../views/Home.vue'
 import Warning from '../views/Warning'
 import Questionnaire from "@/views/Questionnaire";
 import Results from "@/views/Results";
+import HelpPage from "@/views/HelpPage";
 
 Vue.use(VueRouter)
 
@@ -23,6 +24,11 @@ const routes = [
     name: 'Fragebogen',
     component: Questionnaire
   },
+  {
+    path: '/questionnaire/help',
+    name: 'Hilfe',
+    component: HelpPage
+  },
   {
     path: '/results',
     name: 'Ergebnisse',
diff --git a/src/views/HelpPage.vue b/src/views/HelpPage.vue
index a5a5723..ba349dc 100644
--- a/src/views/HelpPage.vue
+++ b/src/views/HelpPage.vue
@@ -1,6 +1,9 @@
 <template>
     <div class="help">
-        <p>{{ text }}</p>
+        <p>{{ $store.state.questions[$store.state.currentQuestion].description }}</p>
+        <router-link to="/questionnaire"><button>Zurück zur Frage</button></router-link>
+        <br><br>
+        <router-link to="/questionnaire"><button v-on:click="$store.commit('nextQuestion')" class="alert">Ich möchte diese Frage überspringen</button></router-link>
     </div>
 </template>