Clean up templates

This commit is contained in:
Steve Sanderson 2019-01-18 09:03:41 -08:00 committed by Artak
parent c901cc069d
commit 2c1c39cf07
14 changed files with 37 additions and 22 deletions

View File

@ -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" />

View File

@ -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>

View File

@ -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;

View File

@ -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; }
} }

View File

@ -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);
} }
} }

View File

@ -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" />

View File

@ -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; }
} }
} }

View File

@ -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;

View File

@ -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; }
} }

View File

@ -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" />

View File

@ -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" />

View File

@ -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; }
} }
} }

View File

@ -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;

View File

@ -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" />