Add rudimentary answer display to survey page

client/src/pages/survey.vue

@@ -2,6 +2,10 @@
   <div class="survey-page">
     <h1 class="survey-page__title">{{title}}</h1>
     <survey :survey='survey'></survey>
+    <div>
+      Answers:
+      {{answers}}
+    </div>
     <div v-if="surveyComplete">
       <a class="button button--primary" @click="reopen">Übung bearbeiten</a>
     </div>
@@ -34,6 +38,14 @@
     computed: {
       surveyComplete() {
         return this.survey && this.survey.isCompleted
+      },
+      answers() {
+        return this.survey.currentPage && this.survey.currentPage.elements ? this.survey.currentPage.elements.reduce((prev, element) => {
+          if (!element || !element.elements) { return prev }
+          return [...prev, ...element.elements.reduce((pr, question) => {
+            return [...pr, {title: question.title, answer: question.correctAnswer}];
+          }, [])];
+        }, []) : []
       }
     },
 
@@ -80,6 +92,8 @@
         survey.locale = 'de';
         survey.showProgressBar = 'bottom';
 
+        console.log(survey);
+
         return survey;
       },
       reopen() {
@@ -124,7 +138,7 @@
     max-width: 800px;
     display: grid;
     grid-template-rows: auto 1fr;
-    grid-auto-rows: 1fr;
+    grid-auto-rows: auto;
     grid-row-gap: $large-spacing;
     justify-self: center;
     padding: 100px 0;