Status page: Add support for personal traffic light and rechecking

This commit is contained in:
Pieter Vander Vennet 2024-07-15 01:52:03 +02:00
parent 740702e20f
commit 695c328bc0
2 changed files with 116 additions and 47 deletions

View file

@ -13,13 +13,15 @@
</script>
{#if status === "online"}
<CheckCircle class={twJoin(cls,"rounded-full")} style="color: #22cc22" />
<CheckCircle class={twJoin(cls,"rounded-full shrink-0")} style="color: #22cc22" />
{:else if status === "degraded"}
<Exclamation class={twJoin(cls,"rounded-full")} style="color: #eecc22" />
<Exclamation class={twJoin(cls,"rounded-full shrink-0")} style="color: #eecc22" />
{:else if status === "offline"}
<XCircleIcon class={twJoin(cls,"rounded-full")} style="color: #bb2222" />
<XCircleIcon class={twJoin(cls,"rounded-full shrink-0")} style="color: #bb2222" />
{:else if status === undefined}
<Loading />
<div class={twJoin(cls,"rounded-full shrink-0")}>
<Loading />
</div>
{:else}
? {status}
{/if}