Display VM power status with visual indicators in service details

This commit is contained in:
2025-12-06 12:36:56 -05:00
parent d01289cd00
commit a9f4981a83

View File

@@ -133,6 +133,25 @@
<h3 class="uppercase font-black text-color-base text-sm tracking-wider">Server Specifications</h3>
</div>
<div class="space-y-4">
@if(isset($vmStatus['status']))
<div class="flex items-center justify-between py-3 px-4 bg-background/50 rounded-xl">
<span class="text-color-muted text-sm font-medium flex items-center gap-2">
<x-ri-shut-down-line class="size-4" /> Power Status
</span>
<span class="font-bold flex items-center gap-2">
@if($vmStatus['status'] === 'running')
<span class="size-2 rounded-full bg-success animate-pulse"></span>
<span class="text-success">Running</span>
@elseif($vmStatus['status'] === 'stopped')
<span class="size-2 rounded-full bg-error"></span>
<span class="text-error">Stopped</span>
@else
<span class="size-2 rounded-full bg-warning animate-pulse"></span>
<span class="text-warning capitalize">{{ $vmStatus['status'] }}</span>
@endif
</span>
</div>
@endif
@if(isset($vmStatus['cpus']))
<div class="flex items-center justify-between py-3 px-4 bg-background/50 rounded-xl">
<span class="text-color-muted text-sm font-medium flex items-center gap-2">