From 78e29f7fee7dafe4f1ee6142f193fc4e74a68a00 Mon Sep 17 00:00:00 2001
From: Max Bischof <maximilian.bischof@dataport.de>
Date: Fri, 5 Dec 2025 10:23:19 +0100
Subject: [PATCH] Add file storage error handling to board

---
 .../board-file-element/FileContentElement.vue  | 18 ++++++++++++++----
 .../board-file-element/content/FileContent.vue |  2 --
 .../content/alert/FileAlerts.vue               |  4 ++++
 .../shared/types/FileAlert.enum.ts             |  1 +
 4 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/modules/feature/board-file-element/FileContentElement.vue b/src/modules/feature/board-file-element/FileContentElement.vue
index 1147139838..7971dc4ca9 100644
--- a/src/modules/feature/board-file-element/FileContentElement.vue
+++ b/src/modules/feature/board-file-element/FileContentElement.vue
@@ -39,7 +39,7 @@
 			</BoardMenu>
 		</FileContent>
 		<FileUpload
-			v-else
+			v-else-if="!alerts.includes(FileAlert.FILE_STORAGE_ERROR)"
 			:element-id="element.id"
 			:is-edit-mode="isEditMode"
 			:is-uploading="isUploading"
@@ -51,10 +51,12 @@
 				<KebabMenuActionDelete scope-language-key="components.cardElement.fileElement" @click="onDelete" />
 			</BoardMenu>
 		</FileUpload>
+		<FileAlerts :alerts="alerts" @on-status-reload="onFetchFile" />
 	</VCard>
 </template>
 
 <script setup lang="ts">
+import FileAlerts from "./content/alert/FileAlerts.vue";
 import { useFileAlerts } from "./content/alert/useFileAlerts.composable";
 import FileContent from "./content/FileContent.vue";
 import { FileAlert } from "./shared/types/FileAlert.enum";
@@ -143,12 +145,12 @@ const isOutlined = computed(() => {
 
 watch(element.value, async () => {
 	isLoadingFileRecord.value = true;
-	await fetchFiles(element.value.id, FileRecordParentType.BOARDNODES);
+	await tryFetchFiles(element.value.id, FileRecordParentType.BOARDNODES);
 	isLoadingFileRecord.value = false;
 });
 
 onMounted(async () => {
-	await fetchFiles(element.value.id, FileRecordParentType.BOARDNODES);
+	await tryFetchFiles(element.value.id, FileRecordParentType.BOARDNODES);
 	isLoadingFileRecord.value = false;
 });
 
@@ -169,7 +171,15 @@ const onUploadFile = async (file: File): Promise<void> => {
 };
 
 const onFetchFile = async (): Promise<void> => {
-	await fetchFiles(element.value.id, FileRecordParentType.BOARDNODES);
+	await tryFetchFiles(element.value.id, FileRecordParentType.BOARDNODES);
+};
+
+const tryFetchFiles = async (id: string, parentType: FileRecordParentType) => {
+	try {
+		return await fetchFiles(id, parentType);
+	} catch {
+		addAlert(FileAlert.FILE_STORAGE_ERROR);
+	}
 };
 
 const onUpdateAlternativeText = (value: string) => {
diff --git a/src/modules/feature/board-file-element/content/FileContent.vue b/src/modules/feature/board-file-element/content/FileContent.vue
index a9a9b4e31c..d9cd97a502 100644
--- a/src/modules/feature/board-file-element/content/FileContent.vue
+++ b/src/modules/feature/board-file-element/content/FileContent.vue
@@ -39,7 +39,6 @@
 				@update:name="onUpdateName"
 			/>
 			<ContentElementFooter :file-properties="fileProperties" />
-			<FileAlerts :alerts="alerts" @on-status-reload="onFetchFile" />
 		</div>
 	</div>
 </template>
@@ -49,7 +48,6 @@ import FileDisplay from "../content/display/FileDisplay.vue";
 import { FileProperties } from "../shared/types/file-properties";
 import { FileAlert } from "../shared/types/FileAlert.enum";
 import FileInputs from "././inputs/FileInputs.vue";
-import FileAlerts from "./alert/FileAlerts.vue";
 import FileDescription from "./display/file-description/FileDescription.vue";
 import ContentElementFooter from "./footer/ContentElementFooter.vue";
 import { isAudioMimeType, isPdfMimeType, isVideoMimeType } from "@/utils/fileHelper";
diff --git a/src/modules/feature/board-file-element/content/alert/FileAlerts.vue b/src/modules/feature/board-file-element/content/alert/FileAlerts.vue
index 8339e6814e..806c21aece 100644
--- a/src/modules/feature/board-file-element/content/alert/FileAlerts.vue
+++ b/src/modules/feature/board-file-element/content/alert/FileAlerts.vue
@@ -36,6 +36,10 @@
 		<WarningAlert v-if="alerts.includes(FileAlert.SCAN_STATUS_ERROR)">
 			{{ t("common.file.scanError") }}
 		</WarningAlert>
+
+		<WarningAlert v-if="alerts.includes(FileAlert.FILE_STORAGE_ERROR)">
+			{{ t("Diese Datei ist gerade nicht verfügbar. Lade den Bereich neu.") }}
+		</WarningAlert>
 	</div>
 </template>
 
diff --git a/src/modules/feature/board-file-element/shared/types/FileAlert.enum.ts b/src/modules/feature/board-file-element/shared/types/FileAlert.enum.ts
index b9d2a1efa6..e4d18376db 100644
--- a/src/modules/feature/board-file-element/shared/types/FileAlert.enum.ts
+++ b/src/modules/feature/board-file-element/shared/types/FileAlert.enum.ts
@@ -6,4 +6,5 @@ export enum FileAlert {
 	SCAN_STATUS_BLOCKED,
 	SCAN_STATUS_ERROR,
 	EXCEEDS_COLLABORA_EDITABLE_FILE_SIZE,
+	FILE_STORAGE_ERROR,
 }