add code generation on frontend

config.json

@@ -8,7 +8,7 @@
 	},
 	"jwt": {
 		"secret": "@S2!q@@wXz$dCQ8JoVsHLpzaJ6JCfB",
-		"expiresIn": 36000
+		"expiresIn": 3600
 	},
 	"auth": {
 		"admin": { "password": "A-InnoHUB_2025!", "admin": true },

src/routes/(angemeldet)/list/[vorgang]/+page.svelte

@@ -18,8 +18,6 @@
 	/** @type {import('./$types').PageData} */
 	export let data;
 
-	console.log(`--- ${data.user.admin}`);
-
 	interface ListItem {
 		name: string;
 		size: number;

src/routes/(angemeldet)/upload/+page.server.js

@@ -1,5 +1,6 @@
 import path from 'path';
 import { writeFile } from 'fs/promises';
+import { Buffer } from 'buffer';
 import { createReadStream } from 'fs';
 /** import Minio from 'minio'; */
 import { Readable } from 'stream';
@@ -22,6 +23,7 @@ export const actions = {
 		const vorgang = data.get('vorgang');
 		const name = data.get('name');
 		const type = data.get('type');
+		const code = data.get('zugangscode');
 		const fileName = data.get('fileName');
 
 		let objectName = `${vorgang}/${name}`;
@@ -35,6 +37,14 @@ export const actions = {
 
 		const url = await client.presignedPutObject('tatort', objectName);
 
+		// store code in S3
+		// tatort/<vorgang>/__perm__
+		const code_filename = '__perm__';
+		const buf = Buffer.from(code, 'utf-8');
+		const code_stream = Readable.from(buf);
+		const code_path = `${vorgang}/${code_filename}`;
+		await client.putObject('tatort', code_path, code_stream);
+
 		return { url };
 	},
 	validate: async ({ request }) => {

src/routes/(angemeldet)/upload/+page.svelte

@@ -16,10 +16,20 @@
 	let inProgress = false;
 	let vorgang = '';
 	const code_len = 8;
-	let zugangscode = Math.random()
+
+	function generate_token() {
+		return Math.random()
 		.toString(36)
 		.slice(2, 2 + code_len);
+	}
+	let zugangscode = ''
+	let zugangscode_old = ''
+	$: zugangscode_old = generate_token();
+	$: zugangscode = zugangscode_old
+
 	let case_existing = undefined;
+	$: case_existing = false;
+
 	let name = '';
 	/** @type {?string}*/
 	let etag = null;
@@ -66,6 +76,7 @@
 		let data = new FormData();
 		data.append('vorgang', vorgang);
 		data.append('name', name);
+		data.append('zugangscode', zugangscode);
 		if (files?.length === 1) {
 			data.append('type', files[0].type);
 			data.append('fileName', files[0].name);
@@ -149,23 +160,51 @@
 
 	// return true or false
 	async function case_exists(case_no) {
-		console.log('--- fired');
 		// ping `/(angemeldet)/view` with caseNumber in POST body
 		let url = '/view';
 		let data = new FormData();
 		data.append('caseNumber', case_no);
+
+		// fetch code in parallel
+		const code = get_code(case_no);
+
 		const response = await fetch(url, { method: 'POST', body: data });
 
-		const code = response.status;
+		const res_json = await response.json();
+		const status = res_json.status;
 
-		console.log(`+++ ${response.redirected}`);
+		// aktualisiere Zugangscode mit
+		if (status == 303) {
+			case_existing = true;
+
+			const res = await code;
+
+
+			if (res != -1) {
+				// Code vorhanden
+				zugangscode = res;
+			}
 
-		if (code == 303) {
 			return true;
 		}
 
+		case_existing = false;
+		zugangscode = zugangscode_old;
+
 		return false;
 	}
+
+	async function get_code(case_no) {
+		let url = `/api/list/${case_no}/code`
+		const response = await fetch(url);
+
+		if (response.status == 200) {
+			return response.text();
+		} else {
+			return -1
+		}
+	}
+
 </script>
 
 <div class="mx-auto max-w-2xl">
@@ -207,12 +246,17 @@
 						{#if formErrors?.vorgang}
 							<p class="block text-sm leading-6 text-red-900 mt-2">{formErrors.vorgang}</p>
 						{/if}
+						{#if case_existing && vorgang.length > 0}
+							<span>Datei wird zum existierenden Vorgang hinzugefügt.</span>
+						{:else if vorgang.length > 0}
+							<span>Neuer Vorgang wird angelegt.</span>
+						{/if}
 					</div>
 
 					<div>
 						<label for="name" class="block text-sm font-medium leading-6 text-gray-900"
-							><span class="flex"
-								>{#if formErrors?.name}
+						><span class="flex"
+							>{#if formErrors?.name}
 									<span class="inline-block mr-1"><Exclamation /></span>
 								{/if} Name</span
 							></label
@@ -253,9 +297,18 @@
 									type="text"
 									name="zugangscode"
 									id="zugangscode"
+									on:input="{ (ev) => { zugangscode_old = ev.target.value }}"
 									class="block flex-1 border-0 bg-transparent py-1.5 pl-1 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6"
 								/>
+
 							</div>
+							<button
+							class="rounded-md bg-blue-500 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+							on:click="{() => {
+							zugangscode = generate_token(); }}"
+							type="button">
+								Generiere Zugangscode
+							</button>
 						</div>
 						{#if formErrors?.code}
 							<p class="block text-sm leading-6 text-red-900 mt-2">{formErrors.code}</p>

src/routes/(angemeldet)/view/+page.server.js

@@ -5,11 +5,9 @@ import { fail, redirect } from '@sveltejs/kit';
 export const actions = {
 	default: async ({ request }) => {
 		const data = await request.formData();
-		console.log(`--- ${Object.keys(data)}`)
 		const caseNumber = data.get('caseNumber');
 
 		if (!caseNumber) {
-			console.log('^^^ here')
 			return fail(400, {
 				success: false,
 				caseNumber,
@@ -17,20 +15,13 @@ export const actions = {
 			});
 		}
 
-		let res = (await caseNumberOccupied(caseNumber))
-		console.log(`gibt es? ${res} + ${caseNumber}`)
 		if (!(await caseNumberOccupied(caseNumber))) {
-			console.log('^^^ there')
 			return fail(400, {
 				success: false,
 				caseNumber,
 				error: { caseNumber: 'Die Vorgangsnummer existiert in dieser Anwendung nicht.' }
 			});
 		}
-		else {
-			throw redirect(303, `/list/${caseNumber}`);
-			console.log(`---blabla ${caseNumber}`)
-		}
-
+		redirect(303, `/list/${caseNumber}`);
 	}
 };

src/routes/api/list/[[vorgang]]/+server.js

@@ -15,6 +15,8 @@ export async function GET({ params }) {
 
 				const name = data.name.slice(prefix.length);
 				if (name === 'config.json') return;
+				// zugangscode datei
+				if (name === '__perm__') return;
 
 				controller.enqueue(`${JSON.stringify({ ...data, name, prefix })}\n`);
 			});
@@ -34,30 +36,27 @@ export async function GET({ params }) {
 	});
 }
 
-
 export async function DELETE({ params }) {
-	const vorgang = params.vorgang
+	const vorgang = params.vorgang;
 
 	const object_list = await new Promise((resolve, reject) => {
-
-		const res = []
-		const items_str = client.listObjects('tatort', vorgang, true)
+		const res = [];
+		const items_str = client.listObjects('tatort', vorgang, true);
 
 		items_str.on('data', (obj) => {
-			res.push(obj.name)
-		})
+			res.push(obj.name);
+		});
 
-		items_str.on('error', reject)
+		items_str.on('error', reject);
 
 		items_str.on('end', async () => {
-			resolve(res)
-		})
+			resolve(res);
+		});
 
-		console.log(`+++ ${vorgang}`)
+		console.log(`+++ ${vorgang}`);
+	});
 
-	})
+	await client.removeObjects('tatort', object_list);
 
-	await client.removeObjects('tatort', object_list)
-
-    return new Response(null, { status: 204 });
-};
+	return new Response(null, { status: 204 });
+}

src/routes/api/list/[[vorgang]]/code/+server.js

@@ -0,0 +1,28 @@
+import { json } from '@sveltejs/kit';
+import { client } from '$lib/minio';
+import { Readable } from 'stream';
+import { Buffer } from 'buffer';
+
+/** @type {import('./$types').RequestHandler} */
+export async function GET({ params }) {
+	const prefix = params.vorgang ? `${params.vorgang}` : '';
+
+	const code_name = '__perm__';
+	const obj_path = `${prefix}/${code_name}`;
+
+	let result = null;
+
+	try {
+		result = await client.getObject('tatort', obj_path);
+	} catch (error) {
+		if (error.name == 'S3Error') {
+			result = null;
+		}
+	}
+
+	if (result != null) {
+		return new Response(result, { status: 200 });
+	} else {
+		return new Response(null, { status: 404 });
+	}
+}