From 5a5ae9901a706335875767db3e452b61a723a8b1 Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Fri, 23 May 2025 11:05:04 +0200
Subject: [PATCH 1/4] testing

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index b5b2950..2a355b7 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,6 @@
 # sv
 
+Test test Mina
 Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
 
 ## Creating a project

From 527c2b438dc518bad6f56faf0603526021b5ec06 Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Fri, 23 May 2025 11:20:17 +0200
Subject: [PATCH 2/4] verbindungsprobleme test

---
 README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/README.md b/README.md
index 2a355b7..b5b2950 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,5 @@
 # sv
 
-Test test Mina
 Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
 
 ## Creating a project

From ff891bc164bda5d0dcb82923c270615f6d9bac67 Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Tue, 24 Jun 2025 10:27:01 +0200
Subject: [PATCH 3/4] refactoring

---
 .../view/[vorgang]/[tatort]/+page.svelte      | 71 +++++++++----------
 1 file changed, 32 insertions(+), 39 deletions(-)

diff --git a/src/routes/(token-based)/view/[vorgang]/[tatort]/+page.svelte b/src/routes/(token-based)/view/[vorgang]/[tatort]/+page.svelte
index 8e47533..ee46fe2 100644
--- a/src/routes/(token-based)/view/[vorgang]/[tatort]/+page.svelte
+++ b/src/routes/(token-based)/view/[vorgang]/[tatort]/+page.svelte
@@ -24,31 +24,34 @@
 	let yRotation = 0;
 	let zRotation = 0;
 
-	let modelViewer;
+	import type { ModelViewerElement } from '@google/model-viewer';
+
+	let modelViewer: ModelViewerElement | null = null;
 
 	$: style = `width: ${progress}%`;
 
-	const onProgress = ({ detail }) => {
+	const onProgress = ({ detail }: { detail: { totalProgress: number } }) => {
 		progress = Math.ceil(detail.totalProgress * 100.0);
 		if (progress == 100) {
 			setTimeout(() => {
 				hideProgressScreen = true;
 			}, 250);
 		} else hideProgressScreen = false;
-	}
+	};
 
 	function onResetView() {
-		cameraAzimuth = 0;
-		cameraPolar = 0;
-		cameraZoom = 100;
-
-		modelViewer.cameraOrbit = cameraOrbit;
-		modelViewer.cameraTarget = cameraTarget;
-		modelViewer.fieldOfView = fieldOfView;
-		cameraAzimuth = 0;
-		cameraPolar = 0;
-		cameraZoom = 100;
-		fieldOfView = '10deg';
+		if (modelViewer) {
+			cameraAzimuth = 0;
+			cameraPolar = 0;
+			cameraZoom = 100;
+			modelViewer.cameraOrbit = cameraOrbit;
+			modelViewer.cameraTarget = cameraTarget;
+			modelViewer.fieldOfView = fieldOfView;
+			cameraAzimuth = 0;
+			cameraPolar = 0;
+			cameraZoom = 100;
+			fieldOfView = '10deg';
+		}
 	}
 
 	function updateCameraOrbit(azimuth: number, polar: number, zoom: number) {
@@ -58,9 +61,10 @@
 	}
 </script>
 
-<div class="h-full model w-full bg-neutral-200 p-4 transition-all delay-250">
+<div class="h-full w-full bg-neutral-200 p-4 transition-all delay-250">
 	<!-- xr-environment -->
 	<model-viewer
+		class="h-full w-full"
 		ar
 		shadow-intensity="1"
 		src={data.url}
@@ -81,18 +85,25 @@
 			class:opacity-0={!hideProgressScreen}
 			class:hidden={!hideProgressScreen}
 		>
-			<button slot="ar-button" id="ar-button"> 👋 Activate AR </button>
+			<!--AR Tracking erstmal ausgeblendet (hidden/flex)-->
+			<div class="hidden p-4 z-10 bg-red-500">
+				<button slot="ar-button" id="ar-button"> 👋 Activate AR </button>
 
-			<div id="ar-prompt">AR-Prompt</div>
+				<div id="ar-prompt">AR-Prompt</div>
+
+				<button id="ar-failure"> AR is not tracking! </button>
 
-			<button id="ar-failure"> AR is not tracking! </button>
-			<div class="flex flex-col bg-white/50">
 				<button
+					class="flex"
 					on:click={() => {
-						console.log(modelViewer.ar, modelViewer.getAttribute('ar-status'));
-					}}>Test</button
+						if (modelViewer) {
+							console.log(modelViewer.ar, modelViewer.getAttribute('ar-status'));
+						}
+					}}>AR Testen</button
 				>
+			</div>
 
+			<div class="flex flex-col bg-white/50">
 				<!--3 Buttons-->
 				<div class="p-2">
 					<Button
@@ -184,22 +195,4 @@
 </div>
 
 <style>
-	model-viewer {
-		height: 100%;
-		width: 100%;
-	}
-
-	/* .vertical-slider {
-		writing-mode: bt-lr; /* Schreibt von unten nach oben (Vertikale Darstellung)
-		transform: rotate(270deg); /* Slider um 270° drehen
-		height: 200px;
-	} */
-
-	.model {
-		height: calc(100%-84px);
-	}
-
-	/* .active-border {
-		border: 2px blue solid;
-	} */
 </style>

From ee6b9fcec11587e8c78eb9646616ba4a55d57d93 Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Tue, 24 Jun 2025 18:06:59 +0200
Subject: [PATCH 4/4] fixed Comments of Jared

---
 .../view/[vorgang]/[tatort]/+page.svelte      | 26 +++----------------
 1 file changed, 3 insertions(+), 23 deletions(-)

diff --git a/src/routes/(token-based)/view/[vorgang]/[tatort]/+page.svelte b/src/routes/(token-based)/view/[vorgang]/[tatort]/+page.svelte
index ee46fe2..4823311 100644
--- a/src/routes/(token-based)/view/[vorgang]/[tatort]/+page.svelte
+++ b/src/routes/(token-based)/view/[vorgang]/[tatort]/+page.svelte
@@ -2,6 +2,7 @@
 	import Panel from '$lib/components/Panel.svelte';
 	import { onMount } from 'svelte';
 	import Button from '$lib/components/Button.svelte';
+	import type { ModelViewerElement } from '@google/model-viewer';
 
 	export let data;
 
@@ -24,13 +25,11 @@
 	let yRotation = 0;
 	let zRotation = 0;
 
-	import type { ModelViewerElement } from '@google/model-viewer';
-
 	let modelViewer: ModelViewerElement | null = null;
 
 	$: style = `width: ${progress}%`;
 
-	const onProgress = ({ detail }: { detail: { totalProgress: number } }) => {
+	const updateModelProgress = ({ detail }: { detail: { totalProgress: number } }) => {
 		progress = Math.ceil(detail.totalProgress * 100.0);
 		if (progress == 100) {
 			setTimeout(() => {
@@ -65,7 +64,6 @@
 	<!-- xr-environment -->
 	<model-viewer
 		class="h-full w-full"
-		ar
 		shadow-intensity="1"
 		src={data.url}
 		bind:this={modelViewer}
@@ -77,7 +75,7 @@
 		orientation={`${xRotation}deg ${yRotation}deg ${zRotation}deg`}
 		camera-target="0m 0m 0m"
 		camera-orbit={`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}%`}
-		on:progress={onProgress}
+		on:progress={updateModelProgress}
 	>
 		<!--Buttons zum Steuern-->
 		<div
@@ -85,24 +83,6 @@
 			class:opacity-0={!hideProgressScreen}
 			class:hidden={!hideProgressScreen}
 		>
-			<!--AR Tracking erstmal ausgeblendet (hidden/flex)-->
-			<div class="hidden p-4 z-10 bg-red-500">
-				<button slot="ar-button" id="ar-button"> 👋 Activate AR </button>
-
-				<div id="ar-prompt">AR-Prompt</div>
-
-				<button id="ar-failure"> AR is not tracking! </button>
-
-				<button
-					class="flex"
-					on:click={() => {
-						if (modelViewer) {
-							console.log(modelViewer.ar, modelViewer.getAttribute('ar-status'));
-						}
-					}}>AR Testen</button
-				>
-			</div>
-
 			<div class="flex flex-col bg-white/50">
 				<!--3 Buttons-->
 				<div class="p-2">