Cache servers data and show stats

laravel · Oct 6, 2023 · 5d10a52 · 5d10a52
1 parent 4b53151
commit 5d10a52
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/resources/views/livewire/servers.blade.php b/resources/views/livewire/servers.blade.php
@@ -50,7 +50,7 @@ class="overflow-x-auto pb-px default:col-span-full default:lg:col-span-{{ $cols
                 </div>
                 <div class="flex items-center pr-8 xl:pr-12 [&:nth-child(1n+15)]:border-t {{ count($servers) > 1 ? 'py-2' : '' }} {{ ! $server->recently_reported ? 'opacity-25 animate-pulse' : '' }}" :class="loadingNewDataset ? 'opacity-25 animate-pulse' : ''">
                     <x-pulse::icons.server class="w-6 h-6 mr-2 stroke-gray-500 dark:stroke-gray-400" />
-                    <span class="text-base font-bold text-gray-600 dark:text-gray-300">{{ $server->name }}</span>
+                    <span class="text-base font-bold text-gray-600 dark:text-gray-300" title="Time: {{ $time }}; Run at: {{ $runAt }};">{{ $server->name }}</span>
                 </div>
                 <div class="flex items-center [&:nth-child(1n+15)]:border-t {{ count($servers) > 1 ? 'py-2' : '' }} {{ ! $server->recently_reported ? 'opacity-25 animate-pulse' : '' }}" :class="loadingNewDataset ? 'opacity-25 animate-pulse' : ''">
                     <div class="text-xl font-bold text-gray-700 dark:text-gray-200 w-14 whitespace-nowrap tabular-nums">

diff --git a/src/Livewire/Servers.php b/src/Livewire/Servers.php
@@ -5,27 +5,30 @@
 use Illuminate\Contracts\Support\Renderable;
 use Illuminate\Support\Facades\View;
 use Laravel\Pulse\Livewire\Concerns\HasPeriod;
+use Laravel\Pulse\Livewire\Concerns\RemembersQueries;
 use Laravel\Pulse\Livewire\Concerns\ShouldNotReportUsage;
 use Livewire\Attributes\Lazy;
 
 #[Lazy]
 class Servers extends Card
 {
-    use HasPeriod, ShouldNotReportUsage;
+    use HasPeriod, RemembersQueries, ShouldNotReportUsage;
 
     /**
      * Render the component.
      */
     public function render(callable $query): Renderable
     {
-        $servers = $query($this->periodAsInterval());
+        [$servers, $time, $runAt] = $this->remember($query);
 
         if (request()->hasHeader('X-Livewire')) {
             $this->dispatch('chart-update', servers: $servers);
         }
 
         return View::make('pulse::livewire.servers', [
             'servers' => $servers,
+            'time' => $time,
+            'runAt' => $runAt,
         ]);
     }