kevin/BlazorDeepDive
1
0
Fork 0
Code

Filter servers by city by adding functionality to buttons under city cards.

Browse Source
This commit is contained in:
Kevin Matsubara 2025-03-25 21:43:49 +01:00
parent 1d7bb19c40
commit 838fc29b51
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,7 +16,7 @@
<div class="card"> <div class="card">
<img src=@($"/images/{@city}.png") class="card-img-top" alt="@city"> <img src=@($"/images/{@city}.png") class="card-img-top" alt="@city">
<div class="card-body"> <div class="card-body">
<button class="btn btn-primary">@city</button> <button class="btn btn-primary" @onclick="@(() => { SelectCity(city); })">@city</button>
</div> </div>
</div> </div>
</div> </div>
@ -54,6 +54,7 @@
@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 string selectedCity = "Eindhoven";
private void DeleteServer(int serverId) private void DeleteServer(int serverId)
{ {
@ -63,4 +64,10 @@
NavigationManager.Refresh(); NavigationManager.Refresh();
} }
} }
private void SelectCity(string cityName)
{
this.selectedCity = cityName;
this.servers = ServersRepository.GetServersByCity(this.selectedCity);
}
} }