parent
35f16b9d09
commit
35e76e34ef
24 changed files with 271 additions and 485 deletions
src/lib/components
|
@ -12,11 +12,8 @@
|
|||
let { server, icons, monitor } = $props<{
|
||||
server: Server;
|
||||
icons: Array<string>;
|
||||
monitor?: Heartbeat;
|
||||
}>();
|
||||
|
||||
let status = $state(4);
|
||||
|
||||
let hover = $state({
|
||||
title: false,
|
||||
link: false,
|
||||
|
@ -65,19 +62,7 @@
|
|||
</script>
|
||||
|
||||
<div
|
||||
class="flex h-48 w-[28rem] flex-col gap-y-3 rounded-xl border-t-4
|
||||
{status == 99
|
||||
? 'border-primary'
|
||||
: status == 0
|
||||
? 'border-offline'
|
||||
: status == 1
|
||||
? 'border-online'
|
||||
: status == 2
|
||||
? 'border-pending'
|
||||
: status == 3
|
||||
? 'border-maintenance'
|
||||
: 'border-maintenance'}
|
||||
z-0 bg-black/55 p-4 backdrop-blur-sm"
|
||||
class="flex h-48 w-[28rem] flex-col gap-y-3 rounded-xl border-t-4 border-secondary z-0 bg-black/55 p-4 backdrop-blur-sm"
|
||||
>
|
||||
<div class="flex flex-row justify-between">
|
||||
<div
|
||||
|
@ -114,41 +99,6 @@
|
|||
<h2 class="font-bold">{server.name}</h2>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
{#if typeof server.id !== 'undefined'}
|
||||
<h1
|
||||
class="w-16 rounded-md border-b-2
|
||||
{status == 0
|
||||
? 'border-offline'
|
||||
: status == 1
|
||||
? 'border-online'
|
||||
: status == 2
|
||||
? 'border-pending'
|
||||
: status == 3
|
||||
? 'border-maintenance'
|
||||
: 'border-maintenance'}
|
||||
text-center text-sm
|
||||
{status == 0
|
||||
? 'text-offline'
|
||||
: status == 1
|
||||
? 'text-online'
|
||||
: status == 2
|
||||
? 'text-pending'
|
||||
: status == 3
|
||||
? 'text-maintenance'
|
||||
: 'text-maintenance'}"
|
||||
>
|
||||
{status == 0
|
||||
? 'Offline'
|
||||
: status == 1
|
||||
? 'Online'
|
||||
: status == 2
|
||||
? 'Pending'
|
||||
: status == 3
|
||||
? 'Maint.'
|
||||
: 'Loading'}
|
||||
</h1>
|
||||
{/if}
|
||||
</div>
|
||||
<p class="text-wrap text-center text-sm">{server.desc}</p>
|
||||
{#if typeof server.connection !== 'undefined'}
|
||||
|
|
|
@ -57,17 +57,7 @@
|
|||
</script>
|
||||
|
||||
<div
|
||||
class="flex h-48 w-[28rem] flex-col gap-y-3 rounded-xl border-t-4
|
||||
{status == 0
|
||||
? 'border-offline'
|
||||
: status == 1
|
||||
? 'border-online'
|
||||
: status == 2
|
||||
? 'border-pending'
|
||||
: status == 3
|
||||
? 'border-maintenance'
|
||||
: 'border-maintenance'}
|
||||
z-0 bg-black/55 p-4 backdrop-blur-sm"
|
||||
class="flex h-48 w-[28rem] flex-col gap-y-3 rounded-xl border-t-4 border-secondary z-0 bg-black/55 p-4 backdrop-blur-sm"
|
||||
>
|
||||
<div class="flex flex-row justify-between">
|
||||
<div
|
||||
|
@ -100,39 +90,6 @@
|
|||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<h1
|
||||
class="w-16 rounded-md border-b-2
|
||||
{status == 0
|
||||
? 'border-offline'
|
||||
: status == 1
|
||||
? 'border-online'
|
||||
: status == 2
|
||||
? 'border-pending'
|
||||
: status == 3
|
||||
? 'border-maintenance'
|
||||
: 'border-maintenance'}
|
||||
text-center text-sm
|
||||
{status == 0
|
||||
? 'text-offline'
|
||||
: status == 1
|
||||
? 'text-online'
|
||||
: status == 2
|
||||
? 'text-pending'
|
||||
: status == 3
|
||||
? 'text-maintenance'
|
||||
: 'text-maintenance'}"
|
||||
>
|
||||
{status == 0
|
||||
? 'Offline'
|
||||
: status == 1
|
||||
? 'Online'
|
||||
: status == 2
|
||||
? 'Pending'
|
||||
: status == 3
|
||||
? 'Maint.'
|
||||
: 'Loading'}
|
||||
</h1>
|
||||
</div>
|
||||
<p class="text-wrap text-center text-sm">{service.desc}</p>
|
||||
<p class="text-center text-sm font-bold text-destructive">{service.warn}</p>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue