mirror of
https://github.com/pelican-dev/panel.git
synced 2025-05-19 22:14:45 +02:00
befe6be80b
* wip * wip * wip * overview 2.1 * Combine 2 branches into one * updates * Fix 500 * use my friend JSON * Use switch
64 lines
2.6 KiB
PHP
64 lines
2.6 KiB
PHP
@php
|
|
use App\Enums\ServerResourceType;
|
|
|
|
/** @var \App\Models\Server $server */
|
|
$server = $getRecord();
|
|
@endphp
|
|
|
|
<head>
|
|
<style>
|
|
hr {
|
|
border-color: #9ca3af;
|
|
}
|
|
</style>
|
|
</head>
|
|
<div class="w-full">
|
|
<div class="relative">
|
|
<div
|
|
class="absolute left-0 top-1 bottom-0 w-1 rounded-lg"
|
|
style="background-color: {{ $server->condition->getColor(true) }};">
|
|
</div>
|
|
|
|
<div class="flex-1 bg-gray-800 dark:text-white rounded-lg overflow-hidden p-3">
|
|
<div class="flex items-center mb-5 gap-2">
|
|
<x-filament::icon-button
|
|
:icon="$server->condition->getIcon()"
|
|
:color="$server->condition->getColor()"
|
|
:tooltip="$server->condition->getLabel()"
|
|
size="xl"
|
|
/>
|
|
<h2 class="text-xl font-bold">
|
|
{{ $server->name }}
|
|
<span class="dark:text-gray-400">({{ $server->formatResource('uptime', type: ServerResourceType::Time) }})</span>
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="flex justify-between text-center">
|
|
<div>
|
|
<p class="text-sm dark:text-gray-400">CPU</p>
|
|
<p class="text-md font-semibold">{{ $server->formatResource('cpu_absolute', type: ServerResourceType::Percentage) }}</p>
|
|
<hr class="p-0.5">
|
|
<p class="text-xs dark:text-gray-400">{{ $server->formatResource('cpu', type: ServerResourceType::Percentage, limit: true) }}</p>
|
|
</div>
|
|
<div>
|
|
<p class="text-sm dark:text-gray-400">Memory</p>
|
|
<p class="text-md font-semibold">{{ $server->formatResource('memory_bytes') }}</p>
|
|
<hr class="p-0.5">
|
|
<p class="text-xs dark:text-gray-400">{{ $server->formatResource('memory', limit: true) }}</p>
|
|
</div>
|
|
<div>
|
|
<p class="text-sm dark:text-gray-400">Disk</p>
|
|
<p class="text-md font-semibold">{{ $server->formatResource('disk_bytes') }}</p>
|
|
<hr class="p-0.5">
|
|
<p class="text-xs dark:text-gray-400">{{ $server->formatResource('disk', limit: true) }}</p>
|
|
</div>
|
|
<div class="hidden sm:block">
|
|
<p class="text-sm dark:text-gray-400">Network</p>
|
|
<hr class="p-0.5">
|
|
<p class="text-md font-semibold">{{ $server->allocation->address }} </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|