From b86e867cff6285285d5f3b5cf987b7fb5fbc8f52 Mon Sep 17 00:00:00 2001
From: Masu-Baumgartner <68913099+Masu-Baumgartner@users.noreply.github.com>
Date: Tue, 3 Sep 2024 16:54:33 +0200
Subject: [PATCH 1/2] Added some node ui

---
 .../Components/Forms/AllocationEditor.razor   | 22 +++++++++----------
 .../UI/Components/Partials/NodeLogs.razor     | 14 ++++++++++++
 .../UI/Components/Partials/NodeOverview.razor | 15 +++++++++++++
 .../UI/Views/Admin/Nodes.razor                |  3 ++-
 4 files changed, 41 insertions(+), 13 deletions(-)
 create mode 100644 MoonlightServers.Client/UI/Components/Partials/NodeLogs.razor
 create mode 100644 MoonlightServers.Client/UI/Components/Partials/NodeOverview.razor

diff --git a/MoonlightServers.Client/UI/Components/Forms/AllocationEditor.razor b/MoonlightServers.Client/UI/Components/Forms/AllocationEditor.razor
index 82aa6a1..b478f64 100644
--- a/MoonlightServers.Client/UI/Components/Forms/AllocationEditor.razor
+++ b/MoonlightServers.Client/UI/Components/Forms/AllocationEditor.razor
@@ -5,18 +5,16 @@
 
 @inject HttpApiClient HttpApiClient
 
-<div class="rounded-lg border border-slate-700 bg-slate-700">
-    <SmartCrud TItem="DetailAllocationResponse"
-               TCreateForm="CreateAllocationRequest"
-               TUpdateForm="UpdateAllocationRequest"
-               OnConfigure="OnConfigure">
-        <View>
-            <SmartColumn TItem="DetailAllocationResponse" Field="@(x => x.Id)" Title="Id" />
-            <SmartColumn TItem="DetailAllocationResponse" Field="@(x => x.IpAddress)" Title="IP Address" />
-            <SmartColumn TItem="DetailAllocationResponse" Field="@(x => x.Port)" Title="Port" />
-        </View>
-    </SmartCrud>
-</div>
+<SmartCrud TItem="DetailAllocationResponse"
+           TCreateForm="CreateAllocationRequest"
+           TUpdateForm="UpdateAllocationRequest"
+           OnConfigure="OnConfigure">
+    <View>
+        <SmartColumn TItem="DetailAllocationResponse" Field="@(x => x.Id)" Title="Id" />
+        <SmartColumn TItem="DetailAllocationResponse" Field="@(x => x.IpAddress)" Title="IP Address" />
+        <SmartColumn TItem="DetailAllocationResponse" Field="@(x => x.Port)" Title="Port" />
+    </View>
+</SmartCrud>
 
 @code
 {
diff --git a/MoonlightServers.Client/UI/Components/Partials/NodeLogs.razor b/MoonlightServers.Client/UI/Components/Partials/NodeLogs.razor
new file mode 100644
index 0000000..4fa0b99
--- /dev/null
+++ b/MoonlightServers.Client/UI/Components/Partials/NodeLogs.razor
@@ -0,0 +1,14 @@
+<div class="mt-5">
+    <div class="p-6 rounded-lg shadow bg-slate-800">
+        
+    </div>
+    
+    <div class="p-6 rounded-lg shadow bg-slate-800 font">
+
+    </div>
+</div>
+
+@code
+{
+    [Parameter] public int NodeId { get; set; }
+}
\ No newline at end of file
diff --git a/MoonlightServers.Client/UI/Components/Partials/NodeOverview.razor b/MoonlightServers.Client/UI/Components/Partials/NodeOverview.razor
new file mode 100644
index 0000000..4656be1
--- /dev/null
+++ b/MoonlightServers.Client/UI/Components/Partials/NodeOverview.razor
@@ -0,0 +1,15 @@
+<div class="mt-5 gap-5 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4">
+    <StatCard Title="CPU Model" Text="AMD Ryzen 7 1700X Eight-Core Processor" Icon="bi bi-cpu"/>
+    <StatCard Title="CPU Usage" Text="24,19%" Icon="bi bi-speedometer2"/>
+    <StatCard Title="Memory Usage" Text="21.31 GB / 62.75 GB" Icon="bi bi-memory"/>
+    <StatCard Title="Host OS" Text="Arch Linux" Icon="bi bi-motherboard"/>
+    <StatCard Title="Uptime" Text="57d 2h 51m 50s" Icon="bi bi-clock-history"/>
+    <StatCard Title="Containers" Text="11" Icon="bi bi-box-seam"/>
+    <StatCard Title="Disk Usage" Text="318.84 GB / 904.12 GB" Icon="bi bi-hdd"/>
+    <StatCard Title="Version" Text="v2.1 - Galaxy (Release #1)" Icon="bi bi-tag"/>
+</div>
+
+@code
+{
+    [Parameter] public int NodeId { get; set; }
+}
\ No newline at end of file
diff --git a/MoonlightServers.Client/UI/Views/Admin/Nodes.razor b/MoonlightServers.Client/UI/Views/Admin/Nodes.razor
index b401824..643a999 100644
--- a/MoonlightServers.Client/UI/Views/Admin/Nodes.razor
+++ b/MoonlightServers.Client/UI/Views/Admin/Nodes.razor
@@ -5,6 +5,7 @@
 @using MoonlightServers.Client.UI.Components.Forms
 @using MoonlightServers.Shared.Http.Requests.Admin.Nodes
 @using MoonlightServers.Shared.Http.Responses.Admin.Nodes
+@using MoonlightServers.Client.UI.Components.Partials
 
 @inject HttpApiClient HttpApiClient
 
@@ -29,7 +30,7 @@
         <DetailView>
             <SmartTabs>
                 <SmartTab Name="Overview">
-                    <h3 class="text-2xl text-blue-500">Overview owo</h3>
+                    <NodeOverview NodeId="@context.Id" />
                 </SmartTab>
                 <SmartTab Name="Allocations">
                     <AllocationEditor NodeId="@context.Id" />

From 077ac06dbbc3519e4c24865c2fcf6944a8b5c52d Mon Sep 17 00:00:00 2001
From: Masu-Baumgartner <68913099+Masu-Baumgartner@users.noreply.github.com>
Date: Wed, 4 Sep 2024 12:15:28 +0200
Subject: [PATCH 2/2] Added node logs ui

---
 .../UI/Components/Partials/NodeLogs.razor     | 41 +++++++++++++++++--
 .../UI/Views/Admin/Nodes.razor                |  3 ++
 2 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/MoonlightServers.Client/UI/Components/Partials/NodeLogs.razor b/MoonlightServers.Client/UI/Components/Partials/NodeLogs.razor
index 4fa0b99..6b090f1 100644
--- a/MoonlightServers.Client/UI/Components/Partials/NodeLogs.razor
+++ b/MoonlightServers.Client/UI/Components/Partials/NodeLogs.razor
@@ -1,10 +1,43 @@
 <div class="mt-5">
-    <div class="p-6 rounded-lg shadow bg-slate-800">
-        
+    <div class="p-3 rounded-lg shadow bg-slate-800">
+        <div class="flex justify-end">
+            <div class="flex rounded-md shadow-sm">
+                <div class="relative flex flex-grow items-stretch focus-within:z-10">
+                    <input type="text" value="50" class="block w-full rounded-none rounded-l-md py-1.5 sm:text-sm sm:leading-6 border-0 bg-slate-800 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 placeholder-slate-400" placeholder="Lines to fetch">
+                </div>
+                <button type="button" class="relative -ml-px inline-flex items-center gap-x-1.5 rounded-r-md px-3 py-2 text-sm font-medium focus:outline-none text-white bg-indigo-600 hover:bg-indigo-700">
+                    <i class="bi bi-arrow-repeat text-lg mr-1"></i>
+                    Refresh
+                </button>
+            </div>
+        </div>
     </div>
     
-    <div class="p-6 rounded-lg shadow bg-slate-800 font">
-
+    <div class="p-6 rounded-lg shadow bg-black font-scp text-sm mt-5">
+        10:43:29 [INF] ExecutionContext Loaded server 44 [23/25] <br />
+        10:43:29 [INF] ExecutionContext Loaded server 45 [24/25]<br />
+        10:43:29 [INF] ExecutionContext Loaded server 50 [25/25]<br />
+        10:43:29 [INF] ExecutionContext Fetched servers. Closing websocket connection<br />
+        10:43:29 [INF] AsyncTaskMethodBuilder Finishing boot<br />
+        10:43:29 [INF] AsyncTaskMethodBuilder Restoring docker containers<br />
+        10:43:29 [INF] ExecutionContext Restored server 35 and reattached stream<br />
+        10:43:29 [INF] ExecutionContext Restored server 19 and reattached stream<br />
+        10:43:29 [INF] ExecutionContext Restored server 2 and reattached stream<br />
+        10:43:29 [INF] ExecutionContext Restored server 9 and reattached stream<br />
+        10:43:29 [INF] ExecutionContext Restored server 44 and reattached stream<br />
+        10:43:29 [INF] ExecutionContext Restored server 45 and reattached stream<br />
+        10:43:29 [INF] ExecutionContext Restored server 42 and reattached stream<br />
+        10:43:29 [INF] ExecutionContext Restored server 39 and reattached stream<br />
+        10:43:29 [INF] ExecutionContext Restored server 17 and reattached stream<br />
+        10:43:29 [INF] ExecutionContext Restored server 15 and reattached stream<br />
+        10:43:29 [INF] ExecutionContext Restored server 12 and reattached stream<br />
+        10:50:08 [FTL] ConnectionManager Connection id "0HN65LD3UMODC" application never completed.<br />
+        11:20:29 [FTL] ConnectionManager Connection id "0HN65LD3UMOE9" application never completed.<br />
+        15:53:04 [FTL] ConnectionManager Connection id "0HN65LD3UMPS5" application never completed.<br />
+        15:53:04 [FTL] ConnectionManager Connection id "0HN65LD3UMPN2" application never completed.<br />
+        15:53:04 [FTL] ConnectionManager Connection id "0HN65LD3UMPN9" application never completed.<br />
+        15:53:04 [FTL] ConnectionManager Connection id "0HN65LD3UMPRK" application never completed.<br />
+        20:11:22 [WRN] AsyncTaskMethodBuilder`1 Invalid username format received. Username: 'anonymous', Password: 'IEUser<br />
     </div>
 </div>
 
diff --git a/MoonlightServers.Client/UI/Views/Admin/Nodes.razor b/MoonlightServers.Client/UI/Views/Admin/Nodes.razor
index 643a999..6e7e5c9 100644
--- a/MoonlightServers.Client/UI/Views/Admin/Nodes.razor
+++ b/MoonlightServers.Client/UI/Views/Admin/Nodes.razor
@@ -35,6 +35,9 @@
                 <SmartTab Name="Allocations">
                     <AllocationEditor NodeId="@context.Id" />
                 </SmartTab>
+                <SmartTab Name="Logs">
+                    <NodeLogs NodeId="@context.Id" />
+                </SmartTab>
             </SmartTabs>
         </DetailView>
     </SmartCrud>