klbr/dockhand
1
0
Fork 0
mirror of https://github.com/khoaliber/dockhand.git synced 2026-03-05 05:39:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Jarek Krochmalski
2025-12-28 21:16:03 +01:00
commit 62e3c6439e
552 changed files with 104858 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
lib/components/UpdateSummaryStats.svelte Normal file
View File

@@ -0,0 +1,69 @@
<script lang="ts">
import { CheckCircle2, ShieldAlert, XCircle, Search } from 'lucide-svelte';
interface Props {
checked?: number;
updated: number;
blocked: number;
failed: number;
compact?: boolean;
}
let { checked, updated, blocked, failed, compact = false }: Props = $props();
</script>
{#if compact}
<!-- Inline compact layout -->
<div class="flex items-center gap-4 text-sm">
{#if checked !== undefined}
<div class="flex items-center gap-1.5">
<span class="font-bold">{checked}</span>
<span class="text-muted-foreground">Checked</span>
</div>
{/if}
{#if updated > 0}
<div class="flex items-center gap-1.5 text-green-600">
<CheckCircle2 class="w-4 h-4" />
<span>{updated} updated</span>
</div>
{/if}
{#if blocked > 0}
<div class="flex items-center gap-1.5 text-amber-600">
<ShieldAlert class="w-4 h-4" />
<span>{blocked} blocked</span>
</div>
{/if}
{#if failed > 0}
<div class="flex items-center gap-1.5 text-red-600">
<XCircle class="w-4 h-4" />
<span>{failed} failed</span>
</div>
{/if}
</div>
{:else}
<!-- Grid layout -->
<div class="flex items-center gap-4 text-sm pb-3 border-b">
{#if checked !== undefined}
<div class="flex items-center gap-1.5">
<Search class="w-4 h-4 text-muted-foreground" />
<span class="font-bold">{checked}</span>
<span class="text-muted-foreground">Checked</span>
</div>
{/if}
<div class="flex items-center gap-1.5">
<CheckCircle2 class="w-4 h-4 text-green-500" />
<span class="font-bold text-green-500">{updated}</span>
<span class="text-muted-foreground">Updated</span>
</div>
<div class="flex items-center gap-1.5">
<ShieldAlert class="w-4 h-4 text-amber-500" />
<span class="font-bold text-amber-500">{blocked}</span>
<span class="text-muted-foreground">Blocked</span>
</div>
<div class="flex items-center gap-1.5">
<XCircle class="w-4 h-4 text-red-500" />
<span class="font-bold text-red-500">{failed}</span>
<span class="text-muted-foreground">Failed</span>
</div>
</div>
{/if}