Ihre Wahrscheinlichkeit sich zu infizieren ist
-
Auf Folgendes sollten Sie achten:
+
hoch
+
durchschnittlich
+
niedrig
+
Auf Folgendes sollten Sie achten:
{{ card.title }}
{{ card.description }}
-
Hier können Sie sich noch verbessern:
+
Hier können Sie sich noch verbessern:
{{ card.title }}
{{ card.description }}
-
Das machen Sie schon gut:
+
Das machen Sie schon gut:
{{ card.title }}
{{ card.description }}
@@ -23,12 +26,17 @@
export default {
name: "Results",
mounted() {
- /*const biased = this.$store.state.answers.map((x, i) => {
+ const summed = this.$store.state.answers.map((x, i) => {
return x * this.$store.state.questions[i].multiplicator
- })
- const summed = biased.reduce(function(acc, current) {
+ }).reduce(function(acc, current) {
return acc + current
- }) */
+ })
+
+ const sumMult = this.$store.state.questions.reduce(function(acc, current) {
+ return acc + current.multiplicator
+ }, 0)
+
+ this.risk = Math.round(summed / sumMult)
for(let i = 0; i < this.$store.state.answers.length; i ++) {
if (this.$store.state.answers[i] < 33) {
@@ -51,6 +59,7 @@
},
data() {
return {
+ risk: -1,
bad: [],
warning: [],
good: []
@@ -81,4 +90,18 @@
.card-advice.alert {
background: rgba(233, 74, 71, 0.25);
}
+ .risk-chance {
+ text-align: center;
+ font-size: 1.5em;
+ font-weight: bold;
+ }
+ .risk-chance.success {
+ color: #62E160;
+ }
+ .risk-chance.warning {
+ color: orange;
+ }
+ .risk-chance.alert {
+ color: #E94A47;
+ }
diff --git a/src/views/Warning.vue b/src/views/Warning.vue
index 84d867c..d4f645e 100644
--- a/src/views/Warning.vue
+++ b/src/views/Warning.vue
@@ -25,9 +25,7 @@
-
-
-
+