diff options
Diffstat (limited to 'GitRepoViewer/Pages/FetchData.razor')
-rw-r--r-- | GitRepoViewer/Pages/FetchData.razor | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/GitRepoViewer/Pages/FetchData.razor b/GitRepoViewer/Pages/FetchData.razor new file mode 100644 index 0000000..d39268f --- /dev/null +++ b/GitRepoViewer/Pages/FetchData.razor @@ -0,0 +1,60 @@ +@page "/fetchdata" +@inject HttpClient Http + +<PageTitle>Weather forecast</PageTitle> + +<h1>Weather forecast</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 |