ClusterCockpit/cc-backend
1
0
Fork 0
mirror of https://github.com/ClusterCockpit/cc-backend synced 2026-02-18 08:51:45 +01:00
Code Issues Packages Releases Activity

add autorefresh, remove leftover query

Browse Source
This commit is contained in:
Christoph Kluge
2025-12-15 13:55:02 +01:00
parent 79e1c236fe
commit c5aff1a2ca
4 changed files with 69 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,6 +14,7 @@
let {
initially = null,
presetClass = "",
hideSelector = false,
onRefresh
} = $props();
@@ -36,25 +37,27 @@
});
</script>
<InputGroup class={presetClass}>
<Input
type="select"
title="Periodic refresh interval"
bind:value={refreshInterval}
onchange={refreshIntervalChanged}
>
<option value={null}>No Interval</option>
<option value={30 * 1000}>30 Seconds</option>
<option value={60 * 1000}>60 Seconds</option>
<option value={2 * 60 * 1000}>Two Minutes</option>
<option value={5 * 60 * 1000}>5 Minutes</option>
</Input>
<Button
outline
onclick={() => onRefresh(refreshInterval)}
disabled={refreshInterval != null}
{#if !hideSelector}
<InputGroup class={presetClass}>
<Input
type="select"
title="Periodic refresh interval"
bind:value={refreshInterval}
onchange={refreshIntervalChanged}
>
<Icon name="arrow-clockwise" /> Refresh
</Button>
</InputGroup>
<option value={null}>No Interval</option>
<option value={30 * 1000}>30 Seconds</option>
<option value={60 * 1000}>60 Seconds</option>
<option value={2 * 60 * 1000}>Two Minutes</option>
<option value={5 * 60 * 1000}>5 Minutes</option>
</Input>
<Button
outline
onclick={() => onRefresh(refreshInterval)}
disabled={refreshInterval != null}
>
<Icon name="arrow-clockwise" /> Refresh
</Button>
</InputGroup>
{/if}