Clean up templates
This commit is contained in:
parent
c901cc069d
commit
2c1c39cf07
|
|
@ -2,4 +2,4 @@
|
|||
Configuring this here is temporary. Later we'll move the app config
|
||||
into Program.cs, and it won't be necessary to specify AppAssembly.
|
||||
-->
|
||||
<Router AppAssembly=typeof(Program).Assembly />
|
||||
<Router AppAssembly="typeof(Program).Assembly" />
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
@using BlazorHosted_CSharp.Shared
|
||||
@page "/fetchdata"
|
||||
@page "/fetchdata"
|
||||
@using BlazorHosted_CSharp.Shared
|
||||
@inject HttpClient Http
|
||||
|
||||
<h1>Weather forecast</h1>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<div class="top-row pl-4 navbar navbar-dark">
|
||||
<a class="navbar-brand" href="">BlazorHosted-CSharp</a>
|
||||
<button class="navbar-toggler" onclick=@ToggleNavMenu>
|
||||
<button class="navbar-toggler" onclick="@ToggleNavMenu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class=@(collapseNavMenu ? "collapse" : null) onclick=@ToggleNavMenu>
|
||||
<div class="@NavMenuCssClass" onclick="@ToggleNavMenu">
|
||||
<ul class="nav flex-column">
|
||||
<li class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="" Match=NavLinkMatch.All>
|
||||
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
||||
<span class="oi oi-home" aria-hidden="true"></span> Home
|
||||
</NavLink>
|
||||
</li>
|
||||
|
|
@ -28,6 +28,8 @@
|
|||
@functions {
|
||||
bool collapseNavMenu = true;
|
||||
|
||||
string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
|
||||
|
||||
void ToggleNavMenu()
|
||||
{
|
||||
collapseNavMenu = !collapseNavMenu;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="alert alert-secondary mt-4" role="alert">
|
||||
<span class="oi oi-pencil mr-2" aria-hidden="true"></span>
|
||||
<span class="oi oi-pencil mr-2" aria-hidden="true"></span>
|
||||
<strong>@Title</strong>
|
||||
|
||||
<span class="text-nowrap">
|
||||
|
|
@ -10,6 +10,6 @@
|
|||
</div>
|
||||
|
||||
@functions {
|
||||
[Parameter]
|
||||
string Title { get; set; } // Demonstrates how a parent component can supply parameters
|
||||
// Demonstrates how a parent component can supply parameters
|
||||
[Parameter] string Title { get; set; }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,8 +7,11 @@ namespace BlazorHosted_CSharp.Shared
|
|||
public class WeatherForecast
|
||||
{
|
||||
public DateTime Date { get; set; }
|
||||
|
||||
public int TemperatureC { get; set; }
|
||||
|
||||
public string Summary { get; set; }
|
||||
|
||||
public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,4 +2,4 @@
|
|||
Configuring this here is temporary. Later we'll move the app config
|
||||
into Program.cs, and it won't be necessary to specify AppAssembly.
|
||||
-->
|
||||
<Router AppAssembly=typeof(Program).Assembly />
|
||||
<Router AppAssembly="typeof(Program).Assembly" />
|
||||
|
|
|
|||
|
|
@ -45,8 +45,11 @@ else
|
|||
class WeatherForecast
|
||||
{
|
||||
public DateTime Date { get; set; }
|
||||
|
||||
public int TemperatureC { get; set; }
|
||||
|
||||
public int TemperatureF { get; set; }
|
||||
|
||||
public string Summary { get; set; }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<div class="top-row pl-4 navbar navbar-dark">
|
||||
<a class="navbar-brand" href="">BlazorStandalone-CSharp</a>
|
||||
<button class="navbar-toggler" onclick=@ToggleNavMenu>
|
||||
<button class="navbar-toggler" onclick="@ToggleNavMenu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class=@(collapseNavMenu ? "collapse" : null) onclick=@ToggleNavMenu>
|
||||
<div class="@NavMenuCssClass" onclick="@ToggleNavMenu">
|
||||
<ul class="nav flex-column">
|
||||
<li class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="" Match=NavLinkMatch.All>
|
||||
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
||||
<span class="oi oi-home" aria-hidden="true"></span> Home
|
||||
</NavLink>
|
||||
</li>
|
||||
|
|
@ -28,6 +28,8 @@
|
|||
@functions {
|
||||
bool collapseNavMenu = true;
|
||||
|
||||
string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
|
||||
|
||||
void ToggleNavMenu()
|
||||
{
|
||||
collapseNavMenu = !collapseNavMenu;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="alert alert-secondary mt-4" role="alert">
|
||||
<span class="oi oi-pencil mr-2" aria-hidden="true"></span>
|
||||
<span class="oi oi-pencil mr-2" aria-hidden="true"></span>
|
||||
<strong>@Title</strong>
|
||||
|
||||
<span class="text-nowrap">
|
||||
|
|
@ -10,6 +10,6 @@
|
|||
</div>
|
||||
|
||||
@functions {
|
||||
[Parameter]
|
||||
string Title { get; set; } // Demonstrates how a parent component can supply parameters
|
||||
// Demonstrates how a parent component can supply parameters
|
||||
[Parameter] string Title { get; set; }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>BlazorStandalone-CSharp</title>
|
||||
<base href="/" />
|
||||
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
|
||||
|
|
|
|||
|
|
@ -2,4 +2,4 @@
|
|||
The Router component displays whichever component has a @page
|
||||
directive matching the current URI.
|
||||
*@
|
||||
<Router AppAssembly=typeof(Startup).Assembly />
|
||||
<Router AppAssembly="typeof(Startup).Assembly" />
|
||||
|
|
|
|||
|
|
@ -5,8 +5,11 @@ namespace RazorComponentsWeb_CSharp.App.Services
|
|||
public class WeatherForecast
|
||||
{
|
||||
public DateTime Date { get; set; }
|
||||
|
||||
public int TemperatureC { get; set; }
|
||||
|
||||
public int TemperatureF { get; set; }
|
||||
|
||||
public string Summary { get; set; }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<div class="top-row pl-4 navbar navbar-dark">
|
||||
<a class="navbar-brand" href="">RazorComponentsWeb-CSharp</a>
|
||||
<button class="navbar-toggler" onclick=@ToggleNavMenu>
|
||||
<button class="navbar-toggler" onclick="@ToggleNavMenu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class=@(collapseNavMenu ? "collapse" : null) onclick=@ToggleNavMenu>
|
||||
<div class="@NavMenuCssClass" onclick="@ToggleNavMenu">
|
||||
<ul class="nav flex-column">
|
||||
<li class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="" Match=NavLinkMatch.All>
|
||||
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
||||
<span class="oi oi-home" aria-hidden="true"></span> Home
|
||||
</NavLink>
|
||||
</li>
|
||||
|
|
@ -28,6 +28,8 @@
|
|||
@functions {
|
||||
bool collapseNavMenu = true;
|
||||
|
||||
string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
|
||||
|
||||
void ToggleNavMenu()
|
||||
{
|
||||
collapseNavMenu = !collapseNavMenu;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>RazorComponentsWeb-CSharp</title>
|
||||
<base href="/" />
|
||||
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
|
||||
|
|
|
|||
Loading…
Reference in New Issue