diff options
author | Rory& <root@rory.gay> | 2024-04-06 04:06:58 +0200 |
---|---|---|
committer | Rory& <root@rory.gay> | 2024-04-06 04:06:58 +0200 |
commit | 74f551ef1314481e3aa8c20fedb48033255617b9 (patch) | |
tree | c515a7b6f2511320a4d1b23a1eef963f9707c539 /BugMine.Web/Pages/Weather.razor | |
download | BugMine-74f551ef1314481e3aa8c20fedb48033255617b9.tar.xz |
Initial commit
Diffstat (limited to 'BugMine.Web/Pages/Weather.razor')
-rw-r--r-- | BugMine.Web/Pages/Weather.razor | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/BugMine.Web/Pages/Weather.razor b/BugMine.Web/Pages/Weather.razor new file mode 100644 index 0000000..6770b4c --- /dev/null +++ b/BugMine.Web/Pages/Weather.razor @@ -0,0 +1,60 @@ +@page "/weather" +@inject HttpClient Http + +<PageTitle>Weather</PageTitle> + +<h1>Weather</h1> + +<p>This component demonstrates fetching data from the server.</p> + +@if (forecasts == null) +{ + <p> + <em>Loading...</em> + </p> +} +else +{ + <table class="table"> + <thead> + <tr> + <th>Date</th> + <th>Temp. (C)</th> + <th>Temp. (F)</th> + <th>Summary</th> + </tr> + </thead> + <tbody> + @foreach (var forecast in forecasts) + { + <tr> + <td>@forecast.Date.ToShortDateString()</td> + <td>@forecast.TemperatureC</td> + <td>@forecast.TemperatureF</td> + <td>@forecast.Summary</td> + </tr> + } + </tbody> + </table> +} + +@code { + private WeatherForecast[]? forecasts; + + protected override async Task OnInitializedAsync() + { + forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("sample-data/weather.json"); + } + + public class WeatherForecast + { + public DateOnly Date { get; set; } + + public int TemperatureC { get; set; } + + public string? Summary { get; set; } + + public int TemperatureF => 32 + (int)(TemperatureC / 0.5556); + } + +} \ No newline at end of file |