From fd8298906a89c36e9884aa5c7a9b3049a7f3f9d7 Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Wed, 11 Jun 2025 09:55:00 +0200
Subject: [PATCH] formatting

---
 .../(angemeldet)/list/[vorgang]/+page.svelte  | 199 +++++++++---------
 1 file changed, 99 insertions(+), 100 deletions(-)

diff --git a/src/routes/(angemeldet)/list/[vorgang]/+page.svelte b/src/routes/(angemeldet)/list/[vorgang]/+page.svelte
index 5a489ee..ec6be17 100644
--- a/src/routes/(angemeldet)/list/[vorgang]/+page.svelte
+++ b/src/routes/(angemeldet)/list/[vorgang]/+page.svelte
@@ -168,35 +168,34 @@
 		<ul class="divide-y divide-gray-100">
 			{#each list as item, i}
 				<li>
-						<a
-							href="/view/{$page.params.vorgang}/{item.name}"
-							class=" flex justify-between gap-x-6 py-5"
-							aria-label="zum 3D-modell"
-						>
-					<div class=" flex gap-x-4">
-
+					<a
+						href="/view/{$page.params.vorgang}/{item.name}"
+						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(i);
-									}}
-									on:keydown|stopPropagation={// event needed to identify ID
-									// TO-DO: check if event is needed or if index is sufficient
-									async (ev) => {
-										handle_input(ev, i);
-									}}>{item.name}</span
-								>
 
-								<!--<input
+							<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(i);
+										}}
+										on:keydown|stopPropagation={// event needed to identify ID
+										// TO-DO: check if event is needed or if index is sufficient
+										async (ev) => {
+											handle_input(ev, i);
+										}}>{item.name}</span
+									>
+
+									<!--<input
 									class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
 									type="text"
 									name=""
@@ -208,91 +207,91 @@
 									bind:value={item.name}
 									id="label__{item.name}"
 								/>-->
-								<!-- disabled={item.show_button} -->
-								<!-- https://iconduck.com/icons/192863/edit-rename -->
+									<!-- disabled={item.show_button} -->
+									<!-- https://iconduck.com/icons/192863/edit-rename -->
 
-								{#if item.show_button}
+									{#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}`;
+
+												console.log(`--- ${vorgang} + ${filename} + ${url}`);
+												try {
+													const response = await fetch(url, { 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}`;
-
-											console.log(`--- ${vorgang} + ${filename} + ${url}`);
-											try {
-												const response = await fetch(url, { 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>
-							{: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>
+					</a>
 				</li>
 			{/each}
 		</ul>