From 4d77319f488918ef4b3eeb80a0ff4865da4acbca Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Mon, 24 Mar 2025 18:16:00 +0100
Subject: [PATCH] Add a routable component to add a new server.

---
 .../Components/Pages/AddServer.razor          | 57 +++++++++++++++++++
 .../Components/Pages/Servers.razor            |  2 +
 2 files changed, 59 insertions(+)
 create mode 100644 ServerManagement/Components/Pages/AddServer.razor

diff --git a/ServerManagement/Components/Pages/AddServer.razor b/ServerManagement/Components/Pages/AddServer.razor
new file mode 100644
index 0000000..44e47eb
--- /dev/null
+++ b/ServerManagement/Components/Pages/AddServer.razor
@@ -0,0 +1,57 @@
+@page "/servers/add"
+@using System.ComponentModel.DataAnnotations
+
+@inject NavigationManager NavigationManager
+
+<h3>Add server</h3>
+<br/>
+<br/>
+<EditForm Model="server" FormName="formServer" OnValidSubmit="SubmitServer">
+  <DataAnnotationsValidator></DataAnnotationsValidator>
+  <ValidationSummary></ValidationSummary>
+
+  <div class="row mb-3">
+    <div class="col-2">
+      <label class="col-form-label">Name</label>
+    </div>
+    <div class="col-6">
+      <InputText @bind-Value="server.Name" class="form-control"></InputText>
+    </div>
+    <div class="col">
+      <ValidationMessage For="() => server.Name"></ValidationMessage>
+    </div>
+  </div>
+
+  <div class="row mb-3">
+    <div class="col-2">
+      <label class="col-form-label">City</label>
+    </div>
+    <div class="col-6">
+      <InputText @bind-Value="server.City" class="form-control"></InputText>
+    </div>
+    <div class="col">
+      <ValidationMessage For="() => server.City"></ValidationMessage>
+    </div>
+  </div>
+  <br/>
+  <button class="btn btn-primary" type="submit">Add</button>
+  &nbsp;
+  <a href="/servers" class="btn btn-primary">Close</a>
+</EditForm>
+
+
+@code {
+  [SupplyParameterFromForm(FormName = "formServer")]
+  private Server server { get; set; } = new Server() { IsOnline = false };
+
+  private void SubmitServer()
+  {
+    if (server != null)
+    {
+      ServersRepository.AddServer(server);
+    }
+
+    // An exception is raised when debugging from VS Code, but not when using dotnet watch.
+    NavigationManager.NavigateTo("/servers");
+  }
+}
\ No newline at end of file
diff --git a/ServerManagement/Components/Pages/Servers.razor b/ServerManagement/Components/Pages/Servers.razor
index 70fa32b..d2ebae2 100644
--- a/ServerManagement/Components/Pages/Servers.razor
+++ b/ServerManagement/Components/Pages/Servers.razor
@@ -22,6 +22,8 @@
   </div>
 </div>
 
+<br/>
+<a href="@($"/servers/add")" class="btn btn-link">Add</a>
 <br/>
 <ul>
   @foreach(var server in servers)