Compare commits
11 Commits
23300842c9
...
7159c8ffed
| Author | SHA1 | Date | |
|---|---|---|---|
| 7159c8ffed | |||
| ea04b947e8 | |||
| b02d6d2bb9 | |||
| 1ebbced64b | |||
| c8cd3d07b5 | |||
| 1577933bb4 | |||
| a22d8d7ffd | |||
| 838fc29b51 | |||
| 1d7bb19c40 | |||
| b23f7bac27 | |||
| 1110a709fb |
@ -9,13 +9,23 @@
|
||||
<link rel="stylesheet" href="app.css" />
|
||||
<link rel="stylesheet" href="ServerManagement.styles.css" />
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
<HeadOutlet />
|
||||
<HeadOutlet @rendermode="@PageRenderMode"/>
|
||||
</head>
|
||||
|
||||
<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 @rendermode="@PageRenderMode"/>
|
||||
<script src="_framework/blazor.web.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@code {
|
||||
@* Use for .NET 9, and make interactivity global in Routes and HeadOutlet components in App.razor file. *@
|
||||
@* See: https://learn.microsoft.com/en-us/aspnet/core/release-notes/aspnetcore-9.0?view=aspnetcore-9.0#add-static-server-side-rendering-ssr-pages-to-a-globally-interactive-blazor-web-app *@
|
||||
[CascadingParameter]
|
||||
private HttpContext HttpContext { get; set; } = default!;
|
||||
|
||||
private IComponentRenderMode? PageRenderMode
|
||||
=> HttpContext.AcceptsInteractiveRouting() ? InteractiveServer : null;
|
||||
}
|
||||
@ -1,6 +1,8 @@
|
||||
@page "/servers/add"
|
||||
@using System.ComponentModel.DataAnnotations
|
||||
|
||||
@attribute [ExcludeFromInteractiveRouting]
|
||||
|
||||
@inject NavigationManager NavigationManager
|
||||
|
||||
<h3>Add server</h3>
|
||||
|
||||
@ -1,6 +1,8 @@
|
||||
@page "/servers/{id:int}"
|
||||
@* Route constraints: https://learn.microsoft.com/en-us/aspnet/core/fundamentals/routing?view=aspnetcore-9.0#route-constraints *@
|
||||
|
||||
@attribute [ExcludeFromInteractiveRouting]
|
||||
|
||||
@inject NavigationManager NavigationManager
|
||||
|
||||
<h3>Edit server</h3>
|
||||
|
||||
@ -13,10 +13,10 @@
|
||||
{
|
||||
<div class="col">
|
||||
|
||||
<div class="card">
|
||||
<img src="@($"/images/{city}.png")" class="card-img-top" alt="@city")">
|
||||
<div class="card-body">
|
||||
<button class="btn btn-primary">@city</button>
|
||||
<div class="card @((city == selectedCity) ? "border-primary" : "")">
|
||||
<img src=@($"/images/{@city}.png") class="card-img-top" alt="@city">
|
||||
<div class="card-body @((city == selectedCity) ? "active" : "")">
|
||||
<button class="btn btn-primary" @onclick="@(() => { SelectCity(city); })">@city</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -25,14 +25,19 @@
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<ServerComponent @rendermode="InteractiveServer"></ServerComponent>
|
||||
<div class="input-group mb-3">
|
||||
<input type="text" class="form-control" placeholder="Search servers"
|
||||
@bind-value="serverFilter"
|
||||
@bind-value:event="oninput" />
|
||||
<button class="btn btn-outline-secondary" type="button" id="button-search" @onclick="HandleSearch">Search</button>
|
||||
</div>
|
||||
<br/>
|
||||
<a href="@($"/servers/add")" class="btn btn-primary">Add</a>
|
||||
<br/>
|
||||
|
||||
<ul>
|
||||
@foreach(var server in servers)
|
||||
{
|
||||
<li>
|
||||
<Virtualize Items="this.servers" Context="server">
|
||||
<li @key="server.Id">
|
||||
@server.Name in @server.City is
|
||||
<span style="color:@(server.IsOnline ? "green" : "red")">
|
||||
@(server.IsOnline ? "online" : "offline")
|
||||
@ -47,12 +52,23 @@
|
||||
<button type="submit" class="btn btn-danger">Delete</button>
|
||||
</EditForm>
|
||||
</li>
|
||||
}
|
||||
</Virtualize>
|
||||
</ul>
|
||||
|
||||
@code {
|
||||
private List<string> cities = ServersRepository.GetCities();
|
||||
private List<Server> servers = ServersRepository.GetServersByCity("Eindhoven");
|
||||
private string selectedCity = "Eindhoven";
|
||||
private string _serverFilter = "";
|
||||
private string serverFilter {
|
||||
get => _serverFilter;
|
||||
set
|
||||
{
|
||||
_serverFilter = value;
|
||||
this.servers = ServersRepository.SearchServers(_serverFilter);
|
||||
this.selectedCity = string.Empty;
|
||||
}
|
||||
}
|
||||
|
||||
private void DeleteServer(int serverId)
|
||||
{
|
||||
@ -62,4 +78,16 @@
|
||||
NavigationManager.Refresh();
|
||||
}
|
||||
}
|
||||
|
||||
private void SelectCity(string cityName)
|
||||
{
|
||||
this.selectedCity = cityName;
|
||||
this.servers = ServersRepository.GetServersByCity(this.selectedCity);
|
||||
}
|
||||
|
||||
private void HandleSearch()
|
||||
{
|
||||
this.servers = ServersRepository.SearchServers(serverFilter);
|
||||
this.selectedCity = string.Empty;
|
||||
}
|
||||
}
|
||||
5
ServerManagement/Components/Pages/Servers.razor.css
Normal file
5
ServerManagement/Components/Pages/Servers.razor.css
Normal file
@ -0,0 +1,5 @@
|
||||
|
||||
.card-body.active
|
||||
{
|
||||
background-color: #E3E3E3;
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
<Project Sdk="Microsoft.NET.Sdk.Web">
|
||||
|
||||
<PropertyGroup>
|
||||
<TargetFramework>net8.0</TargetFramework>
|
||||
<TargetFramework>net9.0</TargetFramework>
|
||||
<Nullable>enable</Nullable>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
</PropertyGroup>
|
||||
|
||||
@ -1,8 +1,11 @@
|
||||
{
|
||||
"DetailedErrors": true,
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
"Microsoft.AspNetCore": "Warning",
|
||||
"Microsoft.Hosting.Lifetime": "Information",
|
||||
"Microsoft.AspNetCore.SignalR": "Debug"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user