feat: add resources and view components
This commit is contained in:
@@ -0,0 +1,13 @@
|
||||
<div class="card adminuiux-card border-0 shadow-sm h-100 hover-lift" data-widget="cpu">
|
||||
<div class="card-body p-4 text-center position-relative">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<h6 class="fw-bold text-dark small mb-0">CPU LOAD</h6>
|
||||
<i class="bi bi-speedometer2 text-theme-1"></i>
|
||||
</div>
|
||||
<h1 class="display-3 fw-black text-theme-1 mb-0 counter-value" id="stat-cpu-percent">{{ $stats['cpu'] }}%</h1>
|
||||
<div class="mini-progress mt-3">
|
||||
<div class="bar" id="cpu-bar" style="width:{{ $stats['cpu'] }}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="chart-cpu-sparkline" class="sparkline-container"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,11 @@
|
||||
<div class="card adminuiux-card border-0 shadow-sm h-100 hover-lift" data-widget="disk">
|
||||
<div class="card-body p-4 text-center">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<h6 class="fw-bold text-dark small mb-0">STORAGE</h6>
|
||||
<i class="bi bi-hdd-network text-warning"></i>
|
||||
</div>
|
||||
<h1 class="display-3 fw-black text-warning mb-0 counter-value" id="stat-disk-percent">{{ $stats['disk']['percentage'] }}%</h1>
|
||||
<p class="extra-small text-muted mb-0 mt-2" id="stat-disk-total">{{ $stats['disk']['free'] }} available</p>
|
||||
</div>
|
||||
<div id="chart-disk-sparkline" class="sparkline-container"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,12 @@
|
||||
<div class="card adminuiux-card border-0 shadow-sm h-100 hover-lift bg-theme-1 text-white card-glow-theme" data-widget="live_users">
|
||||
<div class="card-body p-4 text-center">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<h6 class="fw-bold text-white small mb-0">LIVE USERS</h6>
|
||||
<i class="bi bi-people text-white-50"></i>
|
||||
</div>
|
||||
<h1 class="display-3 fw-black text-white mb-0 counter-value" id="stat-users-count">{{ $stats['users']['total'] }}</h1>
|
||||
<p class="extra-small text-white-50 mb-0 mt-2">
|
||||
<span id="stat-users-auth">{{ $stats['users']['authenticated'] }}</span> Authenticated
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,27 @@
|
||||
<div class="card adminuiux-card border-0 shadow-sm h-100 hover-lift" data-widget="queues">
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex justify-content-between mb-3">
|
||||
<h6 class="fw-bold text-dark small mb-0">QUEUE STATS</h6>
|
||||
<i class="bi bi-stack text-secondary"></i>
|
||||
</div>
|
||||
<div class="row g-2 text-center">
|
||||
<div class="col-6">
|
||||
<div class="p-2 rounded-3 bg-light">
|
||||
<div class="fw-black display-6 text-dark counter-value" id="stat-queues-pending">{{ $stats['queues']['pending'] ?? 0 }}</div>
|
||||
<div class="extra-small text-muted fw-semibold">PENDING</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="p-2 rounded-3 bg-danger-subtle">
|
||||
<div class="fw-black display-6 text-danger counter-value" id="stat-queues-failed">{{ $stats['queues']['failed'] ?? 0 }}</div>
|
||||
<div class="extra-small text-danger fw-semibold">FAILED</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 d-flex align-items-center gap-2">
|
||||
<span class="extra-small text-muted">Reverb:</span>
|
||||
<i class="bi bi-broadcast text-muted" id="reverb-icon"></i>
|
||||
<span class="extra-small text-muted" id="reverb-status-text">IDLE</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,14 @@
|
||||
<div class="card adminuiux-card border-0 shadow-sm h-100 hover-lift" data-widget="ram">
|
||||
<div class="card-body p-4 text-center">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<h6 class="fw-bold text-dark small mb-0">MEMORY</h6>
|
||||
<i class="bi bi-memory text-info"></i>
|
||||
</div>
|
||||
<h1 class="display-3 fw-black text-info mb-0 counter-value" id="stat-ram-percent">{{ $stats['ram']['percentage'] }}%</h1>
|
||||
<div class="d-flex justify-content-between extra-small text-muted mt-2">
|
||||
<span id="stat-ram-used">{{ $stats['ram']['used'] }} used</span>
|
||||
<span id="stat-swap-info" class="text-warning">Swap: {{ $stats['ram']['swap']['percentage'] ?? 0 }}%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="chart-ram-sparkline" class="sparkline-container"></div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user