kevin/BlazorDeepDive
1
0
Fork 0
Code

Add search bar to filter server names.

Browse Source
This commit is contained in:
Kevin Matsubara 2025-03-25 23:24:35 +01:00
parent 1577933bb4
commit c8cd3d07b5
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,6 +27,11 @@
<br/> <br/>
<a href="@($"/servers/add")" class="btn btn-primary">Add</a> <a href="@($"/servers/add")" class="btn btn-primary">Add</a>
<br/> <br/>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Search servers" @onchange="HandleServerFilterChange" />
<button class="btn btn-outline-secondary" type="button" id="button-search" @onclick="HandleSearch">Search</button>
</div>
<br/>
<ul> <ul>
@foreach(var server in servers) @foreach(var server in servers)
@ -53,6 +58,7 @@
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 string selectedCity = "Eindhoven"; private string selectedCity = "Eindhoven";
private string serverFilter = "";
private void DeleteServer(int serverId) private void DeleteServer(int serverId)
{ {
@ -68,4 +74,15 @@
this.selectedCity = cityName; this.selectedCity = cityName;
this.servers = ServersRepository.GetServersByCity(this.selectedCity); this.servers = ServersRepository.GetServersByCity(this.selectedCity);
} }
private void HandleServerFilterChange(ChangeEventArgs args)
{
serverFilter = args.Value?.ToString() ?? string.Empty;
}
private void HandleSearch()
{
this.servers = ServersRepository.SearchServers(serverFilter);
this.selectedCity = string.Empty;
}
} }