From c7346059d063faa11247d47c820ce1b2ef271035 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Thu, 30 Mar 2023 16:59:24 +0200
Subject: [PATCH] Fix bug with html tags in plain text on assignment submission
 page

Fixes MS-680 #complete
---
 client/src/pages/studentSubmission.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/studentSubmission.vue b/client/src/pages/studentSubmission.vue
index 227a1430..9f32d7e1 100644
--- a/client/src/pages/studentSubmission.vue
+++ b/client/src/pages/studentSubmission.vue
@@ -2,7 +2,7 @@
   <div class="submission-page">
     <div class="submission-page__header submission-header">
       <h2>Aufgabe</h2>
-      <p>{{ studentSubmission.assignment.assignment }}</p>
+      <p v-html="assignmentText" />
     </div>
     <div class="submission-page__content submission-content">
       <h2>Ergebnis von {{ fullName }}</h2>
@@ -45,7 +45,7 @@
 </template>
 
 <script>
-import { newLineToParagraph } from '@/helpers/text';
+import { newLineToParagraph, sanitizeAsHtml } from '@/helpers/text';
 import debounce from 'lodash/debounce';
 import cloneDeep from 'lodash/cloneDeep';
 import log from 'loglevel';
@@ -110,6 +110,13 @@ export default {
     readOnly() {
       return this.me.readOnly || this.me.selectedClass.readOnly;
     },
+    assignmentText() {
+      const text = this.studentSubmission.assignment.assignment;
+      if (text) {
+        return sanitizeAsHtml(text);
+      }
+      return '';
+    },
   },
 
   apollo: {