Osmwithspace/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Add simple status page

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-07-14 03:55:47 +02:00
parent bdea29eea1
commit 811bcecea4
6 changed files with 354 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/UI/Status/StatusIcon.svelte Normal file
View file

@ -0,0 +1,26 @@
<script lang="ts">
import Loading from "../Base/Loading.svelte"
import CheckCircle from "@babeard/svelte-heroicons/mini/CheckCircle"
import XCircle from "@rgossiaux/svelte-heroicons/solid/XCircle"
import { twJoin } from "tailwind-merge"
import { XIcon } from "@rgossiaux/svelte-heroicons/outline"
import Exclamation from "@rgossiaux/svelte-heroicons/solid/Exclamation"
import Check from "@babeard/svelte-heroicons/mini/Check"
import { XCircleIcon } from "@rgossiaux/svelte-heroicons/solid"
export let status: "online" | "degraded" | "offline"
export let cls: string = "w-6 h-6 mx-1"
</script>
{#if status === "online"}
<CheckCircle class={twJoin(cls,"rounded-full")} style="color: #22cc22" />
{:else if status === "degraded"}
<Exclamation class={twJoin(cls,"rounded-full")} style="color: #eecc22" />
{:else if status === "offline"}
<XCircleIcon class={twJoin(cls,"rounded-full")} style="color: #bb2222" />
{:else if status === undefined}
<Loading />
{:else}
? {status}
{/if}