From 09dffe020dad8a91612eb4eb2264e92c9a2250e0 Mon Sep 17 00:00:00 2001
From: Moritz Deiaco <moritz.deiaco@gmail.com>
Date: Wed, 29 May 2024 20:55:23 +0200
Subject: [PATCH] Improved Nodes Card

---
 .../Cards/AdminNodesComponent.razor           | 50 +++++++++++--------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/Moonlight/Features/Servers/UI/Components/Cards/AdminNodesComponent.razor b/Moonlight/Features/Servers/UI/Components/Cards/AdminNodesComponent.razor
index 67365a4a..191a39ac 100644
--- a/Moonlight/Features/Servers/UI/Components/Cards/AdminNodesComponent.razor
+++ b/Moonlight/Features/Servers/UI/Components/Cards/AdminNodesComponent.razor
@@ -9,31 +9,35 @@
 <div class="card">
     <div class="card-body">
         <h4 class="card-title mb-4 d-flex align-items-center gap-3">
-            <i class="bx bx-md bx-cube text-primary"></i>
+            <i class="bx bx-md bx-microchip text-primary"></i>
             <span>Nodes Overview</span>
         </h4>
         <div class="row mx-2">
-            @if (Nodes.Any())
-            {
-                foreach (var node in Nodes)
+            <LazyLoader Load="Load">
+                @if (Nodes.Any())
                 {
-                    <div class="col-12 col-md-6 col-3">
-                        <div class="row">
-                            <span class="col-auto d-flex align-items-center">
-                                <span class="badge text-bg-@(node.Item2 == null ? "danger" : "success") text-capitalize">@(node.Item2 == null ? "offline" : "online")</span>
-                            </span>
-                            <div class="col">
-                                <span class="fs-5 fw-bold d-block">@node.Item1.Name</span>
-                                <span class="text-muted text-lowercase fs-6 d-block">@node.Item1.Fqdn</span>
-                            </div>
+                    foreach (var node in Nodes)
+                    {
+                        <div class="col-12 col-md-6 col-3">
+                            <a href="/admin/servers/nodes/view/@node.Item1.Id">
+                                <div class="row">
+                                    <span class="col-auto d-flex align-items-center">
+                                        <span class="badge text-bg-@(node.Item2 == null ? "danger" : "success") text-capitalize">@(node.Item2 == null ? "offline" : "online")</span>
+                                    </span>
+                                    <div class="col">
+                                        <span class="fs-5 fw-bold d-block text-white">@node.Item1.Name</span>
+                                        <span class="text-muted text-lowercase fs-6 d-block">@node.Item1.Fqdn</span>
+                                    </div>
+                                </div>
+                            </a>
                         </div>
-                    </div>
+                    }
                 }
-            }
-            else
-            {
-                <span class="text-muted fs-4">You dont have any nodes.</span>
-            }
+                else
+                {
+                    <span class="text-muted fs-4">You dont have any nodes.</span>
+                }
+            </LazyLoader>
         </div>
     </div>
 </div>
@@ -41,18 +45,20 @@
 @code {
 
     private List<Tuple<ServerNode, SystemStatus?>> Nodes = new();
-    
-    protected override async Task OnInitializedAsync()
+
+    private async Task Load(LazyLoader arg)
     {
         foreach (var node in NodeRepository.Get().ToList())
         {
             SystemStatus? nodeStatus = null;
             
+            await arg.SetText("Fetching Nodes...");
+            
             try
             {
                 nodeStatus = await NodeService.GetStatus(node);
             }
-            catch (Exception e)
+            catch
             {
                 // Ignored
             }