temp 22.05

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

@@ -14,7 +14,9 @@
 	let open = false;
 	let inProgress = false;
 	let vorgang = '';
-	let zugangscode = '';
+	const code_len = 8;
+	let zugangscode = Math.random().toString(36).slice(2, 2+code_len);
+	let case_existing = undefined;
 	let name = '';
 	/** @type {?string}*/
 	let etag = null;
@@ -30,6 +32,7 @@
 		let data = new FormData();
 		data.append('vorgang', vorgang);
 		data.append('name', name);
+		data.append('zugangscode', zugangscode)
 		const response = await fetch('?/validate', { method: 'POST', body: data });
 		/** @type {import('@sveltejs/kit').ActionResult} */
 		const result = deserialize(await response.text());
@@ -144,6 +147,26 @@
 
 	}
 
+	// 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);
+		const response = await fetch(url, { method: 'POST', body: data })
+
+		const code = response.status;
+
+		console.log(`+++ ${response.redirected}`)
+
+		if (code == 303) {
+			return true;
+		}
+
+		return false;
+	}
+
 </script>
 
 <div class="mx-auto max-w-2xl">
@@ -178,6 +201,7 @@
 									id="vorgang"
 									autocomplete={vorgang}
 									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"
+									on:input={() => case_exists(vorgang)}
 								/>
 							</div>
 						</div>
@@ -216,7 +240,9 @@
 					<div>
 						<label for="zugangscode" class="block text-sm font-medium leading-6 text-gray-900"
 							><span class="flex"
-								>Zugangscode</span
+								>{#if formErrors?.zugangscode}
+									<span class="inline-block mr-1"><Exclamation /></span>
+								{/if} Zugangscode</span
 							></label
 						>
 						<div class="mt-2">
@@ -232,8 +258,8 @@
 								/>
 							</div>
 						</div>
-						{#if formErrors?.vorgang}
-							<p class="block text-sm leading-6 text-red-900 mt-2">{formErrors.vorgang}</p>
+						{#if formErrors?.code}
+							<p class="block text-sm leading-6 text-red-900 mt-2">{formErrors.code}</p>
 						{/if}
 					</div>