feat: enhance server statistics loading with dynamic scaling and opacity transitions upon data readiness

This commit is contained in:
2025-12-01 08:28:05 -05:00
parent 06d5183e4b
commit 2511cde1dc

View File

@@ -100,7 +100,10 @@
<!-- Performance Telemetry -->
<section
wire:poll.120s="stats"
class="relative bg-background-secondary border border-neutral rounded-2xl p-6 space-y-6 shadow-sm overflow-hidden"
x-data="{ chartsLoaded: false }"
@proxmox-all-stats-loaded.window="chartsLoaded = true"
class="relative bg-background-secondary border border-neutral rounded-2xl p-6 space-y-6 shadow-sm overflow-hidden transform transition duration-300 ease-out"
:class="chartsLoaded ? 'scale-100 opacity-100' : 'scale-95 opacity-80'"
>
<div>
<div class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
@@ -4300,6 +4303,9 @@
if (allExpectedChartsHaveData) {
console.log('All expected charts have received data – stopping stats retries.');
try {
document.dispatchEvent(new CustomEvent('proxmox-all-stats-loaded'));
} catch (e) {}
return;
}