From f3850649c73c2e4974c160689910d30a52ad1f02 Mon Sep 17 00:00:00 2001
From: mina <mina.zarkesh@polizei.niedersachsen.de>
Date: Thu, 8 May 2025 15:35:24 +0200
Subject: [PATCH] zwischenspeichern

---
 .../view/[vorgang]/[tatort]/+page.svelte      | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/routes/(angemeldet)/view/[vorgang]/[tatort]/+page.svelte b/src/routes/(angemeldet)/view/[vorgang]/[tatort]/+page.svelte
index 56d07ad..0f5ed9d 100644
--- a/src/routes/(angemeldet)/view/[vorgang]/[tatort]/+page.svelte
+++ b/src/routes/(angemeldet)/view/[vorgang]/[tatort]/+page.svelte
@@ -63,8 +63,8 @@
 	function onResetView() {
 		//  cameraOrbit = '0deg 0deg 50m';
 		//  cameraTarget ="0m 0m 0m"
-		console.log("show cameraOrbit:", modelViewer.getAttribute('camera-orbit'), modelViewer.cameraOrbit, modelViewer.getAttribute('rotation'))
-		console.log("Camera-orbit: ",modelViewer.getAttribute('camera-orbit'), "camera-target: ",modelViewer.getAttribute('camera-target'), "object-rotation: ", modelViewer.getAttribute('orientation'))
+		console.log("show cameraOrbit:", modelViewer.getCameraOrbit(), modelViewer.cameraOrbit, modelViewer.getDimensions())
+		console.log("Camera-orbit: ",modelViewer.getAttribute('camera-orbit'), "camera-target: ",modelViewer.getAttribute('camera-target'), "object-rotation: ", modelViewer.getAttribute('rotation'))
 
 		//  modelViewer.cameraOrbit = cameraOrbit;
 		//  modelViewer.cameraTarget = cameraTarget;
@@ -76,7 +76,7 @@
 	 */
 	function updateCameraOrbit(newOrbit) {
 		 
-	   cameraTarget ="0m 0m 0m"
+	//    cameraTarget ="0m 0m 0m"
 		console.log("update X",modelViewer.cameraOrbit,"target:", modelViewer.cameraTarget, newOrbit)
 		  modelViewer.cameraOrbit = newOrbit;
 		  modelViewer.cameraTarget = cameraTarget;
@@ -84,7 +84,7 @@
 	}
 
 	function slideCameraOrbit(){
-		modelViewer.cameraOrbit =`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}m`;
+		modelViewer.cameraOrbit =`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}%`;
 	}
 
 	function slideRotation(){
@@ -113,7 +113,7 @@
 			<!--3 Buttons-->
 			<div>
 				<Button
-				on:click={()=>{updateCameraOrbit('0deg 180deg 0m')}}
+				on:click={()=>{updateCameraOrbit('0deg 180deg 100%')}}
 				type="button"
 				variant="white"
 				
@@ -135,7 +135,7 @@
 	
 				<Button
 				
-				on:click={()=>{updateCameraOrbit('0deg 90deg 0m')}}
+				on:click={()=>{updateCameraOrbit('0deg 90deg 0%')}}
 	
 				type="button"
 				variant="white"
@@ -170,8 +170,8 @@
 				<label for="cZoom">Zoomen</label>
 				<input id="cZoom" type="range"
 				min="0"
-				max="10"
-			  step="0.1"
+				max="120"
+		
 				 bind:value={cameraZoom} 
 				 on:input={slideCameraOrbit}/>
 			</div>
@@ -211,10 +211,11 @@
 		src={data.url}
 		bind:this={modelViewer}
 		shadow-intensity="50"
-	
+	touch-action="pan-x"
+	camera-controls
 	orientation={`${xRotation}deg ${yRotation}deg ${zRotation}deg`}
 		camera-target="0m 0m 0m"
-		camera-orbit = {`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}m`}
+		camera-orbit = {`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}`}
 		on:progress={onProgress}
 	>
 		<!--Loading-->