feat: enhance server statistics loading with dynamic scaling and opacity transitions upon data readiness
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user