diff --git a/web/frontend/src/Node.root.svelte b/web/frontend/src/Node.root.svelte index 60ab404..ff6946a 100644 --- a/web/frontend/src/Node.root.svelte +++ b/web/frontend/src/Node.root.svelte @@ -172,7 +172,7 @@ { + onRefresh={() => { const diff = Date.now() - to; from = new Date(from.getTime() + diff); to = new Date(to.getTime() + diff); diff --git a/web/frontend/src/Status.root.svelte b/web/frontend/src/Status.root.svelte index d8bc780..979c06b 100644 --- a/web/frontend/src/Status.root.svelte +++ b/web/frontend/src/Status.root.svelte @@ -342,7 +342,7 @@ { + onRefresh={() => { from = new Date(Date.now() - 5 * 60 * 1000); to = new Date(Date.now()); }} diff --git a/web/frontend/src/Systems.root.svelte b/web/frontend/src/Systems.root.svelte index 1589cac..cc698ab 100644 --- a/web/frontend/src/Systems.root.svelte +++ b/web/frontend/src/Systems.root.svelte @@ -165,7 +165,7 @@ { + onRefresh={() => { const diff = Date.now() - to; from = new Date(from.getTime() + diff); to = new Date(to.getTime() + diff); diff --git a/web/frontend/src/generic/helper/Refresher.svelte b/web/frontend/src/generic/helper/Refresher.svelte index b16f2d4..384e4c2 100644 --- a/web/frontend/src/generic/helper/Refresher.svelte +++ b/web/frontend/src/generic/helper/Refresher.svelte @@ -16,13 +16,8 @@ onRefresh } = $props(); - if (initially != null) { - refreshInterval = initially * 1000; - refreshIntervalChanged(); - } - /* State Init */ - let refreshInterval = $state(null); + let refreshInterval = $state(initially ? initially * 1000 : null); /* Var Init */ let refreshIntervalId = null; @@ -33,6 +28,11 @@ if (refreshInterval == null) return; refreshIntervalId = setInterval(() => onRefresh(), refreshInterval); } + + /* Svelte 5 onMount */ + $effect(() => { + refreshIntervalChanged(); + });