From 6b3b08b07a6e24d61970408d907abff35915dff9 Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Fri, 28 Mar 2025 20:39:30 +0100
Subject: [PATCH] Create templated generic component for Fields for EditServer
 page.

---
 .../Controls/Generic/FieldComponent.razor     | 24 ++++++++++
 .../Components/Pages/EditServer.razor         | 47 ++++++++-----------
 ServerManagement/Components/_Imports.razor    |  1 +
 3 files changed, 45 insertions(+), 27 deletions(-)
 create mode 100644 ServerManagement/Components/Controls/Generic/FieldComponent.razor

diff --git a/ServerManagement/Components/Controls/Generic/FieldComponent.razor b/ServerManagement/Components/Controls/Generic/FieldComponent.razor
new file mode 100644
index 0000000..2e4309a
--- /dev/null
+++ b/ServerManagement/Components/Controls/Generic/FieldComponent.razor
@@ -0,0 +1,24 @@
+@namespace ServerManagement.Components.Controls.Generic
+
+<div class="row mb-3">
+  <div class="col-2">
+    <label class="col-form-label">@Label</label>
+  </div>
+  <div class="col-6 input-width">
+    @Control
+  </div>
+  <div class="col">
+    @ValidationControl
+  </div>
+</div>
+
+@code {
+  [Parameter]
+  public string? Label { get; set; }
+
+  [Parameter]
+  public RenderFragment? Control { get; set; }
+
+  [Parameter]
+  public RenderFragment? ValidationControl { get; set; }
+}
\ No newline at end of file
diff --git a/ServerManagement/Components/Pages/EditServer.razor b/ServerManagement/Components/Pages/EditServer.razor
index 1fba4ee..53821a3 100644
--- a/ServerManagement/Components/Pages/EditServer.razor
+++ b/ServerManagement/Components/Pages/EditServer.razor
@@ -15,37 +15,30 @@
     <DataAnnotationsValidator></DataAnnotationsValidator>
     <ValidationSummary></ValidationSummary>
     <InputNumber @bind-Value="server.Id" hidden></InputNumber>
-    <div class="row mb-3">
-      <div class="col-2">
-        <label class="col-form-label">Name</label>
-      </div>
-      <div class="col-6 input-width">
-        <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 input-width">
+    <FieldComponent Label="Name">
+      <Control>
+        <InputText @bind-Value="server.Name" class="form-control"></InputText>
+      </Control>
+      <ValidationControl>
+        <ValidationMessage For="() => server.Name"></ValidationMessage>
+      </ValidationControl>
+    </FieldComponent>
+
+    <FieldComponent Label="City">
+      <Control>
         <InputText @bind-Value="server.City" class="form-control"></InputText>
-      </div>
-      <div class="col">
+      </Control>
+      <ValidationControl>
         <ValidationMessage For="() => server.City"></ValidationMessage>
-      </div>
-    </div>
-    <div class="row mb-3">
-      <div class="col-2">
-        <label class="col-form-label">Online</label>
-      </div>
-      <div class="col-6">
+      </ValidationControl>
+    </FieldComponent>
+
+    <FieldComponent Label="Online">
+      <Control>
         <InputCheckbox @bind-Value="server.IsOnline" class="form-check-input"></InputCheckbox>
-      </div>
-    </div>
+      </Control>
+    </FieldComponent>
     <br/>
     <button class="btn btn-primary" type="submit">Update</button>
     &nbsp;
diff --git a/ServerManagement/Components/_Imports.razor b/ServerManagement/Components/_Imports.razor
index 4691cfc..457bc73 100644
--- a/ServerManagement/Components/_Imports.razor
+++ b/ServerManagement/Components/_Imports.razor
@@ -9,4 +9,5 @@
 @using ServerManagement
 @using ServerManagement.Components
 @using ServerManagement.Components.Controls
+@using ServerManagement.Components.Controls.Generic
 @using ServerManagement.Models
\ No newline at end of file