From 9f3631ecfd84cb8419fc07793ca38305edae8170 Mon Sep 17 00:00:00 2001
From: Stephan Richter <s.richter@srsoftware.de>
Date: Wed, 25 Mar 2026 09:11:17 +0100
Subject: [PATCH] added note, that spreadsheet library is being loaded

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
---
 frontend/src/Components/MarkdownDisplay.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Components/MarkdownDisplay.svelte b/frontend/src/Components/MarkdownDisplay.svelte
index 112935eb..a9fc860b 100644
--- a/frontend/src/Components/MarkdownDisplay.svelte
+++ b/frontend/src/Components/MarkdownDisplay.svelte
@@ -1,5 +1,7 @@
 <script>
 	import { onMount, onDestroy } from 'svelte';
+	import { t } from '../translations.svelte';
+
 	let { classes='markdown', markdown=$bindable({source:'',rendered:''}), onclick = null, oncontextmenu = null, title='', wrapper = 'div' } = $props();
 	let jspreadsheet = null;
 	const regex = /@startsheet[\s\S]*?@endsheet/g;
@@ -29,15 +31,17 @@
 		if (!markdown.rendered) return;
 		let sheets = document.getElementsByClassName('spreadsheet');
 		for (let i = 0; i < sheets.length; i++) {
+			let sheet = sheets[i];
+			let raw = sheet.innerHTML.trim();
 			if (!jspreadsheet) {
+				sheet.innerHTML = t('Loading spreadsheet library…');
 				let module = await import('jspreadsheet-ce'); // path or package name
 				await import('jspreadsheet-ce/dist/jspreadsheet.css');
 				jspreadsheet = module.default ?? module;
 			}
 			if (!jspreadsheet) break; // break loop if library fails to load
+			sheet.innerHTML = t('Processing spreadsheet data…');
 
-			let sheet = sheets[i];
-			let raw = sheet.innerHTML.trim();
 
             // Use parseCSV from the helpers
             const parsed = jspreadsheet.helpers.parseCSV(raw, '|');