busya/ss-tools
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: add slug-only dashboard profile filter and unify backend imports

Browse Source
This commit is contained in:
busya
2026-03-11 12:20:34 +03:00
parent 50001f5ec5
commit a13f75587d
40 changed files with 376 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/lib/components/health/HealthMatrix.svelte
View File

@@ -9,6 +9,8 @@
@UX_REATIVITY: State: $state, Derived: $derived.
-->
<script>
import { t } from '$lib/i18n';
/** @type {{
* pass_count: number,
* warn_count: number,
@@ -39,35 +41,35 @@
</div>
{:else if error}
<div class="p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg text-red-700 dark:text-red-400">
<p class="font-medium">Failed to load health summary</p>
<p class="font-medium">{$t.health?.load_failed}</p>
<p class="text-sm">{error}</p>
</div>
{:else}
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
<div class="p-4 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg text-center">
<div class="text-2xl font-bold text-green-700 dark:text-green-400">🟢 {pass_count}</div>
<div class="text-xs text-green-600 dark:text-green-500 uppercase tracking-wider font-semibold">Pass</div>
<div class="text-xs text-green-600 dark:text-green-500 uppercase tracking-wider font-semibold">{$t.health?.status_pass}</div>
</div>
<div class="p-4 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg text-center">
<div class="text-2xl font-bold text-yellow-700 dark:text-yellow-400">🟡 {warn_count}</div>
<div class="text-xs text-yellow-600 dark:text-yellow-500 uppercase tracking-wider font-semibold">Warn</div>
<div class="text-xs text-yellow-600 dark:text-yellow-500 uppercase tracking-wider font-semibold">{$t.health?.status_warn}</div>
</div>
<div class="p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg text-center">
<div class="text-2xl font-bold text-red-700 dark:text-red-400">🔴 {fail_count}</div>
<div class="text-xs text-red-600 dark:text-red-500 uppercase tracking-wider font-semibold">Fail</div>
<div class="text-xs text-red-600 dark:text-red-500 uppercase tracking-wider font-semibold">{$t.health?.status_fail}</div>
</div>
<div class="p-4 bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg text-center">
<div class="text-2xl font-bold text-gray-700 dark:text-gray-300">⚪ {unknown_count}</div>
<div class="text-xs text-gray-600 dark:text-gray-500 uppercase tracking-wider font-semibold">Unknown</div>
<div class="text-xs text-gray-600 dark:text-gray-500 uppercase tracking-wider font-semibold">{$t.health?.status_unknown}</div>
</div>
</div>
{#if total === 0}
<div class="mt-4 p-8 text-center border-2 border-dashed border-gray-200 dark:border-gray-700 rounded-xl text-gray-500 dark:text-gray-400">
No validation records found for this environment.
{$t.health?.no_records_for_environment}
</div>
{/if}
{/if}
@@ -76,4 +78,4 @@
<style>
/* Tailwind handles most styling, custom tweaks here if needed */
</style>
<!-- [/DEF:HealthMatrix:Component] -->
<!-- [/DEF:HealthMatrix:Component] -->