24 lines
671 B
Plaintext
24 lines
671 B
Plaintext
<div class="col">
|
|
<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>
|
|
|
|
@code {
|
|
[Parameter]
|
|
public string? city { get; set; } = "";
|
|
|
|
[Parameter]
|
|
public string? selectedCity { get; set; } = "Eindhoven";
|
|
|
|
[Parameter]
|
|
public EventCallback<string> SelectCityCallBack { get; set; }
|
|
|
|
private void SelectCity(string cityName)
|
|
{
|
|
SelectCityCallBack.InvokeAsync(cityName);
|
|
}
|
|
} |