Display VM power status with visual indicators in service details
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user