From 0e07a5a0bf2fc867a5e64a5bff8723d20bf8416c Mon Sep 17 00:00:00 2001
From: Christian Darsow <christian.darsow@dataport.de>
Date: Wed, 4 Oct 2023 17:25:27 +0200
Subject: [PATCH] Add image test to teacher edti

---
 .../SubmissionContentElementEdit.vue          | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/components/feature-board-submission-element/components/SubmissionContentElementEdit.vue b/src/components/feature-board-submission-element/components/SubmissionContentElementEdit.vue
index bf64e40584..3d0c006d74 100644
--- a/src/components/feature-board-submission-element/components/SubmissionContentElementEdit.vue
+++ b/src/components/feature-board-submission-element/components/SubmissionContentElementEdit.vue
@@ -19,6 +19,11 @@
 				:time-input-label="t('common.labels.time')"
 				@input="onDateTimeInput"
 			/>
+			<FileContentElement
+				:key="mockedFileElement.id"
+				:element="mockedFileElement"
+				isEditMode
+			/>
 		</div>
 		<SubmissionItemsTeacherDisplay
 			:submissions="submissions"
@@ -29,13 +34,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent, PropType, ref } from "vue";
 import { useI18n } from "@/composables/i18n.composable";
-import { SubmissionsResponse } from "@/serverApi/v3";
+import { SubmissionsResponse, ContentElementType } from "@/serverApi/v3";
 import SubmissionContentElementMenu from "./SubmissionContentElementMenu.vue";
 import SubmissionContentElementTitle from "./SubmissionContentElementTitle.vue";
 import { DateTimePicker } from "@feature-date-time-picker";
 import SubmissionItemsTeacherDisplay from "./SubmissionItemsTeacherDisplay.vue";
+import { FileContentElement } from "@feature-board-file-element";
 
 export default defineComponent({
 	name: "SubmissionContentElementEdit",
@@ -44,6 +50,7 @@ export default defineComponent({
 		SubmissionContentElementTitle,
 		DateTimePicker,
 		SubmissionItemsTeacherDisplay,
+		FileContentElement,
 	},
 	props: {
 		dueDate: {
@@ -90,12 +97,26 @@ export default defineComponent({
 			emit("update:dueDate", dateTime);
 		};
 
+		const mockedFileElement = ref({
+			id: "651d7cf82436e17a07740748",
+			type: ContentElementType.File,
+			timestamps: {
+				createdAt: "",
+				lastUpdatedAt: "",
+			},
+			content: {
+				caption: "Caption",
+				alternativeText: "Alternativer Text",
+			},
+		});
+
 		return {
 			t,
 			onMoveElementDown,
 			onMoveElementUp,
 			onDeleteElement,
 			onDateTimeInput,
+			mockedFileElement,
 		};
 	},
 });