From d75b74965b33a8b46219a23e5226a1106fa00c5a Mon Sep 17 00:00:00 2001
From: waltem01 <simon.waltemathe@ptb.de>
Date: Thu, 15 Feb 2024 08:06:31 +0100
Subject: [PATCH] initialize image page

---
 Webserver/src/routes/image/+page.svelte | 28 +++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 Webserver/src/routes/image/+page.svelte

diff --git a/Webserver/src/routes/image/+page.svelte b/Webserver/src/routes/image/+page.svelte
new file mode 100644
index 0000000..29095a0
--- /dev/null
+++ b/Webserver/src/routes/image/+page.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import type { APIResponse } from '$lib/interfaces';
+
+	interface UploadData {
+		start: number;
+		elapsed: string;
+		interval: NodeJS.Timeout;
+	}
+
+	let imageURL: string, uploadData: UploadData;
+
+	async function loadImage(url: string) {}
+
+	function uploadImage(event: Event) {}
+</script>
+
+<input type="file" name="image" accept="image/*" on:change={uploadImage} />
+{#if imageURL}
+	<img src={imageURL} alt="User uploaded" />
+	{#await loadImage(imageURL)}
+		<p>Loading image . . .</p>
+		<p>{uploadData.elapsed} seconds elapsed.</p>
+	{:then imageData}
+		<p>Done!</p>
+		<p>{uploadData.elapsed} seconds elapsed.</p>
+		{clearInterval(uploadData.interval)}
+	{/await}
+{/if}