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