kodi/podman-mvp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat (ui): functionaliteit knoppen auto-layout en reset-view toegevoegd

Browse Source
This commit is contained in:
kodi
2026-02-23 14:04:29 +01:00
parent 0337f1438f
commit 001b745e2f
1 changed files with 30 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/html/assets/js/tabs/networks.js
+30 -9
View File
@@ -742,7 +742,21 @@
const btn = document.getElementById('networksRefreshBtn');
if (btn && !btn.dataset.bound) {
btn.dataset.bound = '1';
btn.addEventListener('click', refresh);
resetBtn.addEventListener('click', () => {
if (!graphCtx) return;
// reset zoom
graphCtx.svg
.transition()
.duration(400)
.call(
d3.zoom().transform,
d3.zoomIdentity
);
// restart simulation
graphCtx.sim.alpha(0.6).restart();
});
}
// View toggle (Tabel/Kaart)
@@ -773,10 +787,19 @@
if (resetBtn && !resetBtn.dataset.bound) {
resetBtn.dataset.bound = '1';
resetBtn.addEventListener('click', () => {
// In 3C koppelen we dit aan zoom reset + simulation reset
const s = document.getElementById('networksMapStatus');
if (s) s.textContent = 'Reset view (placeholder)';
setTimeout(() => { if (s) s.textContent = 'Kaartweergave (placeholder)'; }, 900);
if (!graphCtx) return;
// reset zoom
graphCtx.svg
.transition()
.duration(400)
.call(
d3.zoom().transform,
d3.zoomIdentity
);
// restart simulation
graphCtx.sim.alpha(0.6).restart();
});
}
@@ -784,10 +807,8 @@
if (layoutBtn && !layoutBtn.dataset.bound) {
layoutBtn.dataset.bound = '1';
layoutBtn.addEventListener('click', () => {
// In 3C koppelen we dit aan simulation.restart()
const s = document.getElementById('networksMapStatus');
if (s) s.textContent = 'Auto-layout (placeholder)';
setTimeout(() => { if (s) s.textContent = 'Kaartweergave (placeholder)'; }, 900);
if (!graphCtx) return;
graphCtx.sim.alpha(1).restart();
});
}