AI_Assistant/openscad-playground
Watch
1
0
Fork
You've already forked openscad-playground
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

viewer: disable interaction prompt once use clicked on axes

Browse source
This commit is contained in:
ochafik 2024-12-25 11:12:29 +00:00 • committed by Olivier Chafik
commit 741b367952
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/ViewerPanel.tsx
View file

@ -25,6 +25,7 @@ export default function ViewerPanel({className, style}: {className?: string, sty
if (!model) throw new Error('No model');
const state = model.state;
const [interactionPrompt, setInteractionPrompt] = useState('auto');
const modelViewerRef = useRef<any>();
const axesViewerRef = useRef<any>();
const toastRef = useRef<Toast>(null);
@ -62,6 +63,7 @@ export default function ViewerPanel({className, style}: {className?: string, sty
orbit.phi = phi;
const newOrbit = modelViewerRef.current.cameraOrbit = axesViewerRef.current.cameraOrbit = orbit.toString();
toastRef.current?.show({severity: 'info', detail: `${name} view`, life: 1000,});
setInteractionPrompt('none');
}
}
window.addEventListener('click', onClick);
@ -78,7 +80,7 @@ export default function ViewerPanel({className, style}: {className?: string, sty
width: '100%',
...(style ?? {})
}}>
<Toast ref={toastRef} position='bottom-right' />
<Toast ref={toastRef} position='top-right' />
<model-viewer
orientation="0deg -90deg 0deg"
class="main-viewer"
@ -87,6 +89,7 @@ export default function ViewerPanel({className, style}: {className?: string, sty
width: '100%',
height: '100%',
}}
interaction-prompt={interactionPrompt}
environment-image="./skybox-lights.jpg"
max-camera-orbit="auto 180deg auto"
min-camera-orbit="auto 0deg auto"