From 10078cde5fba787c48f3203e15c5758b5e535f77 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Tue, 14 Apr 2020 10:43:27 +0200
Subject: [PATCH] Parse answers from survey matrix

---
 client/src/layouts/DefaultLayout.vue |  1 -
 client/src/pages/survey.vue          | 16 +++++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/client/src/layouts/DefaultLayout.vue b/client/src/layouts/DefaultLayout.vue
index 95266c0e..15328884 100644
--- a/client/src/layouts/DefaultLayout.vue
+++ b/client/src/layouts/DefaultLayout.vue
@@ -43,5 +43,4 @@
   @import "@/styles/_variables.scss";
   @import "@/styles/_mixins.scss";
   @import "@/styles/_default-layout.scss";
-
 </style>
diff --git a/client/src/pages/survey.vue b/client/src/pages/survey.vue
index 36007749..07b6b36b 100644
--- a/client/src/pages/survey.vue
+++ b/client/src/pages/survey.vue
@@ -59,10 +59,24 @@
             if (!answer.answer) {
               return previous
             }
+            let answerText;
+            if (typeof answer.answer === 'object') {
+              // this means the answer comes from a matrix, where the keys are the labels and the values are the respective answers
+              let answerObject = answer.answer;
+              let keysAndValues = [];
+              for (let i in answerObject) {
+                if (answerObject.hasOwnProperty(i)) {
+                  keysAndValues.push(`${i}: ${answerObject[i]}`);
+                }
+              }
+              answerText = keysAndValues.join(', ');
+            } else {
+              answerText = answer.answer;
+            }
             return `
             ${previous}
              <h2 class="solution-text__heading">${answer.title}</h2>
-             <p class="solution-text__answer">${answer.answer}</p>
+             <p class="solution-text__answer">${answerText}</p>
              `
           }, '')
         }