feat(dashboard): link the active server name + IP to its detail page
When a server is active, the server name and IP status-pill are now clickable links to that server's detail page using wire:navigate. When no server is active, both display as plain text to maintain readability. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>feat/v1-foundation
parent
a1b37751a0
commit
9bb349dd9c
|
|
@ -20,10 +20,22 @@
|
||||||
{{-- Header --}}
|
{{-- Header --}}
|
||||||
<div class="flex flex-wrap items-end justify-between gap-3">
|
<div class="flex flex-wrap items-end justify-between gap-3">
|
||||||
<div>
|
<div>
|
||||||
<p class="font-mono text-[11px] uppercase tracking-[0.2em] text-accent-text">{{ $active?->name ?? '—' }}</p>
|
@if ($active)
|
||||||
|
<a href="{{ route('servers.show', $active) }}" wire:navigate class="transition-colors hover:text-accent">
|
||||||
|
<p class="font-mono text-[11px] uppercase tracking-[0.2em] text-accent-text">{{ $active->name }}</p>
|
||||||
|
</a>
|
||||||
|
@else
|
||||||
|
<p class="font-mono text-[11px] uppercase tracking-[0.2em] text-accent-text">—</p>
|
||||||
|
@endif
|
||||||
<h2 class="mt-0.5 font-display text-xl font-semibold text-ink sm:text-2xl">{{ __('dashboard.heading') }}</h2>
|
<h2 class="mt-0.5 font-display text-xl font-semibold text-ink sm:text-2xl">{{ __('dashboard.heading') }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<x-status-pill :status="$active?->status ?? 'offline'">{{ $active?->ip ?? '—' }}</x-status-pill>
|
@if ($active)
|
||||||
|
<a href="{{ route('servers.show', $active) }}" wire:navigate class="transition-opacity hover:opacity-80">
|
||||||
|
<x-status-pill :status="$active->status">{{ $active->ip }}</x-status-pill>
|
||||||
|
</a>
|
||||||
|
@else
|
||||||
|
<x-status-pill :status="'offline'">—</x-status-pill>
|
||||||
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{-- KPI tiles with sparklines (active server) --}}
|
{{-- KPI tiles with sparklines (active server) --}}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue