ClusterCockpit/cc-backend
1
0
Fork 0
mirror of https://github.com/ClusterCockpit/cc-backend synced 2025-07-01 11:13:50 +02:00
Code Issues Packages Releases Activity

fix refresher sv5 logic

Browse Source
This commit is contained in:
Christoph Kluge 2025-06-02 14:20:32 +02:00
parent 703556d893
commit 42c4926c47
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/frontend/src/Node.root.svelte
View File

@ -172,7 +172,7 @@
<!-- Refresh Col--> <!-- Refresh Col-->
<Col class="mt-2 mt-lg-0"> <Col class="mt-2 mt-lg-0">
<Refresher <Refresher
on:refresh={() => { onRefresh={() => {
const diff = Date.now() - to; const diff = Date.now() - to;
from = new Date(from.getTime() + diff); from = new Date(from.getTime() + diff);
to = new Date(to.getTime() + diff); to = new Date(to.getTime() + diff);

2
web/frontend/src/Status.root.svelte
View File

@ -342,7 +342,7 @@
<Col class="mt-2 mt-md-0"> <Col class="mt-2 mt-md-0">
<Refresher <Refresher
initially={120} initially={120}
on:refresh={() => { onRefresh={() => {
from = new Date(Date.now() - 5 * 60 * 1000); from = new Date(Date.now() - 5 * 60 * 1000);
to = new Date(Date.now()); to = new Date(Date.now());
}} }}

2
web/frontend/src/Systems.root.svelte
View File

@ -165,7 +165,7 @@
<!-- Refresh Col--> <!-- Refresh Col-->
<Col class="mt-2 mt-lg-0"> <Col class="mt-2 mt-lg-0">
<Refresher <Refresher
on:refresh={() => { onRefresh={() => {
const diff = Date.now() - to; const diff = Date.now() - to;
from = new Date(from.getTime() + diff); from = new Date(from.getTime() + diff);
to = new Date(to.getTime() + diff); to = new Date(to.getTime() + diff);

12
web/frontend/src/generic/helper/Refresher.svelte
View File

@ -16,13 +16,8 @@
onRefresh onRefresh
} = $props(); } = $props();
if (initially != null) {
refreshInterval = initially * 1000;
refreshIntervalChanged();
}
/* State Init */ /* State Init */
let refreshInterval = $state(null); let refreshInterval = $state(initially ? initially * 1000 : null);
/* Var Init */ /* Var Init */
let refreshIntervalId = null; let refreshIntervalId = null;
@ -33,6 +28,11 @@
if (refreshInterval == null) return; if (refreshInterval == null) return;
refreshIntervalId = setInterval(() => onRefresh(), refreshInterval); refreshIntervalId = setInterval(() => onRefresh(), refreshInterval);
} }
/* Svelte 5 onMount */
$effect(() => {
refreshIntervalChanged();
});
</script> </script>
<InputGroup> <InputGroup>