From d2a730a328928429f1e642dc07c7a746032a3f2e Mon Sep 17 00:00:00 2001
From: Christian Darsow <christian.darsow@dataport.de>
Date: Wed, 4 Oct 2023 16:42:27 +0200
Subject: [PATCH 1/4] Output element ID

---
 src/components/feature-board/card/ContentElementList.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/feature-board/card/ContentElementList.vue b/src/components/feature-board/card/ContentElementList.vue
index aad9488187..00f10c40b3 100644
--- a/src/components/feature-board/card/ContentElementList.vue
+++ b/src/components/feature-board/card/ContentElementList.vue
@@ -1,6 +1,7 @@
 <template>
 	<VCardText>
 		<template v-for="(element, index) in elements">
+			{{ element.id }}
 			<RichTextContentElement
 				v-if="isRichTextElementResponse(element)"
 				:key="element.id"

From 2fc483b9ec33c9aa8b91318dbf7425f1a743798d Mon Sep 17 00:00:00 2001
From: Christian Darsow <christian.darsow@dataport.de>
Date: Wed, 4 Oct 2023 16:43:29 +0200
Subject: [PATCH 2/4] Mock file child

---
 .../SubmissionItemStudentDisplay.vue          | 31 ++++++++++++++-----
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue b/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue
index 3a10c5bd7d..f836dd8302 100644
--- a/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue
+++ b/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue
@@ -7,23 +7,26 @@
 			width="120"
 			height="22"
 		/>
-		<v-checkbox
+		<FileContentElement
 			v-else
-			v-model="modelValue"
-			class="px-4"
-			:disabled="!editable"
-			:label="t('components.cardElement.submissionElement.completed')"
+			:key="mockedFileElement.id"
+			:element="mockedFileElement"
+			:isEditMode="false"
 		/>
 	</div>
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, computed } from "vue";
+import { defineComponent, PropType, computed, ref } from "vue";
 import { useI18n } from "@/composables/i18n.composable";
-import { SubmissionsResponse } from "@/serverApi/v3";
+import { FileContentElement } from "@feature-board-file-element";
+import { SubmissionsResponse, ContentElementType } from "@/serverApi/v3";
 
 export default defineComponent({
 	name: "SubmissionItemStudentDisplay",
+	components: {
+		FileContentElement,
+	},
 	props: {
 		editable: {
 			type: Boolean,
@@ -57,8 +60,22 @@ export default defineComponent({
 
 		const { t } = useI18n();
 
+		const mockedFileElement = ref({
+			id: "64ec3a777045469716f7d4dd",
+			type: ContentElementType.File,
+			timestamps: {
+				createdAt: "",
+				lastUpdatedAt: "",
+			},
+			content: {
+				caption: "Caption",
+				alternativeText: "Alternativer Text",
+			},
+		});
+
 		return {
 			modelValue,
+			mockedFileElement,
 			t,
 		};
 	},

From d4ead7665d70d8f232aa9dd7ad3bec74c3b1370c Mon Sep 17 00:00:00 2001
From: Christian Darsow <christian.darsow@dataport.de>
Date: Wed, 4 Oct 2023 16:59:18 +0200
Subject: [PATCH 3/4] Image test

---
 .../components/SubmissionItemStudentDisplay.vue                 | 2 +-
 src/components/feature-board/card/ContentElementList.vue        | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue b/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue
index f836dd8302..5f858a92ce 100644
--- a/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue
+++ b/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue
@@ -61,7 +61,7 @@ export default defineComponent({
 		const { t } = useI18n();
 
 		const mockedFileElement = ref({
-			id: "64ec3a777045469716f7d4dd",
+			id: "651d7cf82436e17a07740748",
 			type: ContentElementType.File,
 			timestamps: {
 				createdAt: "",
diff --git a/src/components/feature-board/card/ContentElementList.vue b/src/components/feature-board/card/ContentElementList.vue
index 00f10c40b3..aad9488187 100644
--- a/src/components/feature-board/card/ContentElementList.vue
+++ b/src/components/feature-board/card/ContentElementList.vue
@@ -1,7 +1,6 @@
 <template>
 	<VCardText>
 		<template v-for="(element, index) in elements">
-			{{ element.id }}
 			<RichTextContentElement
 				v-if="isRichTextElementResponse(element)"
 				:key="element.id"

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 4/4] 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,
 		};
 	},
 });