Backup_Repos/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash synced 2025-12-27 18:53:20 +01:00
Code Issues Projects Releases Wiki Activity

chore (3dviewer): improve UX for layer selection

Browse source
This commit is contained in:
MickaelK 2024-12-24 00:22:41 +11:00
parent 71b14e6eaf
commit c1aead5916
2 changed files with 6 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/assets/helpers/sdk.js
View file

@ -9,7 +9,7 @@ export function isSDK() {
export function urlSDK(url) {
const importURL = new URL(import.meta.url);
if (new RegExp("^/").test(url) === false) {
url = "/" + url
url = "/" + url;
}
return importURL.origin + url;
}

20
public/assets/pages/viewerpage/application_3d/toolbar.js
View file

@ -42,26 +42,16 @@ function buildDOM($fragment, child, left, { camera, controls }) {
</label>
`);
qs($label, "input").onchange = () => child.visible = !child.visible;
let block = false; let blockID = null;
$label.onclick = async(e) => {
if (e.target.nodeName === "INPUT" || e.target.classList.contains("component_checkbox")) return;
e.preventDefault(); e.stopPropagation();
block = true;
clearTimeout(blockID);
blockID = setTimeout(() => block = false, 2000);
$label.onmouseenter();
getRootObject(child).traverse((c) => {
if (!c.material) return;
c.material.opacity = c.id === child.id || c.parent.id === child.id ? 1 : 0.2;
c.material.depthWrite = c.material.opacity === 1;
});
await flyTo({ mesh: child, camera, controls });
};
$label.onmouseenter = () => block === false && getRootObject(child).traverse((c) => {
if (!c.material) return;
c.material.opacity = c.id === child.id || c.parent.id === child.id ? 1 : 0.2;
c.material.depthWrite = c.material.opacity === 1;
});
$label.onmouseleave = () => block === false && getRootObject(child).traverse((c) => {
if (!c.material) return;
c.material.depthWrite = true;
c.material.opacity = 1;
});
$fragment.appendChild($label);
}