ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Fix issue for when an assignment text has no paragraph tag

This commit is contained in:
Ramon Wenger 2024-03-13 20:28:29 +01:00
parent 6a98a5b3ad
commit 4ed03ac5f3
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/components/content-blocks/assignment/Assignment.vue
View File

@ -9,7 +9,7 @@
class="assignment__main-text assignment-text" class="assignment__main-text assignment-text"
data-cy="assignment-main-text" data-cy="assignment-main-text"
v-if="assignment.assignment > ''" v-if="assignment.assignment > ''"
v-html="assignment.assignment" v-html="assignmentHtml"
/> />
<assignment-solution <assignment-solution
@ -211,6 +211,19 @@ const feedbackText = computed(() => {
let sanitizedFeedbackText = sanitize(feedback.text); let sanitizedFeedbackText = sanitize(feedback.text);
return `<span class="inline-title">Feedback von ${feedback.teacher.firstName} ${feedback.teacher.lastName}:</span> ${sanitizedFeedbackText}`; return `<span class="inline-title">Feedback von ${feedback.teacher.firstName} ${feedback.teacher.lastName}:</span> ${sanitizedFeedbackText}`;
}); });
const containsParagraphs = (str: string) => {
const parser = new DOMParser();
const doc = parser.parseFromString(str, 'text/html');
return doc.querySelectorAll('p') > 0;
};
const assignmentHtml = computed(() => {
const assignmentText = assignment.value.assignment;
if (containsParagraphs(assignmentText)) {
return assignmentText;
}
// text needs to be inside a paragraph, otherwise the highlighting will fail
return `<p>${assignmentText}</p>`;
});
const childElements = computed(() => { const childElements = computed(() => {
// todo: refactor and merge with the one in ContentComponent.vue // todo: refactor and merge with the one in ContentComponent.vue