Merge branch 'firebase-questions' into 'master'
Firebase questions See merge request corona-risikoabschaetzungs-app/covidassist!1
This commit is contained in:
commit
1a69901528
7 changed files with 95 additions and 26 deletions
|
@ -8,6 +8,7 @@
|
|||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^0.19.2",
|
||||
"core-js": "^3.6.4",
|
||||
"vue": "^2.6.11",
|
||||
"vue-router": "^3.1.5",
|
||||
|
|
|
@ -1,16 +1,18 @@
|
|||
<template>
|
||||
<div class="question">
|
||||
<p>{{ question }}</p>
|
||||
<div v-if="type === 'choice'" class="question-choice">
|
||||
<button>Ja</button>
|
||||
<button>Nein</button>
|
||||
<div v-if="type === 'yesno'" class="question-choice">
|
||||
<button v-on:click="$store.commit('nextQuestion')">Ja</button>
|
||||
<button v-on:click="$store.commit('nextQuestion')">Nein</button>
|
||||
</div>
|
||||
<div v-if="type === 'slider'" class="question-slider">
|
||||
<p>{{ selection }}</p>
|
||||
<input v-model="selection" type="range" min="0" max="150" value="18" class="slider">
|
||||
</div>
|
||||
<div v-if="type === 'options'" class="question-options">
|
||||
<button v-bind:key="answer" v-for="answer in answers">{{ answer }}</button>
|
||||
<div v-if="type === 'choice'" class="question-options">
|
||||
<button v-bind:key="answer.text"
|
||||
v-for="answer in answers"
|
||||
v-on:click="answerQuestion(answer.value)">{{ answer.text }}</button>
|
||||
</div>
|
||||
<router-link to="/questionmaire"><button class="alert">Ich brauche Hilfe zu dieser Frage</button></router-link>
|
||||
</div>
|
||||
|
@ -29,6 +31,12 @@
|
|||
selection: 0
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
answerQuestion(value) {
|
||||
this.$store.commit('answerQuestion', value)
|
||||
this.$store.commit('nextQuestion')
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
|
@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
|
|||
import Home from '../views/Home.vue'
|
||||
import Warning from '../views/Warning'
|
||||
import Questionnaire from "@/views/Questionnaire";
|
||||
import Results from "@/views/Results";
|
||||
|
||||
Vue.use(VueRouter)
|
||||
|
||||
|
@ -21,6 +22,11 @@ const routes = [
|
|||
path: '/questionmaire',
|
||||
name: 'Fragebogen',
|
||||
component: Questionnaire
|
||||
},
|
||||
{
|
||||
path: '/results',
|
||||
name: 'Ergebnisse',
|
||||
component: Results
|
||||
}
|
||||
]
|
||||
|
||||
|
|
|
@ -1,43 +1,49 @@
|
|||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
import axios from 'axios';
|
||||
import router from "@/router";
|
||||
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
const preQuestions = [
|
||||
{
|
||||
type: "slider",
|
||||
question: "Wie alt sind Sie?"
|
||||
},
|
||||
{
|
||||
illustration: "",
|
||||
type: "choice",
|
||||
question: "Haben Sie sich in letzter Zeit in einem Risikogebiet aufgehalten?"
|
||||
},
|
||||
{
|
||||
illustration: "",
|
||||
type: "choice",
|
||||
question: "Hatten Sie Kontakt zu Personen, die positiv auf COVID-19 getestet wurden?"
|
||||
}
|
||||
]
|
||||
|
||||
export default new Vuex.Store({
|
||||
state: {
|
||||
currentQuestion: 0,
|
||||
answers: [],
|
||||
questions: preQuestions
|
||||
questions: []
|
||||
},
|
||||
mutations: {
|
||||
nextQuestion() {
|
||||
if (this.state.currentQuestion <=
|
||||
if (this.state.currentQuestion <
|
||||
this.state.questions.length - 1)
|
||||
this.state.currentQuestion += 1
|
||||
else {
|
||||
router.push('/results')
|
||||
}
|
||||
},
|
||||
previousQuestion() {
|
||||
if (this.state.currentQuestion > 0) {
|
||||
this.state.currentQuestion -= 1
|
||||
}
|
||||
},
|
||||
answerQuestion(state, value) {
|
||||
this.state.answers[this.state.currentQuestion] = value
|
||||
},
|
||||
init() {
|
||||
axios.get('https://avian-safeguard-214619.firebaseio.com/questions.json')
|
||||
.then(res => {
|
||||
console.log(res)
|
||||
this.state.questions = res.data
|
||||
this.state.answers = Array.apply(0, Array(res.data.length)).map(function () {})
|
||||
})
|
||||
}
|
||||
},
|
||||
actions: {},
|
||||
getters: {
|
||||
numberQuestions: (state) => {
|
||||
return state.questions.length
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
},
|
||||
modules: {}
|
||||
})
|
||||
|
|
|
@ -11,7 +11,10 @@
|
|||
import Question from "@/components/Question";
|
||||
export default {
|
||||
name: "Questionnaire",
|
||||
components: {Question}
|
||||
components: {Question},
|
||||
mounted() {
|
||||
this.$store.commit("init")
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
24
src/views/Results.vue
Normal file
24
src/views/Results.vue
Normal file
|
@ -0,0 +1,24 @@
|
|||
<template>
|
||||
<div>
|
||||
<p>Ihre Wahrscheinlichkeit sich zu infizieren ist</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Results",
|
||||
mounted() {
|
||||
const biased = this.$store.state.answers.map((x, i) => {
|
||||
return x * this.$store.state.questions[i].multiplicator
|
||||
})
|
||||
const summed = biased.reduce(function(acc, current) {
|
||||
return acc + current
|
||||
})
|
||||
console.log(Math.round(summed / 10))
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
21
yarn.lock
21
yarn.lock
|
@ -1580,6 +1580,13 @@ aws4@^1.8.0:
|
|||
resolved "https://registry.npm.taobao.org/aws4/download/aws4-1.9.1.tgz?cache=0&sync_timestamp=1578958168482&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Faws4%2Fdownload%2Faws4-1.9.1.tgz#7e33d8f7d449b3f673cd72deb9abdc552dbe528e"
|
||||
integrity sha1-fjPY99RJs/ZzzXLeuavcVS2+Uo4=
|
||||
|
||||
axios@^0.19.2:
|
||||
version "0.19.2"
|
||||
resolved "https://registry.yarnpkg.com/axios/-/axios-0.19.2.tgz#3ea36c5d8818d0d5f8a8a97a6d36b86cdc00cb27"
|
||||
integrity sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==
|
||||
dependencies:
|
||||
follow-redirects "1.5.10"
|
||||
|
||||
babel-eslint@^10.0.3:
|
||||
version "10.1.0"
|
||||
resolved "https://registry.npm.taobao.org/babel-eslint/download/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232"
|
||||
|
@ -2676,6 +2683,13 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
|
|||
dependencies:
|
||||
ms "2.0.0"
|
||||
|
||||
debug@=3.1.0:
|
||||
version "3.1.0"
|
||||
resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
|
||||
integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
|
||||
dependencies:
|
||||
ms "2.0.0"
|
||||
|
||||
debug@^3.0.0, debug@^3.1.1, debug@^3.2.5:
|
||||
version "3.2.6"
|
||||
resolved "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
|
||||
|
@ -3579,6 +3593,13 @@ flush-write-stream@^1.0.0:
|
|||
inherits "^2.0.3"
|
||||
readable-stream "^2.3.6"
|
||||
|
||||
follow-redirects@1.5.10:
|
||||
version "1.5.10"
|
||||
resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.10.tgz#7b7a9f9aea2fdff36786a94ff643ed07f4ff5e2a"
|
||||
integrity sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==
|
||||
dependencies:
|
||||
debug "=3.1.0"
|
||||
|
||||
follow-redirects@^1.0.0:
|
||||
version "1.10.0"
|
||||
resolved "https://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.10.0.tgz#01f5263aee921c6a54fb91667f08f4155ce169eb"
|
||||
|
|
Loading…
Reference in a new issue