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>
|
<h3 class="uppercase font-black text-color-base text-sm tracking-wider">Server Specifications</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="space-y-4">
|
<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']))
|
@if(isset($vmStatus['cpus']))
|
||||||
<div class="flex items-center justify-between py-3 px-4 bg-background/50 rounded-xl">
|
<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">
|
<span class="text-color-muted text-sm font-medium flex items-center gap-2">
|
||||||
|
|||||||
Reference in New Issue
Block a user