diff --git a/web/frontend/src/Systems.root.svelte b/web/frontend/src/Systems.root.svelte index 5c62f390..7981afd3 100644 --- a/web/frontend/src/Systems.root.svelte +++ b/web/frontend/src/Systems.root.svelte @@ -65,10 +65,6 @@ let timeoutId = null; /* State Init */ - // svelte-ignore state_referenced_locally - let to = $state(presetTo || new Date(Date.now())); - // svelte-ignore state_referenced_locally - let from = $state(presetFrom || new Date(nowDate.setHours(nowDate.getHours() - 4))); let selectedResolution = $state(resampleConfig ? resampleDefault : 0); let hostnameFilter = $state(""); let hoststateFilter = $state("all"); @@ -76,6 +72,8 @@ let isMetricsSelectionOpen = $state(false); /* Derived States */ + let to = $derived(presetTo ? presetTo : new Date(Date.now())); + let from = $derived(presetFrom ? presetFrom : new Date(nowDate.setHours(nowDate.getHours() - 4))); const displayNodeOverview = $derived((displayType === 'OVERVIEW')); const systemMetrics = $derived($initialized ? [...globalMetrics.filter((gm) => gm?.availability.find((av) => av.cluster == cluster))] : []); const presetSystemUnits = $derived(loadUnits(systemMetrics)); diff --git a/web/frontend/src/generic/select/TimeSelection.svelte b/web/frontend/src/generic/select/TimeSelection.svelte index 7d3c0c84..05120ba7 100644 --- a/web/frontend/src/generic/select/TimeSelection.svelte +++ b/web/frontend/src/generic/select/TimeSelection.svelte @@ -46,13 +46,13 @@ /* Derived */ let timeRange = $derived.by(() => { if (presetTo && presetFrom) { - return ((presetTo.getTime() - presetFrom.getTime()) / 1000) + return Math.floor(((presetTo.getTime() - presetFrom.getTime()) / 1000)) } else { - return ((defaultTo.getTime() - defaultFrom.getTime()) / 1000) + return Math.floor(((defaultTo.getTime() - defaultFrom.getTime()) / 1000)) } }); let unknownRange = $derived(!Object.values(options).includes(timeRange)); - + /* Functions */ function updateTimeRange() { let now = Date.now();