kevin/BlazorDeepDive
1
0
Fork 0
Code

Add turn on/off button for a server component.

Browse Source 
But notice that the page gets refreshed.
This commit is contained in:
Kevin Matsubara 2025-03-25 11:31:39 +01:00
parent a0e034e740
commit 3c85a8feda
2 changed files with 34 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
ServerManagement/Components/Controls/ServerComponent.razor
View File

@ -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;
}
}
}

2
ServerManagement/Components/Pages/Servers.razor
View File

@ -24,6 +24,8 @@
</div>
</div>
<br/>
<ServerComponent></ServerComponent>
<br/>
<a href="@($"/servers/add")" class="btn btn-primary">Add</a>
<br/>