From 3c8e521ced1943a50f21853177fad0258e7337c3 Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Thu, 7 Aug 2025 12:11:28 +0200
Subject: [PATCH 01/13] init DB

---
 src/lib/config.ts      |   2 +-
 src/lib/data/tatort.db | Bin 24576 -> 24576 bytes
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/config.ts b/src/lib/config.ts
index 0775514..2e2bf34 100644
--- a/src/lib/config.ts
+++ b/src/lib/config.ts
@@ -1,3 +1,3 @@
 import { readFileSync } from 'fs';
 
-export default JSON.parse(readFileSync('./config.json').toString());
+export default JSON.parse(readFileSync('./config_prod.json').toString());
diff --git a/src/lib/data/tatort.db b/src/lib/data/tatort.db
index f554e23a622fca898aeb3d9e5ef557a343cfc16b..a1e5df718fe557992da7640f69c07ec31b3bda19 100644
GIT binary patch
delta 343
zcma)!y-Gtt5QTS>2uUO?sVuH&I;#t_clYj3oo7hz%>IClh!;U^%p>TdNNOQnI_s47
zrj4~5^#Lpna~Qt!E!TXx=Fb%$yqwPY;PrBL{$vfrK%mK*C>=VB+I!F@DHn3^RvR!<
zHK=5cKuXK<0@DT?a&(e>382hvl!(5?kO>rdg<2UIb0FoEgQoa==_#c^o{W}gOhMW_
zi4(?HPwbfZ61&xO_94!Oz5dB4V3)cfFYT^Nx7~r_V#CCyFmGaR`4L-GRkW7c#`zkW
z<ZF!qYQjvllfl_UvIUIy50ABM)XmlP;f#MoTPC(e^e&o<{$lhW%kOT_#C|n}PjNi%
ISEE1kH-Hye&j0`b

delta 222
zcmaLM%WXn25I|8|Pm1^`dSn9&kVpw*d;FPo8lVI`gQtKX)=&bk6hs3QLk+A+#Gd87
z=XA5Dn>{aWH>`eaciDcgk5CF~ZCZplaSKi<R27EyH+_IWE=NuRoG_FkH3Bijj1nu7
zC(p_`K~fFirG{J*N|S;>s0q<IjXUok2lbhXV9bsiphqv%aN0hNF}8o0{&D@<-1}iO
XnvHC?7$5fScmI!O_JZ^LWAZMaT{$`p

-- 
2.43.0


From 171b0e85460a479736541d9b97a4a3383adafbab Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Thu, 7 Aug 2025 12:41:07 +0200
Subject: [PATCH 02/13] wechsel daher commit

---
 src/routes/(token-based)/list/[vorgang]/+page.server.ts | 4 ++++
 src/routes/(token-based)/list/[vorgang]/+page.svelte    | 9 +++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/routes/(token-based)/list/[vorgang]/+page.server.ts b/src/routes/(token-based)/list/[vorgang]/+page.server.ts
index 8fda502..1305bad 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.server.ts
+++ b/src/routes/(token-based)/list/[vorgang]/+page.server.ts
@@ -14,3 +14,7 @@ export const load: PageServerLoad = async ({ params, url }) => {
 		vorgang
 	};
 };
+
+
+// Ersetze diese Verbindung zum Server durch API Endpunkte
+
diff --git a/src/routes/(token-based)/list/[vorgang]/+page.svelte b/src/routes/(token-based)/list/[vorgang]/+page.svelte
index e9bd25f..372a0df 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.svelte
+++ b/src/routes/(token-based)/list/[vorgang]/+page.svelte
@@ -18,6 +18,8 @@
 	/** @type {import('./$types').PageData} */
 	export let data;
 
+	console.log(data);
+
 	interface ListItem {
 		name: string;
 		size: number;
@@ -130,7 +132,7 @@
 	}
 
 	function constructMailToLink() {
-		const subject = "Link zum Tatvorgang";
+		const subject = 'Link zum Tatvorgang';
 		const link = $page.url.toString().split('?')[0];
 		const body = `Hallo,
 
@@ -152,8 +154,8 @@ Mit freundlichen Grüßen,
 	<div class="flex flex-col items-center justify-center w-full">
 		<h1 class="text-xl">Vorgang {vorgang.name}</h1>
 		{#if data?.user?.admin}
-		Zugangs-PIN: {vorgang.pin}
-		<a href="{constructMailToLink()}"><Button>Share Link</Button></a>
+			Zugangs-PIN: {vorgang.pin}
+			<a href={constructMailToLink()}><Button>Share Link</Button></a>
 		{/if}
 	</div>
 	<div class="mx-auto flex justify-center max-w-7xl h-full">
@@ -186,7 +188,6 @@ Mit freundlichen Grüßen,
 										}}>{item.name}</span
 									>
 
-
 									{#if item.show_button}
 										<button
 											style="padding: 2px"
-- 
2.43.0


From e45e401569fecae59acccdd85efff539bc799097 Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Thu, 7 Aug 2025 13:20:38 +0200
Subject: [PATCH 03/13] =?UTF-8?q?kommentare=20eingef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/(token-based)/list/[vorgang]/+page.server.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(token-based)/list/[vorgang]/+page.server.ts b/src/routes/(token-based)/list/[vorgang]/+page.server.ts
index 1305bad..cfacdd7 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.server.ts
+++ b/src/routes/(token-based)/list/[vorgang]/+page.server.ts
@@ -5,8 +5,8 @@ export const load: PageServerLoad = async ({ params, url }) => {
 	const vorgangToken = params.vorgang;
 	const vorgangPIN = url.searchParams.get('pin');
 
-	const crimesList = await getCrimesListByToken(vorgangToken);
-	const vorgang = getVorgangByToken(vorgangToken);
+	const crimesList = await getCrimesListByToken(vorgangToken); // TatortList zum Vorgang
+	const vorgang = getVorgangByToken(vorgangToken); //einzelner Vorgang
 
 	return {
 		crimesList,
-- 
2.43.0


From 4d1f0027811dc9e2c6bc4c8455ed6787499fe743 Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Thu, 7 Aug 2025 14:06:55 +0200
Subject: [PATCH 04/13] implement getVorgaenge API endpoint

---
 src/routes/api/list/+server.ts | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 src/routes/api/list/+server.ts

diff --git a/src/routes/api/list/+server.ts b/src/routes/api/list/+server.ts
new file mode 100644
index 0000000..fe1de63
--- /dev/null
+++ b/src/routes/api/list/+server.ts
@@ -0,0 +1,14 @@
+import { getVorgaenge } from '$lib/server/vorgangService';
+import { json } from '@sveltejs/kit';
+
+export async function GET({ locals }) {
+	if (!locals.user) {
+		return json({ error: 'Unauthorized' }, { status: 401 });
+	}
+
+	const vorgaenge = getVorgaenge();
+
+	return new Response(JSON.stringify(vorgaenge), {
+		status: 200
+	});
+}
-- 
2.43.0


From 18a1e4ea1c4e7282268f71c8d9b389f5992918d2 Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Thu, 7 Aug 2025 14:17:56 +0200
Subject: [PATCH 05/13] implement getVorgang API endpoit

---
 src/routes/api/list/[vorgang]/+server.ts | 25 +++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/routes/api/list/[vorgang]/+server.ts b/src/routes/api/list/[vorgang]/+server.ts
index f97c8aa..841519d 100644
--- a/src/routes/api/list/[vorgang]/+server.ts
+++ b/src/routes/api/list/[vorgang]/+server.ts
@@ -1,5 +1,10 @@
 import { client } from '$lib/minio';
-import { deleteVorgangByToken, vorgangNameExists } from '$lib/server/vorgangService';
+import {
+	deleteVorgangByToken,
+	getVorgangByToken,
+	vorgangNameExists
+} from '$lib/server/vorgangService';
+import { json } from '@sveltejs/kit';
 
 export async function DELETE({ params }) {
 	const vorgangToken = params.vorgang;
@@ -38,3 +43,21 @@ export async function HEAD({ params }) {
 		return new Response(null, { status: 500 });
 	}
 }
+
+export async function GET({ params, locals }) {
+	if (!locals.user) {
+		return json({ error: 'Unauthorized' }, { status: 401 });
+	}
+
+	try {
+		const vorgangToken = params.vorgang;
+		const vorgang = getVorgangByToken(vorgangToken);
+
+		return new Response(JSON.stringify(vorgang), {
+			status: 200
+		});
+	} catch (err) {
+		console.error('Fehler im GET-Handler:', err);
+		return new Response(null, { status: 500 });
+	}
+}
-- 
2.43.0


From a91d7292c537a72dd1ce5c168f8044b50892e128 Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Thu, 7 Aug 2025 16:28:15 +0200
Subject: [PATCH 06/13] integrate Editable Input, Netzwerkfehler bei PUT

---
 src/lib/components/EditableItem.svelte        |  93 +++
 .../list/[vorgang]/+page.server.ts            |  21 +-
 .../(token-based)/list/[vorgang]/+page.svelte | 560 +++++++++++-------
 src/routes/api/user/+server.ts                |  10 +
 4 files changed, 456 insertions(+), 228 deletions(-)
 create mode 100644 src/lib/components/EditableItem.svelte
 create mode 100644 src/routes/api/user/+server.ts

diff --git a/src/lib/components/EditableItem.svelte b/src/lib/components/EditableItem.svelte
new file mode 100644
index 0000000..33c49c9
--- /dev/null
+++ b/src/lib/components/EditableItem.svelte
@@ -0,0 +1,93 @@
+<script lang="ts">
+	import Edit from '$lib/icons/Edit.svelte';
+	import Trash from '$lib/icons/Trash.svelte';
+	import { tick } from 'svelte';
+
+	interface ListItem {
+		name: string;
+		token?: string;
+		// add other properties as needed
+	}
+	let {
+		list,
+		editedName = $bindable(),
+		currentName,
+		onSave = () => {},
+		onDelete = () => {}
+	} = $props();
+
+	let names = list.map((l: ListItem) => l.name);
+	let localName = $state(currentName);
+	let wasCancelled = $state(false);
+
+	let error: string = $derived(validateName(localName));
+
+	let manualError = $state('');
+
+	let isEditing = $state(false);
+	let inputRef: HTMLInputElement;
+
+	function validateName(name: string) {
+		const trimmed = name.trim();
+
+		if (!trimmed) {
+			return 'Name darf nicht leer sein.';
+		}
+
+		const duplicate = list.some(
+			(item: ListItem) => item.name === trimmed && item.name !== currentName
+		);
+
+		if (duplicate) return 'Name existiert bereits.';
+
+		return '';
+	}
+
+	function commitIfValid() {
+		if (!error && !wasCancelled && localName != currentName) {
+			editedName = localName.trim();
+			onSave(editedName, currentName);
+		} else {
+			localName = currentName;
+			resetEdit();
+		}
+	}
+
+	function resetEdit() {
+		wasCancelled = false;
+		manualError = '';
+		inputRef?.blur();
+		isEditing = false;
+	}
+
+	function handleKeydown(event: KeyboardEvent) {
+		if (event.key === 'Enter') {
+			event.preventDefault();
+			commitIfValid();
+		} else if (event.key === 'Escape') {
+			event.preventDefault();
+			localName = currentName;
+			resetEdit();
+		}
+	}
+
+	async function startEdit() {
+		isEditing = true;
+		await tick();
+		inputRef?.focus();
+	}
+</script>
+
+<div>
+	<input
+		bind:this={inputRef}
+		bind:value={localName}
+		onblur={commitIfValid}
+		onkeydown={handleKeydown}
+	/>
+	<button onclick={startEdit}><Edit /></button>
+	<button onclick={() => onDelete(currentName)}><Trash /></button>
+	{#if manualError || error}
+		<p style="color: red;">{manualError || error}</p>
+	{/if}
+</div>
diff --git a/src/routes/(token-based)/list/[vorgang]/+page.server.ts b/src/routes/(token-based)/list/[vorgang]/+page.server.ts
index cfacdd7..b8b54e0 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.server.ts
+++ b/src/routes/(token-based)/list/[vorgang]/+page.server.ts
@@ -1,17 +1,28 @@
 import { getVorgangByToken, getCrimesListByToken } from '$lib/server/vorgangService';
 import type { PageServerLoad } from './$types';
 
-export const load: PageServerLoad = async ({ params, url }) => {
+export const load: PageServerLoad = async ({fetch, params, url }) => {
 	const vorgangToken = params.vorgang;
 	const vorgangPIN = url.searchParams.get('pin');
 
+		const adminRes = await fetch(`/api/user`)
+const user = await adminRes.json()
+
 	const crimesList = await getCrimesListByToken(vorgangToken); // TatortList zum Vorgang
-	const vorgang = getVorgangByToken(vorgangToken); //einzelner Vorgang
+	const vorgangObjekt = getVorgangByToken(vorgangToken); //einzelner Vorgang //TypeScript darf nicht undefined sein
+let vorgangName:string;
+	if(vorgangObjekt){
+vorgangName  = vorgangObjekt.name;
+	}else{
+		vorgangName = '';
+	}
 
 	return {
-		crimesList,
-		vorgangPIN,
-		vorgang
+		crimesList, //crimesList
+		vorgangPIN, //caseToken
+		vorgangName, //caseId?
+		vorgangObjekt,
+		user
 	};
 };
 
diff --git a/src/routes/(token-based)/list/[vorgang]/+page.svelte b/src/routes/(token-based)/list/[vorgang]/+page.svelte
index 372a0df..143a061 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.svelte
+++ b/src/routes/(token-based)/list/[vorgang]/+page.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 	import shortenFileSize from '$lib/helper/shortenFileSize';
-	import { page } from '$app/stores';
-
 	import timeElapsed from '$lib/helper/timeElapsed';
 
 	import Alert from '$lib/components/Alert.svelte';
@@ -11,14 +9,16 @@
 	import ModalContent from '$lib/components/Modal/ModalContent.svelte';
 	import ModalFooter from '$lib/components/Modal/ModalFooter.svelte';
 	import Cube from '$lib/icons/Cube.svelte';
-	import Edit from '$lib/icons/Edit.svelte';
-	import Trash from '$lib/icons/Trash.svelte';
 
-	/** export let data; */
-	/** @type {import('./$types').PageData} */
-	export let data;
+	import EditableItem from '$lib/components/EditableItem.svelte';
 
-	console.log(data);
+	import { invalidate } from '$app/navigation';
+	import { page } from '$app/stores';
+
+	//Seite für die Tatort-Liste
+	let { data } = $props();
+
+	console.log('tatorte: debug ', data);
 
 	interface ListItem {
 		name: string;
@@ -28,264 +28,378 @@
 		// add other properties as needed
 	}
 
-	const vorgang = data.vorgang;
-	const crimesList: ListItem[] = data.crimesList;
-	const vorgangPIN: string = data.vorgangPIN;
-
-	let open = false;
-	$: open;
-	let inProgress = false;
-	$: inProgress;
-	let err = false;
-	$: err;
-
-	let rename_input;
-	$: rename_input;
+	let vorgang: string = data.vorgangName; //	let vorgang = data.caseId;  	<!--caseId, vorgang.name aber das funktioniert nicht richtig, daher in server.ts geändert-->
+	let crimesList: ListItem[] = $state(data.crimesList);
+	const vorgangPIN: string = data.vorgangPIN; //caseToken??  //	const token: string | null = data.caseToken;
 
+	//Variablen für Modal
+	let open = $state(false);
+	let inProgress = $state(false);
+	let err = $state(false);
 	function uploadSuccessful() {
 		open = false;
 	}
 
-	function defocus_element(i: number) {
-		let item = crimesList[i];
-		let text_field_id = `label__${item.name}`;
+	//Variabeln für EditableItem
+	let names: string[] = $state(crimesList.map((l) => l.name));
+	let editedName: string = $state('');
+	let currentName: string = $state('');
 
-		let text_field = document.getElementById(text_field_id);
-		if (text_field) {
-			text_field.setAttribute('contenteditable', 'false');
-			text_field.textContent = item.name;
-		}
+	let editingId: number;
 
-		// reshow button
-		crimesList[i].show_button = true;
-		return;
-	}
+	// let admin = data?.user?.admin;
+	let admin = true;
 
-	async function handleEditFieldInput(ev: KeyboardEvent, listItemIndex: number) {
-		let item = crimesList[listItemIndex];
-		if (ev.key == 'Escape') {
-			let text_field_id = `label__${item.name}`;
+	let rename_input;
 
-			let text_field = document.getElementById(text_field_id);
-			if (text_field) {
-				text_field.setAttribute('contenteditable', 'false');
-				text_field.textContent = item.name;
-			}
+	$effect(() => {
+		console.log('rename_input hat sich geändert:', rename_input);
+	});
 
-			// reshow button
-			item.show_button = true;
-			return;
-		}
-		if (ev.key == 'Enter') {
-			let name_field = ev.currentTarget as HTMLElement | null;
-			let new_name = name_field
-				? name_field.textContent || (name_field as any).innerText || ''
-				: '';
+	async function handleSave(newName: string, oldName: string) {
+		console.log('Eltern, speichern erfolgreich', newName, oldName);
+		try {
+			const res = await fetch(`/api/list/${vorgang}/${oldName}`, {
+				method: 'PUT',
+				headers: {
+					'Content-Type': 'application/json'
+				},
+				body: JSON.stringify({ vorgang, oldName, newName })
+			});
+			const clone = res.clone();
+			const data = await res.json();
+			let message = data.message;
+			let error = !data.success;
 
-			if (new_name == '') {
-				alert('Bitte einen gültigen Namen eingeben.');
-				ev.preventDefault();
-				return;
-			}
+			console.log('Tatort Update: ', message);
 
-			// actual upload
-			// -------------
-
-			// to prevent from item being selected
-			ev.preventDefault();
-
-			// construct PUT URL
-			const url = $page.url.pathname.split('?')[0];
-
-			let data_obj: { new_name: string; old_name: string } = { new_name: '', old_name: '' };
-			data_obj['new_name'] = new_name;
-			data_obj['old_name'] =
-				ev.currentTarget && (ev.currentTarget as HTMLElement).id
-					? (ev.currentTarget as HTMLElement).id.split('__')[1]
-					: '';
-
-			open = true;
-			inProgress = true;
-
-			const response = await fetch(url, { method: 'PUT', body: JSON.stringify(data_obj) });
-
-			inProgress = false;
-
-			if (!response.ok) {
-				err = true;
-				if (response.status == 400) {
-					let json_res = await response.json();
-					return;
-				}
-				throw new Error(`Fehlgeschlagen: ${response.status}`);
+			if (!res.ok) {
+				const msg = await clone.text();
+				console.error('❌ Fehler beim Speichern:', msg);
 			} else {
-				uploadSuccessful();
-				setTimeout(() => {
-					window.location.reload();
-				}, 500);
+				console.log('✅ Erfolgreich gespeichert:', newName);
+				await invalidate('');
+				currentName = newName;
 			}
-
-			// --- upload finished ---
-
-			return;
+		} catch (err) {
+			console.error('⚠️ Netzwerkfehler:', err);
 		}
 	}
 
-	function constructMailToLink() {
-		const subject = 'Link zum Tatvorgang';
-		const link = $page.url.toString().split('?')[0];
-		const body = `Hallo,
+	async function handleDelete(tatort: string) {
+		let url = new URL($page.url);
+		url.pathname += `/${tatort}`;
+		console.log('Delete tatort: ', `/api${url.pathname}`, url.pathname);
 
-hier ist der Link zum Tatvorgang:
-${link}
+		try {
+			const res = await fetch(`/api${url.pathname}`, {
+				method: 'DELETE',
+				headers: {
+					'Content-Type': 'application/json'
+				},
+				body: JSON.stringify({ vorgang, tatort })
+			});
 
-Der Zugangs-PIN wird zur Sicherheit über einen zweiten Kommunikationskanal übermittelt.
-
-Mit freundlichen Grüßen,
-`;
-
-		const mailtoLink = `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
-
-		return mailtoLink;
+			if (!res.ok) {
+				const msg = await res.text();
+				console.error('❌ Fehler beim Löschen:', msg);
+			} else {
+				console.log('🗑️ Erfolgreich gelöscht:', url.pathname);
+			}
+		} catch (err) {
+			console.error('⚠️ Netzwerkfehler beim Löschen:', err);
+		}
 	}
+
+	// function defocus_element(i: number) {
+	// 	let item = crimesList[i];
+	// 	let text_field_id = `label__${item.name}`;
+
+	// 	let text_field = document.getElementById(text_field_id);
+	// 	if (text_field) {
+	// 		text_field.setAttribute('contenteditable', 'false');
+	// 		text_field.textContent = item.name;
+	// 	}
+
+	// 	// reshow button
+	// 	crimesList[i].show_button = true;
+	// 	return;
+	// }
+
+	// 	async function handleEditFieldInput(ev: KeyboardEvent, listItemIndex: number) {
+	// 		let item = crimesList[listItemIndex];
+	// 		if (ev.key == 'Escape') {
+	// 			let text_field_id = `label__${item.name}`;
+
+	// 			let text_field = document.getElementById(text_field_id);
+	// 			if (text_field) {
+	// 				text_field.setAttribute('contenteditable', 'false');
+	// 				text_field.textContent = item.name;
+	// 			}
+
+	// 			// reshow button
+	// 			item.show_button = true;
+	// 			return;
+	// 		}
+	// 		if (ev.key == 'Enter') {
+	// 			let name_field = ev.currentTarget as HTMLElement | null;
+	// 			let new_name = name_field
+	// 				? name_field.textContent || (name_field as any).innerText || ''
+	// 				: '';
+
+	// 			if (new_name == '') {
+	// 				alert('Bitte einen gültigen Namen eingeben.');
+	// 				ev.preventDefault();
+	// 				return;
+	// 			}
+
+	// 			// actual upload
+	// 			// -------------
+
+	// 			// to prevent from item being selected
+	// 			ev.preventDefault();
+
+	// 			// construct PUT URL
+	// 			const url = $page.url.pathname.split('?')[0];
+
+	// 			let data_obj: { new_name: string; old_name: string } = { new_name: '', old_name: '' };
+	// 			data_obj['new_name'] = new_name;
+	// 			data_obj['old_name'] =
+	// 				ev.currentTarget && (ev.currentTarget as HTMLElement).id
+	// 					? (ev.currentTarget as HTMLElement).id.split('__')[1]
+	// 					: '';
+
+	// 			open = true;
+	// 			inProgress = true;
+
+	// 			const response = await fetch(url, { method: 'PUT', body: JSON.stringify(data_obj) });
+
+	// 			inProgress = false;
+
+	// 			if (!response.ok) {
+	// 				err = true;
+	// 				if (response.status == 400) {
+	// 					let json_res = await response.json();
+	// 					return;
+	// 				}
+	// 				throw new Error(`Fehlgeschlagen: ${response.status}`);
+	// 			} else {
+	// 				uploadSuccessful();
+	// 				setTimeout(() => {
+	// 					window.location.reload();
+	// 				}, 500);
+	// 			}
+
+	// 			// --- upload finished ---
+
+	// 			return;
+	// 		}
+	// 	}
+
+	// function constructMailToLink() {
+	// 	const subject = 'Link zum Tatvorgang';
+	// 	const link = $page.url.toString().split('?')[0];
+	// 	const body = `Hallo,
+
+	// hier ist der Link zum Tatvorgang:
+	// ${link}
+
+	// Der Zugangs-PIN wird zur Sicherheit über einen zweiten Kommunikationskanal übermittelt.
+
+	// Mit freundlichen Grüßen,
+	// `;
+
+	// 	const mailtoLink = `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
+
+	// 	return mailtoLink;
+	// }
 </script>
 
-<div class="-z-10 bg-white">
-	<div class="flex flex-col items-center justify-center w-full">
-		<h1 class="text-xl">Vorgang {vorgang.name}</h1>
-		{#if data?.user?.admin}
-			Zugangs-PIN: {vorgang.pin}
-			<a href={constructMailToLink()}><Button>Share Link</Button></a>
-		{/if}
-	</div>
-	<div class="mx-auto flex justify-center max-w-7xl h-full">
-		<ul class="divide-y divide-gray-100">
-			{#each crimesList as item, crimeListItemIndex}
-				<li>
-					<a
-						href="/view/{$page.params.vorgang}/{item.name}?pin={vorgangPIN}"
-						class=" flex justify-between gap-x-6 py-5"
-						aria-label="zum 3D-modell"
-					>
-						<div class=" flex gap-x-4">
-							<Cube />
-							<div class="min-w-0 flex-auto">
-								{#if data?.user?.admin}
-									<span
-										id="label__{item.name}"
-										class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
-										contenteditable={!item.show_button}
-										role="textbox"
-										tabindex="0"
-										aria-label="Dateiname bearbeiten"
-										on:focusout={() => {
-											defocus_element(crimeListItemIndex);
-										}}
-										on:keydown|stopPropagation={// event needed to identify ID
-										// TO-DO: check if event is needed or if index is sufficient
-										async (ev) => {
-											handleEditFieldInput(ev, crimeListItemIndex);
-										}}>{item.name}</span
-									>
+{#if vorgang}
+	<div class="-z-10 bg-white">
+		<div class="flex flex-col items-center justify-center w-full">
+			<h1 class="text-xl">Vorgang {vorgang}</h1>
 
-									{#if item.show_button}
+			<!-- {#if data?.user?.admin}
+				Zugangs-PIN: {vorgang.pin}
+				<a href={constructMailToLink()}><Button>Share Link</Button></a>
+			{/if} -->
+		</div>
+		<div class="mx-auto flex justify-center max-w-7xl h-full">
+			<ul class="divide-y divide-gray-100">
+				{#each crimesList as item, crimeListItemIndex}
+					<!-- <li>
+						<a
+							href="/view/{$page.params.vorgang}/{item.name}?pin={vorgangPIN}"
+							class=" flex justify-between gap-x-6 py-5"
+							aria-label="zum 3D-modell"
+						>
+							<div class=" flex gap-x-4">
+								<Cube />
+								<div class="min-w-0 flex-auto">
+									{#if data?.user?.admin}
+										<span
+											id="label__{item.name}"
+											class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
+											contenteditable={!item.show_button}
+											role="textbox"
+											tabindex="0"
+											aria-label="Dateiname bearbeiten"
+											on:focusout={() => {
+												defocus_element(crimeListItemIndex);
+											}}
+											on:keydown|stopPropagation={// event needed to identify ID
+											// TO-DO: check if event is needed or if index is sufficient
+											async (ev) => {
+												handleEditFieldInput(ev, crimeListItemIndex);
+											}}>{item.name}</span
+										>
+
+										{#if item.show_button}
+											<button
+												style="padding: 2px"
+												id="edit__{item.name}"
+												aria-label="Datei umbenennen"
+												on:click|preventDefault={(ev) => {
+													let text_field_id = `label__${item.name}`;
+
+													let text_field = document.getElementById(text_field_id);
+													if (text_field) {
+														text_field.setAttribute('contenteditable', 'true');
+														text_field.focus();
+														text_field.textContent = '';
+													}
+
+													// hide button
+													item.show_button = false;
+												}}
+											>
+												<Edit />
+											</button>
+										{/if}
 										<button
 											style="padding: 2px"
-											id="edit__{item.name}"
-											aria-label="Datei umbenennen"
-											on:click|preventDefault={(ev) => {
-												let text_field_id = `label__${item.name}`;
+											id="del__{item.name}"
+											on:click|preventDefault={async (ev) => {
+												let delete_item = window.confirm('Bist du sicher?');
 
-												let text_field = document.getElementById(text_field_id);
-												if (text_field) {
-													text_field.setAttribute('contenteditable', 'true');
-													text_field.focus();
-													text_field.textContent = '';
+												if (delete_item) {
+													// bucket: tatort, name: <vorgang>/item-name
+													let vorgang = $page.params.vorgang;
+													let filename = '';
+													if (ev && ev.currentTarget && (ev.currentTarget as HTMLElement).id) {
+														filename = (ev.currentTarget as HTMLElement).id.split('del__')[1];
+													}
+
+													// delete request
+													// --------------
+
+													let url = new URL($page.url);
+													url.pathname += `/${filename}`;
+
+													try {
+														const response = await fetch(`/api${url.pathname}`, {
+															method: 'DELETE'
+														});
+														if (response.status == 204) {
+															setTimeout(() => {
+																window.location.reload();
+															}, 500);
+														}
+													} catch (error) {
+														if (error instanceof Error) {
+															console.log(error.message);
+														} else {
+															console.log(error);
+														}
+													}
 												}
-
-												// hide button
-												item.show_button = false;
 											}}
+											aria-label="Datei löschen"
 										>
-											<Edit />
+											<Trash />
 										</button>
+									{:else}
+										<span class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
+											>{item.name}</span
+										>
 									{/if}
-									<button
-										style="padding: 2px"
-										id="del__{item.name}"
-										on:click|preventDefault={async (ev) => {
-											let delete_item = window.confirm('Bist du sicher?');
-
-											if (delete_item) {
-												// bucket: tatort, name: <vorgang>/item-name
-												let vorgang = $page.params.vorgang;
-												let filename = '';
-												if (ev && ev.currentTarget && (ev.currentTarget as HTMLElement).id) {
-													filename = (ev.currentTarget as HTMLElement).id.split('del__')[1];
-												}
-
-												// delete request
-												// --------------
-
-												let url = new URL($page.url);
-												url.pathname += `/${filename}`;
-
-												try {
-													const response = await fetch(`/api${url.pathname}`, { method: 'DELETE' });
-													if (response.status == 204) {
-														setTimeout(() => {
-															window.location.reload();
-														}, 500);
-													}
-												} catch (error) {
-													if (error instanceof Error) {
-														console.log(error.message);
-													} else {
-														console.log(error);
-													}
-												}
-											}
-										}}
-										aria-label="Datei löschen"
+									<p class="mt-1 truncate text-xs leading-5 text-gray-500">
+										{shortenFileSize(item.size)}
+									</p>
+								</div>
+							</div>
+							<div class="hidden sm:flex sm:flex-col sm:items-end">
+								<p class="text-sm leading-6 text-gray-900">3D Tatort</p>
+								<p class="mt-1 text-xs leading-5 text-gray-500">
+									Zuletzt geändert <time datetime="2023-01-23T13:23Z"
+										>{timeElapsed(new Date(item.lastModified))}</time
 									>
-										<Trash />
-									</button>
+								</p>
+							</div>
+						</a>
+					</li> -->
+
+					<li>
+						<div class=" flex gap-x-4">
+							<a
+								href="/view/{$page.params.vorgang}/{currentName}?pin={vorgangPIN}"
+								class=" flex justify-between gap-x-6 py-5"
+								aria-label="zum 3D-modell"
+							>
+								<Cube />
+							</a>
+							<div class="min-w-0 flex-auto">
+								{#if admin}
+									<EditableItem
+										list={crimesList}
+										bind:editedName={names[crimeListItemIndex]}
+										currentName={item.name}
+										onSave={handleSave}
+										onDelete={handleDelete}
+									></EditableItem>
 								{:else}
 									<span class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
 										>{item.name}</span
 									>
 								{/if}
-								<p class="mt-1 truncate text-xs leading-5 text-gray-500">
-									{shortenFileSize(item.size)}
-								</p>
+								{#if item.size}
+									<p class="mt-1 truncate text-xs leading-5 text-gray-500">
+										{shortenFileSize(item.size)}
+									</p>
+								{/if}
 							</div>
 						</div>
 						<div class="hidden sm:flex sm:flex-col sm:items-end">
 							<p class="text-sm leading-6 text-gray-900">3D Tatort</p>
-							<p class="mt-1 text-xs leading-5 text-gray-500">
-								Zuletzt geändert <time datetime="2023-01-23T13:23Z"
-									>{timeElapsed(new Date(item.lastModified))}</time
-								>
-							</p>
+							{#if item.lastModified}
+								<p class="mt-1 text-xs leading-5 text-gray-500">
+									Zuletzt geändert <time datetime="2023-01-23T13:23Z"
+										>{timeElapsed(new Date(item.lastModified))}</time
+									>
+								</p>
+							{/if}
 						</div>
-					</a>
-				</li>
-			{/each}
-		</ul>
-	</div>
+					</li>
+				{/each}
+			</ul>
+		</div>
 
-	<Modal {open}
-		><ModalTitle>Umbenennen</ModalTitle><ModalContent>
-			{#if inProgress}
-				<p class="py-2 mb-1">Vorgang läuft...</p>
-			{/if}
-			{#if err}
-				<Alert class="w-full" type="error">Fehler beim Umbenennen</Alert>
-			{/if}
-		</ModalContent>
-		<ModalFooter><Button disabled={inProgress} on:click={uploadSuccessful}>Ok</Button></ModalFooter>
-	</Modal>
-</div>
+		<Modal {open}
+			><ModalTitle>Umbenennen</ModalTitle><ModalContent>
+				{#if inProgress}
+					<p class="py-2 mb-1">Vorgang läuft...</p>
+				{/if}
+				{#if err}
+					<Alert class="w-full" type="error">Fehler beim Umbenennen</Alert>
+				{/if}
+			</ModalContent>
+			<ModalFooter
+				><Button disabled={inProgress} on:click={uploadSuccessful}>Ok</Button></ModalFooter
+			>
+		</Modal>
+	</div>
+{/if}
 
 <style>
 	ul {
diff --git a/src/routes/api/user/+server.ts b/src/routes/api/user/+server.ts
new file mode 100644
index 0000000..36ebdc5
--- /dev/null
+++ b/src/routes/api/user/+server.ts
@@ -0,0 +1,10 @@
+//Rollenabfrage ob Benutzer admin ist
+
+import { json } from "@sveltejs/kit";
+
+export async function GET({locals}) {
+    const isAdmin = locals.user?.admin === true;
+    const data = {admin: isAdmin}
+    return json(data)
+
+}
-- 
2.43.0


From 45166c0cacd1f18c8467f820beca0f34018f1f2d Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Fri, 8 Aug 2025 10:17:16 +0200
Subject: [PATCH 07/13] implement rename backend PUT function for crime

---
 .../api/list/[vorgang]/[tatort]/+server.ts    | 39 ++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/routes/api/list/[vorgang]/[tatort]/+server.ts b/src/routes/api/list/[vorgang]/[tatort]/+server.ts
index 73f9033..a81f385 100644
--- a/src/routes/api/list/[vorgang]/[tatort]/+server.ts
+++ b/src/routes/api/list/[vorgang]/[tatort]/+server.ts
@@ -1,4 +1,6 @@
 import { BUCKET, client } from '$lib/minio';
+import { json, type RequestHandler } from '@sveltejs/kit';
+import { getVorgangByName } from '$lib/server/vorgangService';
 
 export async function GET() {
 	const stream = client.listObjectsV2(BUCKET, '', true);
@@ -23,7 +25,6 @@ export async function GET() {
 	});
 }
 
-
 export async function DELETE({ request }: { request: Request }) {
 	const url_fragments = request.url.split('/');
 	const item = url_fragments.at(-1);
@@ -33,3 +34,39 @@ export async function DELETE({ request }: { request: Request }) {
 
 	return new Response(null, { status: 204 });
 }
+
+// rename operation for crimes
+export async function PUT({ params, request }: { params: RequestHandler; request: Request }) {
+	const data = await request.json();
+
+	// Vorgang
+	const vorgangName = params.vorgang;
+	const vorgangToken = getVorgangByName(vorgangName)?.token;
+
+	// prepare copy, incl. check if new name exists already
+	const crimeOldName = data['oldName'];
+	const crimeS3FullBucketPathOld = `/tatort/${vorgangToken}/${crimeOldName}`;
+	const crimeNewName = `${vorgangToken}/${data['newName']}`;
+
+	if (!crimeOldName || !crimeNewName) {
+		return json({ msg: 'Der Name darf nicht leer sein.' }, { status: 400 });
+	}
+
+	try {
+		await client.statObject('tatort', crimeNewName);
+		return json({ msg: 'Die Datei existiert bereits.' }, { status: 400 });
+	} catch (error) {
+		// continue operation
+		console.log(error, 'continue operation');
+	}
+
+	// actual copy operation
+	await client.copyObject('tatort', crimeNewName, crimeS3FullBucketPathOld);
+
+	console.log(`+++ weiter geht's`);
+
+	// delete
+	await client.removeObject('tatort', `${vorgangToken}/${crimeOldName}`);
+
+	return json({ success: 'success' }, { status: 200 });
+}
-- 
2.43.0


From 6ffeeb1d719475dc8d8abf6f38dcc78edf7d8b31 Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Tue, 12 Aug 2025 08:43:18 +0200
Subject: [PATCH 08/13] remove unnecessary console.log

---
 src/routes/api/list/[vorgang]/[tatort]/+server.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/routes/api/list/[vorgang]/[tatort]/+server.ts b/src/routes/api/list/[vorgang]/[tatort]/+server.ts
index a81f385..e48da78 100644
--- a/src/routes/api/list/[vorgang]/[tatort]/+server.ts
+++ b/src/routes/api/list/[vorgang]/[tatort]/+server.ts
@@ -63,8 +63,6 @@ export async function PUT({ params, request }: { params: RequestHandler; request
 	// actual copy operation
 	await client.copyObject('tatort', crimeNewName, crimeS3FullBucketPathOld);
 
-	console.log(`+++ weiter geht's`);
-
 	// delete
 	await client.removeObject('tatort', `${vorgangToken}/${crimeOldName}`);
 
-- 
2.43.0


From 84588cedfd2eafa70c476bc82013942db6f90228 Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Tue, 12 Aug 2025 09:11:28 +0200
Subject: [PATCH 09/13] fix vorgangPIN API endpoint

---
 src/routes/api/list/[vorgang]/vorgangPIN/+server.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/routes/api/list/[vorgang]/vorgangPIN/+server.ts b/src/routes/api/list/[vorgang]/vorgangPIN/+server.ts
index cc53d52..74d74a0 100644
--- a/src/routes/api/list/[vorgang]/vorgangPIN/+server.ts
+++ b/src/routes/api/list/[vorgang]/vorgangPIN/+server.ts
@@ -2,10 +2,12 @@ import { db } from '$lib/server/dbService';
 
 /** @type {import('./$types').RequestHandler} */
 export async function GET({ params }) {
-	const vorgangName = params.vorgang;
+	const vorgangToken = params.vorgang;
 
-	const getPINSQLStatement = `SELECT pin FROM cases WHERE name = ?;`;
-	const row = db.prepare(getPINSQLStatement).get(vorgangName);
+	const getPINSQLStatement = `SELECT pin
+															FROM cases
+															WHERE token = ?;`;
+	const row = db.prepare(getPINSQLStatement).get(vorgangToken);
 	const vorgangPIN = row?.pin;
 
 	if (vorgangPIN) {
-- 
2.43.0


From 35a55d06761fcd3da8a41023e00526688ea0f33c Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Tue, 12 Aug 2025 09:26:41 +0200
Subject: [PATCH 10/13] vorgaenge and crimesList API endpoints, auto-formatting

---
 src/lib/config.ts                        |  2 +-
 src/lib/server/vorgangService.ts         | 41 ++++++++++++++++++------
 src/routes/api/list/[vorgang]/+server.ts |  6 ++--
 3 files changed, 35 insertions(+), 14 deletions(-)

diff --git a/src/lib/config.ts b/src/lib/config.ts
index 2e2bf34..0775514 100644
--- a/src/lib/config.ts
+++ b/src/lib/config.ts
@@ -1,3 +1,3 @@
 import { readFileSync } from 'fs';
 
-export default JSON.parse(readFileSync('./config_prod.json').toString());
+export default JSON.parse(readFileSync('./config.json').toString());
diff --git a/src/lib/server/vorgangService.ts b/src/lib/server/vorgangService.ts
index 2418660..dc85f84 100644
--- a/src/lib/server/vorgangService.ts
+++ b/src/lib/server/vorgangService.ts
@@ -31,10 +31,16 @@ export const getCrimesListByToken = async (vorgangToken: string) => {
  * @param vorgangToken
  * @returns vorgangObj with keys `token`, `name`, `pin` || undefined
  */
-export const getVorgangByToken = (vorgangToken: string): {token: string, name:string, pin: string} | undefined => {
-	const getVorgangSQLStmt = `SELECT token, name, pin FROM cases WHERE token = ?`;
+export const getVorgangByToken = (
+	vorgangToken: string
+): { token: string; name: string; pin: string } | undefined => {
+	const getVorgangSQLStmt = `SELECT token, name, pin
+														 FROM cases
+														 WHERE token = ?`;
 	const statement = db.prepare(getVorgangSQLStmt);
-	const result = statement.get(vorgangToken) as {token: string, name:string, pin: string} | undefined;
+	const result = statement.get(vorgangToken) as
+		| { token: string; name: string; pin: string }
+		| undefined;
 
 	return result;
 };
@@ -44,10 +50,16 @@ export const getVorgangByToken = (vorgangToken: string): {token: string, name:st
  * @param vorgangName
  * @returns vorgangObj with keys `token`, `name`, `pin` || undefined
  */
-export const getVorgangByName = (vorgangName: string): {token: string, name: string, pin: string} | undefined => {
-	const getVorgangByNameSQLStmt = `SELECT token, name, pin FROM cases WHERE name = ?`;
+export const getVorgangByName = (
+	vorgangName: string
+): { token: string; name: string; pin: string } | undefined => {
+	const getVorgangByNameSQLStmt = `SELECT token, name, pin
+																	 FROM cases
+																	 WHERE name = ?`;
 	const statement = db.prepare(getVorgangByNameSQLStmt);
-	const result = statement.get(vorgangName) as {token: string, name: string, pin: string} | undefined;
+	const result = statement.get(vorgangName) as
+		| { token: string; name: string; pin: string }
+		| undefined;
 
 	return result;
 };
@@ -88,13 +100,22 @@ export const getListOfVorgänge = async () => {
  * Fetches list of vorgänge from database
  * @returns list with of available vorgaenge
  */
-export const getVorgaenge = (): {vorgangToken: string, vorgangName: string, vorgangPIN: string}[] => {
-	const getVorgaengeSQLStmt = `SELECT token, name, pin from cases`;
+export const getVorgaenge = (): {
+	vorgangToken: string;
+	vorgangName: string;
+	vorgangPIN: string;
+}[] => {
+	const getVorgaengeSQLStmt = `SELECT token, name, pin
+															 from cases`;
 	const statement = db.prepare(getVorgaengeSQLStmt);
 	const result = statement.all() as { token: string; name: string; pin: string }[];
-	const vorgaenge_list: {vorgangToken: string, vorgangName: string, vorgangPIN: string}[] = [];
+	const vorgaenge_list: { vorgangToken: string; vorgangName: string; vorgangPIN: string }[] = [];
 	for (const resultItem of result) {
-		const vorg = { vorgangToken: resultItem.token, vorgangName: resultItem.name, vorgangPIN: resultItem.pin };
+		const vorg = {
+			vorgangToken: resultItem.token,
+			vorgangName: resultItem.name,
+			vorgangPIN: resultItem.pin
+		};
 		vorgaenge_list.push(vorg);
 	}
 
diff --git a/src/routes/api/list/[vorgang]/+server.ts b/src/routes/api/list/[vorgang]/+server.ts
index 841519d..117d033 100644
--- a/src/routes/api/list/[vorgang]/+server.ts
+++ b/src/routes/api/list/[vorgang]/+server.ts
@@ -1,7 +1,7 @@
 import { client } from '$lib/minio';
 import {
 	deleteVorgangByToken,
-	getVorgangByToken,
+	getCrimesListByToken,
 	vorgangNameExists
 } from '$lib/server/vorgangService';
 import { json } from '@sveltejs/kit';
@@ -51,9 +51,9 @@ export async function GET({ params, locals }) {
 
 	try {
 		const vorgangToken = params.vorgang;
-		const vorgang = getVorgangByToken(vorgangToken);
+		const crimesList = await getCrimesListByToken(vorgangToken);
 
-		return new Response(JSON.stringify(vorgang), {
+		return new Response(JSON.stringify(crimesList), {
 			status: 200
 		});
 	} catch (err) {
-- 
2.43.0


From 7bdfa1f69b3a50b4078ac9881e787cf268242dae Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Tue, 12 Aug 2025 17:36:24 +0200
Subject: [PATCH 11/13] refactoring branch, tatort page-svelte,
 Datenaktualisierung durch api, page.ts,  choose better names

---
 src/lib/components/Button.svelte              |  56 ++--
 src/lib/components/EditableItem.svelte        |   3 +-
 src/lib/config.ts                             |   2 +-
 src/lib/data/tatort.db                        | Bin 24576 -> 24576 bytes
 .../list/[vorgang]/+page.server.ts            |  31 --
 .../(token-based)/list/[vorgang]/+page.svelte | 314 +++---------------
 .../(token-based)/list/[vorgang]/+page.ts     |  27 ++
 .../(token-based)/list/[vorgang]/+server.ts   |  34 --
 .../api/list/[vorgang]/[tatort]/+server.ts    |   9 +-
 9 files changed, 116 insertions(+), 360 deletions(-)
 delete mode 100644 src/routes/(token-based)/list/[vorgang]/+page.server.ts
 create mode 100644 src/routes/(token-based)/list/[vorgang]/+page.ts
 delete mode 100644 src/routes/(token-based)/list/[vorgang]/+server.ts

diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
index 17974f3..2a2d25a 100644
--- a/src/lib/components/Button.svelte
+++ b/src/lib/components/Button.svelte
@@ -1,3 +1,31 @@
+<script lang="ts">
+	export let href = null;
+	export let type = 'button';
+	export let size = 'md';
+	export let variant = 'primary';
+	export let fullWidth = false;
+	export let align = 'center';
+	export let disabled = false;
+	let classNames = '';
+	export { classNames as class };
+</script>
+
+{#if href}
+	<a on:click {href} class:w-full={fullWidth} class="button {variant} {size} {classNames} {align}"
+		><slot />
+	</a>
+{:else}
+	<button
+		on:click
+		{type}
+		{disabled}
+		class:w-full={fullWidth}
+		class="button {variant} {size} {classNames} {align}"
+	>
+		<slot />
+	</button>
+{/if}
+
 <style>
 	.button {
 		@apply inline-flex;
@@ -172,31 +200,3 @@
 		@apply justify-end;
 	}
 </style>
-
-<script lang="ts">
-	export let href = null;
-	export let type = 'button';
-	export let size = 'md';
-	export let variant = 'primary';
-	export let fullWidth = false;
-	export let align = 'center';
-	export let disabled = false;
-	let classNames = '';
-	export { classNames as class };
-</script>
-
-{#if href}
-	<a on:click {href} class:w-full={fullWidth} class="button {variant} {size} {classNames} {align}"
-		><slot />
-	</a>
-{:else}
-	<button
-		on:click
-		{type}
-		{disabled}
-		class:w-full={fullWidth}
-		class="button {variant} {size} {classNames} {align}"
-	>
-		<slot />
-	</button>
-{/if}
diff --git a/src/lib/components/EditableItem.svelte b/src/lib/components/EditableItem.svelte
index 33c49c9..8a3c07b 100644
--- a/src/lib/components/EditableItem.svelte
+++ b/src/lib/components/EditableItem.svelte
@@ -16,7 +16,6 @@
 		onDelete = () => {}
 	} = $props();
 
-	let names = list.map((l: ListItem) => l.name);
 	let localName = $state(currentName);
 	let wasCancelled = $state(false);
 
@@ -46,6 +45,8 @@
 	function commitIfValid() {
 		if (!error && !wasCancelled && localName != currentName) {
 			editedName = localName.trim();
+			inputRef?.blur();
+			isEditing = false;
 			onSave(editedName, currentName);
 		} else {
 			localName = currentName;
diff --git a/src/lib/config.ts b/src/lib/config.ts
index 0775514..2e2bf34 100644
--- a/src/lib/config.ts
+++ b/src/lib/config.ts
@@ -1,3 +1,3 @@
 import { readFileSync } from 'fs';
 
-export default JSON.parse(readFileSync('./config.json').toString());
+export default JSON.parse(readFileSync('./config_prod.json').toString());
diff --git a/src/lib/data/tatort.db b/src/lib/data/tatort.db
index a1e5df718fe557992da7640f69c07ec31b3bda19..4fd1b06d57f43de6263e41efdab9415e03c37b7f 100644
GIT binary patch
delta 234
zcmZoTz}Rqrae_1>=R_H2M$U~1%jDT!Gw^@of4x~S;6A@1Clj+cV{&3~YB3WBBeOVX
zX>n>%F)srH0~3Eg1OIXU{>_34&HNT-Osou{;<A<|CTXV01{S($Nd{@UCZ>iax=AS(
zNxG)Vrp88wNtS8mi3SywRl3F*7RF|&DH(>7kK5aFF!8Tv;9t*w18CG@eq9abP)1_R
pVNz!f<(z!ZUS(1M3(yFlqrXBOEy@XWGuRp?E@o*?5X;cW7yu0{K7{}P

delta 125
zcmZoTz}Rqrae_1>%S0JxMwX2U%jDVKFz|olf3sOo;THeI05&-eCT4NY<iz6CVh%<i
ztF$<^sF;_5fq{|#I0OH2pt8OElaJfmvN7`CVBo(2<e%ebQD+Y2oP5q+Wl{hOQ2Z+c
W|5u1{69l=rn58)@Dywu2jf?>YWFz1J

diff --git a/src/routes/(token-based)/list/[vorgang]/+page.server.ts b/src/routes/(token-based)/list/[vorgang]/+page.server.ts
deleted file mode 100644
index b8b54e0..0000000
--- a/src/routes/(token-based)/list/[vorgang]/+page.server.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { getVorgangByToken, getCrimesListByToken } from '$lib/server/vorgangService';
-import type { PageServerLoad } from './$types';
-
-export const load: PageServerLoad = async ({fetch, params, url }) => {
-	const vorgangToken = params.vorgang;
-	const vorgangPIN = url.searchParams.get('pin');
-
-		const adminRes = await fetch(`/api/user`)
-const user = await adminRes.json()
-
-	const crimesList = await getCrimesListByToken(vorgangToken); // TatortList zum Vorgang
-	const vorgangObjekt = getVorgangByToken(vorgangToken); //einzelner Vorgang //TypeScript darf nicht undefined sein
-let vorgangName:string;
-	if(vorgangObjekt){
-vorgangName  = vorgangObjekt.name;
-	}else{
-		vorgangName = '';
-	}
-
-	return {
-		crimesList, //crimesList
-		vorgangPIN, //caseToken
-		vorgangName, //caseId?
-		vorgangObjekt,
-		user
-	};
-};
-
-
-// Ersetze diese Verbindung zum Server durch API Endpunkte
-
diff --git a/src/routes/(token-based)/list/[vorgang]/+page.svelte b/src/routes/(token-based)/list/[vorgang]/+page.svelte
index 143a061..31d2abb 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.svelte
+++ b/src/routes/(token-based)/list/[vorgang]/+page.svelte
@@ -9,77 +9,59 @@
 	import ModalContent from '$lib/components/Modal/ModalContent.svelte';
 	import ModalFooter from '$lib/components/Modal/ModalFooter.svelte';
 	import Cube from '$lib/icons/Cube.svelte';
-
 	import EditableItem from '$lib/components/EditableItem.svelte';
-
-	import { invalidate } from '$app/navigation';
-	import { page } from '$app/stores';
+	import { invalidate, invalidateAll } from '$app/navigation';
 
 	//Seite für die Tatort-Liste
 	let { data } = $props();
 
-	console.log('tatorte: debug ', data);
+	console.log('tatorte: debug ', data); //zur besseren Nachvollziehbarkeit noch drin gelassen, kann vorm merge gelöscht werden
 
 	interface ListItem {
+		//sollte Typ Vorgang sein, aber der einfachheit ist es noch ListItem, damit die Komponente EditableItem für Vorgang und Tatort eingesetzt werden kann
 		name: string;
 		size: number;
 		lastModified: string | number | Date;
 		show_button?: boolean;
+		prefix?: string;
 		// add other properties as needed
 	}
 
-	let vorgang: string = data.vorgangName; //	let vorgang = data.caseId;  	<!--caseId, vorgang.name aber das funktioniert nicht richtig, daher in server.ts geändert-->
+	let vorgangName: string = data.vorgang.vorgangName; //	let vorgang = data.caseId;  	<!--caseId, vorgang.name aber das funktioniert nicht richtig, daher in server.ts geändert-->
 	let crimesList: ListItem[] = $state(data.crimesList);
-	const vorgangPIN: string = data.vorgangPIN; //caseToken??  //	const token: string | null = data.caseToken;
+	const vorgangPIN: string = data.vorgang.vorgangPIN; //caseToken??  //	const token: string | null = data.caseToken;
+	let vorgangToken: string = data.vorgang.vorgangToken;
 
 	//Variablen für Modal
 	let open = $state(false);
 	let inProgress = $state(false);
 	let err = $state(false);
-	function uploadSuccessful() {
-		open = false;
-	}
 
-	//Variabeln für EditableItem
-	let names: string[] = $state(crimesList.map((l) => l.name));
-	let editedName: string = $state('');
-	let currentName: string = $state('');
-
-	let editingId: number;
-
-	// let admin = data?.user?.admin;
-	let admin = true;
-
-	let rename_input;
-
-	$effect(() => {
-		console.log('rename_input hat sich geändert:', rename_input);
-	});
+	//Variable um nur admin UI anzuzeigen
+	let admin = data?.user?.admin;
 
 	async function handleSave(newName: string, oldName: string) {
-		console.log('Eltern, speichern erfolgreich', newName, oldName);
+		open = true;
+		console.log('Eltern, speichern erfolgreich', newName, oldName); //zur besseren Nachvollziehbarkeit noch drin gelassen, kann vorm merge gelöscht werden
 		try {
-			const res = await fetch(`/api/list/${vorgang}/${oldName}`, {
+			const res = await fetch(`/api/list/${vorgangToken}/${oldName}`, {
+				//irgendwas stimmt hier nicht, vorgangToken führt zu Fehler in API,
 				method: 'PUT',
 				headers: {
 					'Content-Type': 'application/json'
 				},
-				body: JSON.stringify({ vorgang, oldName, newName })
+				body: JSON.stringify({ vorgangToken, oldName, newName })
 			});
-			const clone = res.clone();
-			const data = await res.json();
-			let message = data.message;
-			let error = !data.success;
-
-			console.log('Tatort Update: ', message);
 
 			if (!res.ok) {
-				const msg = await clone.text();
+				const msg = await res.text();
 				console.error('❌ Fehler beim Speichern:', msg);
 			} else {
-				console.log('✅ Erfolgreich gespeichert:', newName);
-				await invalidate('');
-				currentName = newName;
+				await invalidate(`/api/list/${vorgangToken}`);
+				await invalidateAll();
+				crimesList = data.crimesList;
+				console.log('✅ Erfolgreich gespeichert:', crimesList, data.crimesList, newName); //zur besseren Nachvollziehbarkeit noch drin gelassen, kann vorm merge gelöscht werden
+				open = false;
 			}
 		} catch (err) {
 			console.error('⚠️ Netzwerkfehler:', err);
@@ -87,7 +69,7 @@
 	}
 
 	async function handleDelete(tatort: string) {
-		let url = new URL($page.url);
+		let url = new URL(data.url);
 		url.pathname += `/${tatort}`;
 		console.log('Delete tatort: ', `/api${url.pathname}`, url.pathname);
 
@@ -97,7 +79,7 @@
 				headers: {
 					'Content-Type': 'application/json'
 				},
-				body: JSON.stringify({ vorgang, tatort })
+				body: JSON.stringify({ vorgangToken, tatort })
 			});
 
 			if (!res.ok) {
@@ -105,255 +87,67 @@
 				console.error('❌ Fehler beim Löschen:', msg);
 			} else {
 				console.log('🗑️ Erfolgreich gelöscht:', url.pathname);
+				await invalidate(`/api/list/${vorgangToken}`);
+				await invalidateAll();
+				crimesList = data.crimesList;
 			}
 		} catch (err) {
 			console.error('⚠️ Netzwerkfehler beim Löschen:', err);
 		}
 	}
 
-	// function defocus_element(i: number) {
-	// 	let item = crimesList[i];
-	// 	let text_field_id = `label__${item.name}`;
+	function constructMailToLink() {
+		const subject = 'Link zum Tatvorgang';
 
-	// 	let text_field = document.getElementById(text_field_id);
-	// 	if (text_field) {
-	// 		text_field.setAttribute('contenteditable', 'false');
-	// 		text_field.textContent = item.name;
-	// 	}
+		const link = data.url.origin + data.url.pathname;
+		const body = `Hallo,
 
-	// 	// reshow button
-	// 	crimesList[i].show_button = true;
-	// 	return;
-	// }
+	hier ist der Link zum Tatvorgang:
+	${link}
 
-	// 	async function handleEditFieldInput(ev: KeyboardEvent, listItemIndex: number) {
-	// 		let item = crimesList[listItemIndex];
-	// 		if (ev.key == 'Escape') {
-	// 			let text_field_id = `label__${item.name}`;
+	Der Zugangs-PIN wird zur Sicherheit über einen zweiten Kommunikationskanal übermittelt.
 
-	// 			let text_field = document.getElementById(text_field_id);
-	// 			if (text_field) {
-	// 				text_field.setAttribute('contenteditable', 'false');
-	// 				text_field.textContent = item.name;
-	// 			}
+	Mit freundlichen Grüßen,
+	`;
 
-	// 			// reshow button
-	// 			item.show_button = true;
-	// 			return;
-	// 		}
-	// 		if (ev.key == 'Enter') {
-	// 			let name_field = ev.currentTarget as HTMLElement | null;
-	// 			let new_name = name_field
-	// 				? name_field.textContent || (name_field as any).innerText || ''
-	// 				: '';
+		const mailtoLink = `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
 
-	// 			if (new_name == '') {
-	// 				alert('Bitte einen gültigen Namen eingeben.');
-	// 				ev.preventDefault();
-	// 				return;
-	// 			}
+		return mailtoLink;
+	}
 
-	// 			// actual upload
-	// 			// -------------
-
-	// 			// to prevent from item being selected
-	// 			ev.preventDefault();
-
-	// 			// construct PUT URL
-	// 			const url = $page.url.pathname.split('?')[0];
-
-	// 			let data_obj: { new_name: string; old_name: string } = { new_name: '', old_name: '' };
-	// 			data_obj['new_name'] = new_name;
-	// 			data_obj['old_name'] =
-	// 				ev.currentTarget && (ev.currentTarget as HTMLElement).id
-	// 					? (ev.currentTarget as HTMLElement).id.split('__')[1]
-	// 					: '';
-
-	// 			open = true;
-	// 			inProgress = true;
-
-	// 			const response = await fetch(url, { method: 'PUT', body: JSON.stringify(data_obj) });
-
-	// 			inProgress = false;
-
-	// 			if (!response.ok) {
-	// 				err = true;
-	// 				if (response.status == 400) {
-	// 					let json_res = await response.json();
-	// 					return;
-	// 				}
-	// 				throw new Error(`Fehlgeschlagen: ${response.status}`);
-	// 			} else {
-	// 				uploadSuccessful();
-	// 				setTimeout(() => {
-	// 					window.location.reload();
-	// 				}, 500);
-	// 			}
-
-	// 			// --- upload finished ---
-
-	// 			return;
-	// 		}
-	// 	}
-
-	// function constructMailToLink() {
-	// 	const subject = 'Link zum Tatvorgang';
-	// 	const link = $page.url.toString().split('?')[0];
-	// 	const body = `Hallo,
-
-	// hier ist der Link zum Tatvorgang:
-	// ${link}
-
-	// Der Zugangs-PIN wird zur Sicherheit über einen zweiten Kommunikationskanal übermittelt.
-
-	// Mit freundlichen Grüßen,
-	// `;
-
-	// 	const mailtoLink = `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
-
-	// 	return mailtoLink;
-	// }
+	function closeModal() {
+		open = false;
+	}
 </script>
 
-{#if vorgang}
+{#if data.vorgang && data.crimesList}
 	<div class="-z-10 bg-white">
 		<div class="flex flex-col items-center justify-center w-full">
-			<h1 class="text-xl">Vorgang {vorgang}</h1>
+			<h1 class="text-xl">Vorgang {vorgangName}</h1>
 
-			<!-- {#if data?.user?.admin}
-				Zugangs-PIN: {vorgang.pin}
-				<a href={constructMailToLink()}><Button>Share Link</Button></a>
-			{/if} -->
+			{#if admin}
+				Zugangs-PIN: {vorgangPIN}
+				<a class="pt-2 pb-6" href={constructMailToLink()}><Button>Share Link</Button></a>
+			{/if}
 		</div>
 		<div class="mx-auto flex justify-center max-w-7xl h-full">
 			<ul class="divide-y divide-gray-100">
-				{#each crimesList as item, crimeListItemIndex}
-					<!-- <li>
-						<a
-							href="/view/{$page.params.vorgang}/{item.name}?pin={vorgangPIN}"
-							class=" flex justify-between gap-x-6 py-5"
-							aria-label="zum 3D-modell"
-						>
-							<div class=" flex gap-x-4">
-								<Cube />
-								<div class="min-w-0 flex-auto">
-									{#if data?.user?.admin}
-										<span
-											id="label__{item.name}"
-											class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
-											contenteditable={!item.show_button}
-											role="textbox"
-											tabindex="0"
-											aria-label="Dateiname bearbeiten"
-											on:focusout={() => {
-												defocus_element(crimeListItemIndex);
-											}}
-											on:keydown|stopPropagation={// event needed to identify ID
-											// TO-DO: check if event is needed or if index is sufficient
-											async (ev) => {
-												handleEditFieldInput(ev, crimeListItemIndex);
-											}}>{item.name}</span
-										>
-
-										{#if item.show_button}
-											<button
-												style="padding: 2px"
-												id="edit__{item.name}"
-												aria-label="Datei umbenennen"
-												on:click|preventDefault={(ev) => {
-													let text_field_id = `label__${item.name}`;
-
-													let text_field = document.getElementById(text_field_id);
-													if (text_field) {
-														text_field.setAttribute('contenteditable', 'true');
-														text_field.focus();
-														text_field.textContent = '';
-													}
-
-													// hide button
-													item.show_button = false;
-												}}
-											>
-												<Edit />
-											</button>
-										{/if}
-										<button
-											style="padding: 2px"
-											id="del__{item.name}"
-											on:click|preventDefault={async (ev) => {
-												let delete_item = window.confirm('Bist du sicher?');
-
-												if (delete_item) {
-													// bucket: tatort, name: <vorgang>/item-name
-													let vorgang = $page.params.vorgang;
-													let filename = '';
-													if (ev && ev.currentTarget && (ev.currentTarget as HTMLElement).id) {
-														filename = (ev.currentTarget as HTMLElement).id.split('del__')[1];
-													}
-
-													// delete request
-													// --------------
-
-													let url = new URL($page.url);
-													url.pathname += `/${filename}`;
-
-													try {
-														const response = await fetch(`/api${url.pathname}`, {
-															method: 'DELETE'
-														});
-														if (response.status == 204) {
-															setTimeout(() => {
-																window.location.reload();
-															}, 500);
-														}
-													} catch (error) {
-														if (error instanceof Error) {
-															console.log(error.message);
-														} else {
-															console.log(error);
-														}
-													}
-												}
-											}}
-											aria-label="Datei löschen"
-										>
-											<Trash />
-										</button>
-									{:else}
-										<span class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
-											>{item.name}</span
-										>
-									{/if}
-									<p class="mt-1 truncate text-xs leading-5 text-gray-500">
-										{shortenFileSize(item.size)}
-									</p>
-								</div>
-							</div>
-							<div class="hidden sm:flex sm:flex-col sm:items-end">
-								<p class="text-sm leading-6 text-gray-900">3D Tatort</p>
-								<p class="mt-1 text-xs leading-5 text-gray-500">
-									Zuletzt geändert <time datetime="2023-01-23T13:23Z"
-										>{timeElapsed(new Date(item.lastModified))}</time
-									>
-								</p>
-							</div>
-						</a>
-					</li> -->
-
+				{#each data.crimesList as item, crimeListItemIndex}
 					<li>
 						<div class=" flex gap-x-4">
 							<a
-								href="/view/{$page.params.vorgang}/{currentName}?pin={vorgangPIN}"
+								href="/view/{vorgangToken}/{item.name}?pin={vorgangPIN}"
 								class=" flex justify-between gap-x-6 py-5"
-								aria-label="zum 3D-modell"
+								aria-label="/view/{vorgangToken}/{item.name}?pin={vorgangPIN}"
+								title={item.name}
 							>
 								<Cube />
 							</a>
 							<div class="min-w-0 flex-auto">
 								{#if admin}
 									<EditableItem
-										list={crimesList}
-										bind:editedName={names[crimeListItemIndex]}
+										list={data.crimesList}
+										editedName={data.crimeNames[crimeListItemIndex]}
 										currentName={item.name}
 										onSave={handleSave}
 										onDelete={handleDelete}
@@ -394,9 +188,7 @@
 					<Alert class="w-full" type="error">Fehler beim Umbenennen</Alert>
 				{/if}
 			</ModalContent>
-			<ModalFooter
-				><Button disabled={inProgress} on:click={uploadSuccessful}>Ok</Button></ModalFooter
-			>
+			<ModalFooter><Button disabled={inProgress} on:click={closeModal}>Ok</Button></ModalFooter>
 		</Modal>
 	</div>
 {/if}
diff --git a/src/routes/(token-based)/list/[vorgang]/+page.ts b/src/routes/(token-based)/list/[vorgang]/+page.ts
new file mode 100644
index 0000000..ab4cfaf
--- /dev/null
+++ b/src/routes/(token-based)/list/[vorgang]/+page.ts
@@ -0,0 +1,27 @@
+import { redirect } from '@sveltejs/kit';
+
+export async function load({fetch, params, url}){
+    const  vorgangResponse = await fetch(`/api/list`);
+     const vorgangList = await vorgangResponse.json()
+     const vorgangToken = params.vorgang;
+         const crimesListResponse = await fetch(`/api/list/${vorgangToken}`)
+         const crimesList = await crimesListResponse.json();
+    const vorgang = vorgangList.find(v => v.vorgangToken === vorgangToken); //vorgang sollte ein eigener Typ werden, und dann kann man es hier vernünftig typisieren
+    if(!vorgang || !crimesList){
+  	throw new Error(`Fehlgeschlagen, es wurden keine Daten zum token gefunden`);
+    }
+
+	//Variabeln für EditableItem
+	const crimeNames: string[] = crimesList.map((l) => l.name);
+
+   if (crimesList.length === 0) {
+    throw redirect(302, '/upload'); // weiterleiten auf die hinzufügen seite
+  }
+     return {
+      vorgang,
+      vorgangList,
+      crimesList,
+      url,
+      crimeNames
+     }
+}
diff --git a/src/routes/(token-based)/list/[vorgang]/+server.ts b/src/routes/(token-based)/list/[vorgang]/+server.ts
deleted file mode 100644
index b422976..0000000
--- a/src/routes/(token-based)/list/[vorgang]/+server.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { client } from '$lib/minio';
-import { json } from '@sveltejs/kit';
-
-
-// rename operation for crimes
-export async function PUT({ request }: {request: Request}) {
-    const data = await request.json();
-
-    // Vorgang
-    const vorgangToken = request.url.split('/').at(-1);
-
-    // prepare copy, incl. check if new name exists already
-    const crimeOldName = data["old_name"];
-    const crimeS3FullBucketPathOld = `/tatort/${vorgangToken}/${crimeOldName}`;
-    const crimeNewName = `${vorgangToken}/${data["new_name"]}`;
-
-    try {
-        await client.statObject('tatort', crimeNewName);
-        return json({ msg: 'Die Datei existiert bereits.' }, { status: 400 });
-    } catch (error) {
-        // continue operation
-        console.log(error, 'continue operation');
-    }
-
-    // actual copy operation
-    await client.copyObject('tatort', crimeNewName, crimeS3FullBucketPathOld)
-
-    // delete
-    await client.removeObject('tatort', `${vorgangToken}/${crimeOldName}`)
-
-    // return success or failure
-
-    return json({ success: 'success' }, { status: 200 });
-};
diff --git a/src/routes/api/list/[vorgang]/[tatort]/+server.ts b/src/routes/api/list/[vorgang]/[tatort]/+server.ts
index e48da78..28db96c 100644
--- a/src/routes/api/list/[vorgang]/[tatort]/+server.ts
+++ b/src/routes/api/list/[vorgang]/[tatort]/+server.ts
@@ -1,5 +1,5 @@
 import { BUCKET, client } from '$lib/minio';
-import { json, type RequestHandler } from '@sveltejs/kit';
+import { json } from '@sveltejs/kit';
 import { getVorgangByName } from '$lib/server/vorgangService';
 
 export async function GET() {
@@ -36,12 +36,13 @@ export async function DELETE({ request }: { request: Request }) {
 }
 
 // rename operation for crimes
-export async function PUT({ params, request }: { params: RequestHandler; request: Request }) {
+export async function PUT({ params, request }) {
 	const data = await request.json();
 
 	// Vorgang
-	const vorgangName = params.vorgang;
-	const vorgangToken = getVorgangByName(vorgangName)?.token;
+	const vorgangToken = params.vorgang;
+	//const vorgangToken = getVorgangByName(vorgangName)?.token;
+
 
 	// prepare copy, incl. check if new name exists already
 	const crimeOldName = data['oldName'];
-- 
2.43.0


From 6c9afda777e1f7943dd825e2d0b195fd6c3ab813 Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Wed, 13 Aug 2025 12:03:14 +0200
Subject: [PATCH 12/13] Teilbearbeitung des Pull-Requests, nicht fertig da
 meeting

---
 src/lib/components/Button.svelte              |   2 +-
 ...tableItem.svelte => NameItemEditor.svelte} |   8 +--
 src/lib/config.ts                             |   2 +-
 src/lib/data/tatort.db                        | Bin 24576 -> 24576 bytes
 .../(token-based)/list/[vorgang]/+page.svelte |  56 +++++++++++-------
 .../(token-based)/list/[vorgang]/+page.ts     |   2 +-
 6 files changed, 41 insertions(+), 29 deletions(-)
 rename src/lib/components/{EditableItem.svelte => NameItemEditor.svelte} (93%)

diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
index 2a2d25a..53153c1 100644
--- a/src/lib/components/Button.svelte
+++ b/src/lib/components/Button.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	export let href = null;
-	export let type = 'button';
+	export let type: 'button' | 'submit' | 'reset' = 'button';
 	export let size = 'md';
 	export let variant = 'primary';
 	export let fullWidth = false;
diff --git a/src/lib/components/EditableItem.svelte b/src/lib/components/NameItemEditor.svelte
similarity index 93%
rename from src/lib/components/EditableItem.svelte
rename to src/lib/components/NameItemEditor.svelte
index 8a3c07b..9e6b13e 100644
--- a/src/lib/components/EditableItem.svelte
+++ b/src/lib/components/NameItemEditor.svelte
@@ -20,9 +20,6 @@
 	let wasCancelled = $state(false);
 
 	let error: string = $derived(validateName(localName));
-
-	let manualError = $state('');
-
 	let isEditing = $state(false);
 	let inputRef: HTMLInputElement;
 
@@ -56,7 +53,6 @@
 
 	function resetEdit() {
 		wasCancelled = false;
-		manualError = '';
 		inputRef?.blur();
 		isEditing = false;
 	}
@@ -88,7 +84,7 @@
 	/>
 	<button onclick={startEdit}><Edit /></button>
 	<button onclick={() => onDelete(currentName)}><Trash /></button>
-	{#if manualError || error}
-		<p style="color: red;">{manualError || error}</p>
+	{#if error}
+		<p style="color: red;">{error}</p>
 	{/if}
 </div>
diff --git a/src/lib/config.ts b/src/lib/config.ts
index 2e2bf34..0775514 100644
--- a/src/lib/config.ts
+++ b/src/lib/config.ts
@@ -1,3 +1,3 @@
 import { readFileSync } from 'fs';
 
-export default JSON.parse(readFileSync('./config_prod.json').toString());
+export default JSON.parse(readFileSync('./config.json').toString());
diff --git a/src/lib/data/tatort.db b/src/lib/data/tatort.db
index 4fd1b06d57f43de6263e41efdab9415e03c37b7f..645ecce246fad4ee273ee1d27b38276a848bb726 100644
GIT binary patch
delta 54
zcmV-60LlM=zyW~30gxL33XvQ`0Sd8TrY{DS01w9xm9r5bgAbFBKL!Ud0tEn77ZH<|
MKPdq%v&KI<Ai+Qnm;e9(

delta 54
zcmZoTz}Rqrae_1>=R_H2M$U~1%k<g$8TgO$_iq+dXy%{XZ_makJ9&=1CVPg3u~}+L
K#^z)8Rtf;qCJ_bz

diff --git a/src/routes/(token-based)/list/[vorgang]/+page.svelte b/src/routes/(token-based)/list/[vorgang]/+page.svelte
index 31d2abb..a114732 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.svelte
+++ b/src/routes/(token-based)/list/[vorgang]/+page.svelte
@@ -9,16 +9,15 @@
 	import ModalContent from '$lib/components/Modal/ModalContent.svelte';
 	import ModalFooter from '$lib/components/Modal/ModalFooter.svelte';
 	import Cube from '$lib/icons/Cube.svelte';
-	import EditableItem from '$lib/components/EditableItem.svelte';
 	import { invalidate, invalidateAll } from '$app/navigation';
+	import NameItemEditor from '$lib/components/NameItemEditor.svelte';
 
 	//Seite für die Tatort-Liste
 	let { data } = $props();
 
-	console.log('tatorte: debug ', data); //zur besseren Nachvollziehbarkeit noch drin gelassen, kann vorm merge gelöscht werden
-
+	console.log('tatorte: debug ', data);
 	interface ListItem {
-		//sollte Typ Vorgang sein, aber der einfachheit ist es noch ListItem, damit die Komponente EditableItem für Vorgang und Tatort eingesetzt werden kann
+		//sollte Typ Vorgang sein, aber der einfachheit ist es noch ListItem, damit die Komponente NameItemEditor für Vorgang und Tatort eingesetzt werden kann
 		name: string;
 		size: number;
 		lastModified: string | number | Date;
@@ -27,40 +26,46 @@
 		// add other properties as needed
 	}
 
-	let vorgangName: string = data.vorgang.vorgangName; //	let vorgang = data.caseId;  	<!--caseId, vorgang.name aber das funktioniert nicht richtig, daher in server.ts geändert-->
+	let vorgangName: string = data.vorgang.vorgangName;
 	let crimesList: ListItem[] = $state(data.crimesList);
-	const vorgangPIN: string = data.vorgang.vorgangPIN; //caseToken??  //	const token: string | null = data.caseToken;
+	const vorgangPIN: string = data.vorgang.vorgangPIN;
 	let vorgangToken: string = data.vorgang.vorgangToken;
 
 	//Variablen für Modal
 	let open = $state(false);
 	let inProgress = $state(false);
-	let err = $state(false);
+	let isError = $state(false);
 
 	//Variable um nur admin UI anzuzeigen
 	let admin = data?.user?.admin;
 
 	async function handleSave(newName: string, oldName: string) {
 		open = true;
-		console.log('Eltern, speichern erfolgreich', newName, oldName); //zur besseren Nachvollziehbarkeit noch drin gelassen, kann vorm merge gelöscht werden
+		inProgress = true;
 		try {
 			const res = await fetch(`/api/list/${vorgangToken}/${oldName}`, {
-				//irgendwas stimmt hier nicht, vorgangToken führt zu Fehler in API,
 				method: 'PUT',
 				headers: {
 					'Content-Type': 'application/json'
 				},
 				body: JSON.stringify({ vorgangToken, oldName, newName })
-			});
+			})
+				.then(() => {
+					inProgress = false;
+				})
+				.catch((err) => {
+					inProgress = false;
+					isError = true;
+					console.log('ERROR', err);
+				});
 
 			if (!res.ok) {
 				const msg = await res.text();
-				console.error('❌ Fehler beim Speichern:', msg);
+				console.error('❌ Fehler beim Umbenennen:', msg);
+				isError = true;
 			} else {
-				await invalidate(`/api/list/${vorgangToken}`);
 				await invalidateAll();
 				crimesList = data.crimesList;
-				console.log('✅ Erfolgreich gespeichert:', crimesList, data.crimesList, newName); //zur besseren Nachvollziehbarkeit noch drin gelassen, kann vorm merge gelöscht werden
 				open = false;
 			}
 		} catch (err) {
@@ -69,6 +74,8 @@
 	}
 
 	async function handleDelete(tatort: string) {
+		open = true;
+		inProgress = true;
 		let url = new URL(data.url);
 		url.pathname += `/${tatort}`;
 		console.log('Delete tatort: ', `/api${url.pathname}`, url.pathname);
@@ -80,18 +87,25 @@
 					'Content-Type': 'application/json'
 				},
 				body: JSON.stringify({ vorgangToken, tatort })
-			});
-
+			})
+				.then(() => {
+					inProgress = false;
+				})
+				.catch((err) => {
+					isError = true;
+					inProgress = false;
+					console.log('ERROR', err);
+				});
 			if (!res.ok) {
 				const msg = await res.text();
 				console.error('❌ Fehler beim Löschen:', msg);
 			} else {
 				console.log('🗑️ Erfolgreich gelöscht:', url.pathname);
-				await invalidate(`/api/list/${vorgangToken}`);
 				await invalidateAll();
 				crimesList = data.crimesList;
 			}
 		} catch (err) {
+			isError = true;
 			console.error('⚠️ Netzwerkfehler beim Löschen:', err);
 		}
 	}
@@ -117,6 +131,7 @@
 
 	function closeModal() {
 		open = false;
+		isError = false;
 	}
 </script>
 
@@ -145,13 +160,13 @@
 							</a>
 							<div class="min-w-0 flex-auto">
 								{#if admin}
-									<EditableItem
+									<NameItemEditor
 										list={data.crimesList}
 										editedName={data.crimeNames[crimeListItemIndex]}
 										currentName={item.name}
 										onSave={handleSave}
 										onDelete={handleDelete}
-									></EditableItem>
+									></NameItemEditor>
 								{:else}
 									<span class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
 										>{item.name}</span
@@ -183,9 +198,10 @@
 			><ModalTitle>Umbenennen</ModalTitle><ModalContent>
 				{#if inProgress}
 					<p class="py-2 mb-1">Vorgang läuft...</p>
-				{/if}
-				{#if err}
+				{:else if isError}
 					<Alert class="w-full" type="error">Fehler beim Umbenennen</Alert>
+				{:else}
+					<Alert class="w-full">Upload erfolgreich</Alert>
 				{/if}
 			</ModalContent>
 			<ModalFooter><Button disabled={inProgress} on:click={closeModal}>Ok</Button></ModalFooter>
diff --git a/src/routes/(token-based)/list/[vorgang]/+page.ts b/src/routes/(token-based)/list/[vorgang]/+page.ts
index ab4cfaf..03ec929 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.ts
+++ b/src/routes/(token-based)/list/[vorgang]/+page.ts
@@ -11,7 +11,7 @@ export async function load({fetch, params, url}){
   	throw new Error(`Fehlgeschlagen, es wurden keine Daten zum token gefunden`);
     }
 
-	//Variabeln für EditableItem
+	//Variabeln für NameItemEditor
 	const crimeNames: string[] = crimesList.map((l) => l.name);
 
    if (crimesList.length === 0) {
-- 
2.43.0


From be9e64cfd8d7ace8db2e271b9f9046488b13270f Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Wed, 13 Aug 2025 16:56:35 +0200
Subject: [PATCH 13/13] =?UTF-8?q?=C3=9Cberarbeitung=20des=20Pull=20Request?=
 =?UTF-8?q?,=20f=C3=BCr=20Chico=20bitte=20offen=20lassen.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/NameItemEditor.svelte           |  4 ++--
 src/routes/(angemeldet)/list/+page.svelte          | 14 +++++++-------
 .../(token-based)/list/[vorgang]/+page.svelte      |  7 ++++++-
 src/routes/api/list/[vorgang]/[tatort]/+server.ts  |  6 ------
 4 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/lib/components/NameItemEditor.svelte b/src/lib/components/NameItemEditor.svelte
index 9e6b13e..4a1bddf 100644
--- a/src/lib/components/NameItemEditor.svelte
+++ b/src/lib/components/NameItemEditor.svelte
@@ -41,10 +41,10 @@
 
 	function commitIfValid() {
 		if (!error && !wasCancelled && localName != currentName) {
-			editedName = localName.trim();
+			const trimmedName: string = localName.trim();
 			inputRef?.blur();
 			isEditing = false;
-			onSave(editedName, currentName);
+			onSave(trimmedName, currentName);
 		} else {
 			localName = currentName;
 			resetEdit();
diff --git a/src/routes/(angemeldet)/list/+page.svelte b/src/routes/(angemeldet)/list/+page.svelte
index f2e0a37..ae96f94 100644
--- a/src/routes/(angemeldet)/list/+page.svelte
+++ b/src/routes/(angemeldet)/list/+page.svelte
@@ -14,9 +14,6 @@
 			const target = ev.currentTarget as HTMLElement | null;
 			if (!target) return;
 			let filename = target.id.split('del__')[1];
-			
-			// delete request
-			// --------------
 
 			let url = `/api/list/${filename}`;
 
@@ -46,13 +43,16 @@
 		<ul role="list" class="divide-y divide-gray-100">
 			{#each vorgangList as vorgangItem}
 				<li>
-					<a href="/list/{vorgangItem.vorgangToken}?pin={vorgangItem.vorgangPIN}" class="flex justify-between gap-x-6 py-5">
+					<a
+						href="/list/{vorgangItem.vorgangToken}?pin={vorgangItem.vorgangPIN}"
+						class="flex justify-between gap-x-6 py-5"
+					>
 						<div class="flex gap-x-4">
-							<!-- Ordner -->
 							<Folder />
 							<div class="min-w-0 flex-auto">
-								<span class="text-sm font-semibold leading-6 text-gray-900">{vorgangItem.vorgangName}</span>
-								<!-- Delete button -->
+								<span class="text-sm font-semibold leading-6 text-gray-900"
+									>{vorgangItem.vorgangName}</span
+								>
 								<button
 									style="padding: 2px"
 									id="del__{vorgangItem.vorgangToken}"
diff --git a/src/routes/(token-based)/list/[vorgang]/+page.svelte b/src/routes/(token-based)/list/[vorgang]/+page.svelte
index a114732..7929370 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.svelte
+++ b/src/routes/(token-based)/list/[vorgang]/+page.svelte
@@ -63,13 +63,16 @@
 				const msg = await res.text();
 				console.error('❌ Fehler beim Umbenennen:', msg);
 				isError = true;
+				inProgress = false;
 			} else {
 				await invalidateAll();
 				crimesList = data.crimesList;
 				open = false;
+				inProgress = false;
 			}
 		} catch (err) {
 			console.error('⚠️ Netzwerkfehler:', err);
+			inProgress = false;
 		}
 	}
 
@@ -102,10 +105,12 @@
 			} else {
 				console.log('🗑️ Erfolgreich gelöscht:', url.pathname);
 				await invalidateAll();
+
 				crimesList = data.crimesList;
 			}
 		} catch (err) {
 			isError = true;
+			inProgress = false;
 			console.error('⚠️ Netzwerkfehler beim Löschen:', err);
 		}
 	}
@@ -201,7 +206,7 @@
 				{:else if isError}
 					<Alert class="w-full" type="error">Fehler beim Umbenennen</Alert>
 				{:else}
-					<Alert class="w-full">Upload erfolgreich</Alert>
+					<Alert class="w-full">Umbenennen erfolgreich</Alert>
 				{/if}
 			</ModalContent>
 			<ModalFooter><Button disabled={inProgress} on:click={closeModal}>Ok</Button></ModalFooter>
diff --git a/src/routes/api/list/[vorgang]/[tatort]/+server.ts b/src/routes/api/list/[vorgang]/[tatort]/+server.ts
index 28db96c..994ee19 100644
--- a/src/routes/api/list/[vorgang]/[tatort]/+server.ts
+++ b/src/routes/api/list/[vorgang]/[tatort]/+server.ts
@@ -39,9 +39,7 @@ export async function DELETE({ request }: { request: Request }) {
 export async function PUT({ params, request }) {
 	const data = await request.json();
 
-	// Vorgang
 	const vorgangToken = params.vorgang;
-	//const vorgangToken = getVorgangByName(vorgangName)?.token;
 
 
 	// prepare copy, incl. check if new name exists already
@@ -57,14 +55,10 @@ export async function PUT({ params, request }) {
 		await client.statObject('tatort', crimeNewName);
 		return json({ msg: 'Die Datei existiert bereits.' }, { status: 400 });
 	} catch (error) {
-		// continue operation
 		console.log(error, 'continue operation');
 	}
 
-	// actual copy operation
 	await client.copyObject('tatort', crimeNewName, crimeS3FullBucketPathOld);
-
-	// delete
 	await client.removeObject('tatort', `${vorgangToken}/${crimeOldName}`);
 
 	return json({ success: 'success' }, { status: 200 });
-- 
2.43.0