From 3948f6dce47e26817266038e68875902c710d79b Mon Sep 17 00:00:00 2001
From: thilo
Date: Sun, 22 Mar 2020 14:21:58 +0100
Subject: [PATCH] based navigation on router
---
src/App.vue | 11 ++++++++++-
src/components/Question.vue | 23 +++++++++++++++++++----
src/router/index.js | 4 ++--
src/store/index.js | 20 ++------------------
src/views/HelpPage.vue | 21 +++++++++++++++++----
src/views/Questionnaire.vue | 8 ++++----
src/views/Warning.vue | 2 +-
7 files changed, 55 insertions(+), 34 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 4576eeb..ee35e22 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,8 @@
-
+
+
+
@@ -86,4 +88,11 @@
line-height: 1.35em;
font-size: 24px;
}
+
+ .fade-enter-active, .fade-leave-active {
+ transition: opacity .5s;
+ }
+ .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
+ opacity: 0;
+ }
diff --git a/src/components/Question.vue b/src/components/Question.vue
index 5cbe5d0..c8dc353 100644
--- a/src/components/Question.vue
+++ b/src/components/Question.vue
@@ -29,13 +29,15 @@
v-for="answer in answers"
v-on:click="answerQuestion(answer.value)">{{ answer.text }}
-
+
diff --git a/src/views/Questionnaire.vue b/src/views/Questionnaire.vue
index 03e4628..2cf8099 100644
--- a/src/views/Questionnaire.vue
+++ b/src/views/Questionnaire.vue
@@ -4,9 +4,9 @@
+ v-bind:type="$store.state.questions[$route.params.id].type"
+ v-bind:question="$store.state.questions[$route.params.id].question"
+ v-bind:answers="$store.state.questions[$route.params.id].answers">
@@ -17,7 +17,7 @@
components: {Question},
methods: {
getDotClass(n) {
- if (n <= this.$store.state.currentQuestion) {
+ if (n <= this.$route.params.id) {
return "point answered"
} else {
return "point"
diff --git a/src/views/Warning.vue b/src/views/Warning.vue
index bdc9c4a..f35c4cc 100644
--- a/src/views/Warning.vue
+++ b/src/views/Warning.vue
@@ -24,6 +24,6 @@
Bereitschaftsdienst unter 116117 an.
-
+