Added Blazor projects. Minor API/core updates.
This commit is contained in:
57
JSMR.UI.Blazor/Pages/Circles.razor
Normal file
57
JSMR.UI.Blazor/Pages/Circles.razor
Normal file
@@ -0,0 +1,57 @@
|
||||
@page "/circles"
|
||||
@inject HttpClient Http
|
||||
|
||||
<PageTitle>Circles</PageTitle>
|
||||
|
||||
<h1>Circles</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 aria-label="Temperature in Celsius">Temp. (C)</th>
|
||||
<th aria-label="Temperature in Farenheit">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);
|
||||
// }
|
||||
}
|
||||
Reference in New Issue
Block a user