Update

spec/services.yaml

@@ -1,4 +1,9 @@
 servers:
+  - name: metropolis
+    host: metropolis.gwei.cz
+    provider: Forpsi
+    monitor: 24
+    location: CZ 🇨🇿
   - name: frontier
     host: frontier.gwei.cz
     provider: Alwyzon
@@ -15,11 +20,6 @@ servers:
     provider: self-hosting
     monitor: 27
     location: CZ 🇨🇿
-  - name: metropolis
-    host: metropolis.gwei.cz
-    provider: Forpsi
-    monitor: 24
-    location: CZ 🇨🇿
 
 services:
   - name: Gitea

web/src/routes/+page.svelte

@@ -5,6 +5,7 @@
   import { formatDistanceToNow } from 'date-fns'
 
   let spec = null
+  let server = ''
 
   onMount(async () => {
 
@@ -119,6 +120,15 @@
 
   <section>
     <h2 class="mb-4 text-xl font-bold">Services</h2>
+    <div class="mt-2 mb-4 text-sm">
+      Server:
+      <select name="server" class="border p-1 rounded" bind:value={server}>
+          <option value="">all</option>
+        {#each spec.servers as s}
+          <option value={s.name}>{s.name}</option>
+        {/each}
+      </select>
+    </div>
     <table class="table-auto w-full text-sm">
       <thead>
         <tr class="">
@@ -128,7 +138,7 @@
         </tr>
       </thead>
       <tbody>
-        {#each spec.services as service}
+        {#each spec.services.filter(s => server ? s.server === server : true) as service}
           <tr class="hover:bg-gray-100">
             {#each cols as col}
               <td class="sysinfo-service-col">{@html typeof col.key === 'string' ? service[col.key] : col.key(service)}</td>