kevin/BlazorDeepDive
1
0
Fork 0
Code

Compare commits

base: kevin:23300842c922c29c6d3be569640c1ec8d508a9f5
Branches Tags
kevin:master
..
compare: kevin:bb72836773b947295a4e57877bc9274fe850ee48
Branches Tags
kevin:master

No commits in common. "23300842c922c29c6d3be569640c1ec8d508a9f5" and "bb72836773b947295a4e57877bc9274fe850ee48" have entirely different histories.
23300842c9 ... bb72836773

7 changed files with 12 additions and 181 deletions
Show Stats Expand all files Collapse all files

3
ServerManagement/Components/App.razor
View File

@ -13,8 +13,7 @@
</head> </head>
<body> <body>
@* Note that @rendermode="InteractiveServer" can be used here on Routes to make it global. But this is not recommended by Microsoft. See: https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-9.0 *@ <Routes />
<Routes/>
<script src="_framework/blazor.web.js"></script> <script src="_framework/blazor.web.js"></script>
</body> </body>

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

@ -1,23 +1,10 @@
@namespace ServerManagement.Components.Controls @namespace ServerManagement.Components.Controls
@if (server != null) <p
{ style="@($"color:{(server.IsOnline ? "green" : "red")}")">
<div @server.Name is in: @server.City @(server.IsOnline ? "online" : "offline")
style="@($"color:{(server.IsOnline ? "green" : "red")}")"> </p>
@server.Name is in: @server.City @(server.IsOnline ? "online" : "offline")
&nbsp;
<button type="submit" class="btn btn-primary" @onclick="ChangeStatus">Turn On/Off</button>
</div>
}
@code { @code {
private Server? server { get; set; } = new Server { Name = "Server 1", City = "Einhoven" }; private Server server = new Server { Name = "Server 1", City = "Einhoven" };
private void ChangeStatus()
{
if (server != null)
{
this.server.IsOnline = !this.server.IsOnline;
}
}
} }

57
ServerManagement/Components/Pages/AddServer.razor
View File

@ -1,57 +0,0 @@
@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");
}
}

75
ServerManagement/Components/Pages/EditServer.razor
View File

@ -1,76 +1,7 @@
@page "/servers/{id:int}" @page "/servers/edit"
@* Route constraints: https://learn.microsoft.com/en-us/aspnet/core/fundamentals/routing?view=aspnetcore-9.0#route-constraints *@
@inject NavigationManager NavigationManager <p>Edit server</p>
<h3>Edit server</h3>
<br/>
<br/>
@if (server != null)
{
<EditForm Model="server" FormName="formServer" OnValidSubmit="SubmitServer">
<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">
<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>
<div class="row mb-3">
<div class="col-2">
<label class="col-form-label">Online</label>
</div>
<div class="col-6">
<InputCheckbox @bind-Value="server.IsOnline" class="form-check-input"></InputCheckbox>
</div>
</div>
<br/>
<button class="btn btn-primary" type="submit">Update</button>
&nbsp;
<a href="/servers" class="btn btn-primary">Close</a>
</EditForm>
}
@code { @code {
[Parameter] // This is a root parameter.
public int Id { get; set; }
[SupplyParameterFromForm(FormName = "formServer")]
private Server? server { get; set; }
protected override void OnParametersSet()
{
server ??= ServersRepository.GetServerById(this.Id);
}
private void SubmitServer()
{
if (server != null)
{
ServersRepository.UpdateServer(server.Id, server);
}
// An exception is raised when debugging from VS Code, but not when using dotnet watch.
NavigationManager.NavigateTo("/servers");
}
} }

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

@ -1,8 +1,6 @@
@page "/servers" @page "/servers"
@using ServerManagement.Components.Controls @using ServerManagement.Components.Controls
@inject NavigationManager NavigationManager
<h3>Servers</h3> <h3>Servers</h3>
<br/> <br/>
<br/> <br/>
@ -24,10 +22,6 @@
</div> </div>
</div> </div>
<br/>
<ServerComponent @rendermode="InteractiveServer"></ServerComponent>
<br/>
<a href="@($"/servers/add")" class="btn btn-primary">Add</a>
<br/> <br/>
<ul> <ul>
@foreach(var server in servers) @foreach(var server in servers)
@ -38,14 +32,7 @@
@(server.IsOnline ? "online" : "offline") @(server.IsOnline ? "online" : "offline")
</span>; </span>;
&nbsp; &nbsp;
<a href="@($"/servers/{server.Id}")" class="btn btn-primary">Edit</a> <a href="/servers/edit" class="btn btn-link">Edit</a>
&nbsp;
<EditForm
Model="server"
FormName="@($"formDeleteServer{server.Id}")"
OnValidSubmit="@(() => { DeleteServer(server.Id); })">
<button type="submit" class="btn btn-danger">Delete</button>
</EditForm>
</li> </li>
} }
</ul> </ul>
@ -53,13 +40,4 @@
@code { @code {
private List<string> cities = ServersRepository.GetCities(); private List<string> cities = ServersRepository.GetCities();
private List<Server> servers = ServersRepository.GetServersByCity("Eindhoven"); private List<Server> servers = ServersRepository.GetServersByCity("Eindhoven");
private void DeleteServer(int serverId)
{
if (serverId > 0)
{
ServersRepository.DeleteServer(serverId);
NavigationManager.Refresh();
}
}
} }

7
ServerManagement/Models/Server.cs
View File

@ -1,6 +1,3 @@
using System.ComponentModel.DataAnnotations;
// Data annotations: https://learn.microsoft.com/en-us/dotnet/api/system.componentmodel.dataannotations?view=net-9.0
namespace ServerManagement.Models namespace ServerManagement.Models
{ {
public class Server public class Server
@ -14,11 +11,7 @@ namespace ServerManagement.Models
public int Id { get; set; } public int Id { get; set; }
public bool IsOnline { get; set; } public bool IsOnline { get; set; }
[Required]
public string? Name { get; set; } public string? Name { get; set; }
[Required]
public string? City { get; set; } public string? City { get; set; }
} }
} }

4
ServerManagement/Program.cs
View File

@ -4,7 +4,7 @@ var builder = WebApplication.CreateBuilder(args);
// Add services to the container. // Add services to the container.
builder.Services.AddRazorComponents() builder.Services.AddRazorComponents()
.AddInteractiveServerComponents(); // Provides server interactivity. .AddInteractiveServerComponents();
var app = builder.Build(); var app = builder.Build();
@ -22,6 +22,6 @@ app.UseStaticFiles();
app.UseAntiforgery(); app.UseAntiforgery();
app.MapRazorComponents<App>() app.MapRazorComponents<App>()
.AddInteractiveServerRenderMode(); // Provides server interactivity. .AddInteractiveServerRenderMode();
app.Run(); app.Run();