From 3c85a8fedaeb8633de8b622f719832ca1dd11895 Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Tue, 25 Mar 2025 11:31:39 +0100
Subject: [PATCH] Add turn on/off button for a server component.

But notice that the page gets refreshed.
---
 .../Components/Controls/ServerComponent.razor | 37 ++++++++++++++++---
 .../Components/Pages/Servers.razor            |  2 +
 2 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/ServerManagement/Components/Controls/ServerComponent.razor b/ServerManagement/Components/Controls/ServerComponent.razor
index c5f42b3..a14c506 100755
--- a/ServerManagement/Components/Controls/ServerComponent.razor
+++ b/ServerManagement/Components/Controls/ServerComponent.razor
@@ -1,10 +1,37 @@
 @namespace ServerManagement.Components.Controls
 
-<p
-  style="@($"color:{(server.IsOnline ? "green" : "red")}")">
-  @server.Name is in: @server.City @(server.IsOnline ? "online" : "offline")
-</p>
+@if (server != null)
+{
+  <EditForm Model="server" FormName="serverComponentForm" OnSubmit="ChangeServerStatus">
+    <InputNumber @bind-Value="server.Id" hidden></InputNumber>
+    <InputText @bind-Value="server.Name" hidden></InputText>
+    <InputText @bind-Value="server.City" hidden></InputText>
+    <InputCheckbox @bind-Value="server.IsOnline" hidden></InputCheckbox>
+
+    <div
+      style="@($"color:{(server.IsOnline ? "green" : "red")}")">
+      @server.Name is in: @server.City @(server.IsOnline ? "online" : "offline")
+      &nbsp;
+      <button type="submit" class="btn btn-primary">Turn On/Off</button>
+    </div>
+
+  </EditForm>
+}
 
 @code {
-  private Server server = new Server { Name = "Server 1", City = "Einhoven" };
+  [SupplyParameterFromForm]
+  private Server? server { get; set; } //= new Server { Name = "Server 1", City = "Einhoven" };
+
+  protected override void OnParametersSet()
+  {
+    server ??= new Server { Name = "Server 1", City = "Eindhoven" };
+  }
+
+  private void ChangeServerStatus()
+  {
+    if (server != null)
+    {
+      server.IsOnline = !server.IsOnline;
+    }
+  }
 }
\ No newline at end of file
diff --git a/ServerManagement/Components/Pages/Servers.razor b/ServerManagement/Components/Pages/Servers.razor
index 927713f..154a5cf 100644
--- a/ServerManagement/Components/Pages/Servers.razor
+++ b/ServerManagement/Components/Pages/Servers.razor
@@ -24,6 +24,8 @@
   </div>
 </div>
 
+<br/>
+  <ServerComponent></ServerComponent>
 <br/>
 <a href="@($"/servers/add")" class="btn btn-primary">Add</a>
 <br/>