summary refs log tree commit diff
path: root/testFrontend/SafeNSound.Frontend/Pages
diff options
context:
space:
mode:
Diffstat (limited to 'testFrontend/SafeNSound.Frontend/Pages')
-rw-r--r--testFrontend/SafeNSound.Frontend/Pages/Counter.razor19
-rw-r--r--testFrontend/SafeNSound.Frontend/Pages/Home.razor7
-rw-r--r--testFrontend/SafeNSound.Frontend/Pages/Weather.razor60
3 files changed, 86 insertions, 0 deletions
diff --git a/testFrontend/SafeNSound.Frontend/Pages/Counter.razor b/testFrontend/SafeNSound.Frontend/Pages/Counter.razor
new file mode 100644

index 0000000..372905f --- /dev/null +++ b/testFrontend/SafeNSound.Frontend/Pages/Counter.razor
@@ -0,0 +1,19 @@ +@page "/counter" + +<PageTitle>Counter</PageTitle> + +<h1>Counter</h1> + +<p role="status">Current count: @currentCount</p> + +<button class="btn btn-primary" @onclick="IncrementCount">Click me</button> + +@code { + private int currentCount = 0; + + private void IncrementCount() + { + currentCount++; + } + +} \ No newline at end of file diff --git a/testFrontend/SafeNSound.Frontend/Pages/Home.razor b/testFrontend/SafeNSound.Frontend/Pages/Home.razor new file mode 100644
index 0000000..dfcdf75 --- /dev/null +++ b/testFrontend/SafeNSound.Frontend/Pages/Home.razor
@@ -0,0 +1,7 @@ +@page "/" + +<PageTitle>Home</PageTitle> + +<h1>Hello, world!</h1> + +Welcome to your new app. \ No newline at end of file diff --git a/testFrontend/SafeNSound.Frontend/Pages/Weather.razor b/testFrontend/SafeNSound.Frontend/Pages/Weather.razor new file mode 100644
index 0000000..a0ca515 --- /dev/null +++ b/testFrontend/SafeNSound.Frontend/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 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); + } + +} \ No newline at end of file