Template/sample updates

This commit is contained in:
Luke Latham 2018-04-11 00:08:01 -05:00 committed by Ryan Nowak
parent ed2dbbd2f8
commit 945995199c
11 changed files with 59 additions and 55 deletions

View File

@ -1,5 +1,6 @@
@page "/counter" @page "/counter"
@using Microsoft.AspNetCore.Blazor @using Microsoft.AspNetCore.Blazor
<h1>Counter</h1> <h1>Counter</h1>
<p>Current count: @currentCount</p> <p>Current count: @currentCount</p>

View File

@ -1,4 +1,5 @@
@page "/" @page "/"
<h1>Hello, world!</h1> <h1>Hello, world!</h1>
Welcome to your new app. Welcome to your new app.

View File

@ -1,11 +1,11 @@
@implements ILayoutComponent @implements ILayoutComponent
<div class='container-fluid'> <div class="container-fluid">
<div class='row'> <div class="row">
<div class='col-sm-3'> <div class="col-sm-3">
<NavMenu /> <NavMenu />
</div> </div>
<div class='col-sm-9'> <div class="col-sm-9">
@Body @Body
</div> </div>
</div> </div>

View File

@ -1,30 +1,30 @@
<div class='main-nav'> <div class="main-nav">
<div class='navbar navbar-inverse'> <div class="navbar navbar-inverse">
<div class='navbar-header'> <div class="navbar-header">
<button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class='sr-only'>Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class='icon-bar'></span> <span class="icon-bar"></span>
<span class='icon-bar'></span> <span class="icon-bar"></span>
<span class='icon-bar'></span> <span class="icon-bar"></span>
</button> </button>
<a class='navbar-brand' href='/'>Blazor app</a> <a class="navbar-brand" href="/">Blazor app</a>
</div> </div>
<div class='clearfix'></div> <div class="clearfix"></div>
<div class='navbar-collapse collapse'> <div class="navbar-collapse collapse">
<ul class='nav navbar-nav'> <ul class="nav navbar-nav">
<li> <li>
<NavLink href="/" Match=NavLinkMatch.All> <NavLink href="/" Match=NavLinkMatch.All>
<span class='glyphicon glyphicon-home'></span> Home <span class="glyphicon glyphicon-home"></span> Home
</NavLink> </NavLink>
</li> </li>
<li> <li>
<NavLink href="/counter"> <NavLink href="/counter">
<span class='glyphicon glyphicon-education'></span> Counter <span class="glyphicon glyphicon-education"></span> Counter
</NavLink> </NavLink>
</li> </li>
<li> <li>
<NavLink href="/fetchdata"> <NavLink href="/fetchdata">
<span class='glyphicon glyphicon-th-list'></span> Fetch data <span class="glyphicon glyphicon-th-list"></span> Fetch data
</NavLink> </NavLink>
</li> </li>
</ul> </ul>

View File

@ -1,4 +1,5 @@
@page "/counter" @page "/counter"
<h1>Counter</h1> <h1>Counter</h1>
<p>Current count: @currentCount</p> <p>Current count: @currentCount</p>

View File

@ -12,7 +12,7 @@
} }
else else
{ {
<table class='table'> <table class="table">
<thead> <thead>
<tr> <tr>
<th>Date</th> <th>Date</th>

View File

@ -1,11 +1,11 @@
@implements ILayoutComponent @implements ILayoutComponent
<div class='container-fluid'> <div class="container-fluid">
<div class='row'> <div class="row">
<div class='col-sm-3'> <div class="col-sm-3">
<NavMenu /> <NavMenu />
</div> </div>
<div class='col-sm-9'> <div class="col-sm-9">
@Body @Body
</div> </div>
</div> </div>

View File

@ -1,30 +1,30 @@
<div class='main-nav'> <div class="main-nav">
<div class='navbar navbar-inverse'> <div class="navbar navbar-inverse">
<div class='navbar-header'> <div class="navbar-header">
<button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class='sr-only'>Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class='icon-bar'></span> <span class="icon-bar"></span>
<span class='icon-bar'></span> <span class="icon-bar"></span>
<span class='icon-bar'></span> <span class="icon-bar"></span>
</button> </button>
<a class='navbar-brand' href='/'>BlazorHosted.CSharp</a> <a class="navbar-brand" href="/">BlazorHosted.CSharp</a>
</div> </div>
<div class='clearfix'></div> <div class="clearfix"></div>
<div class='navbar-collapse collapse'> <div class="navbar-collapse collapse">
<ul class='nav navbar-nav'> <ul class="nav navbar-nav">
<li> <li>
<NavLink href="/" Match=NavLinkMatch.All> <NavLink href="/" Match=NavLinkMatch.All>
<span class='glyphicon glyphicon-home'></span> Home <span class="glyphicon glyphicon-home"></span> Home
</NavLink> </NavLink>
</li> </li>
<li> <li>
<NavLink href="/counter"> <NavLink href="/counter">
<span class='glyphicon glyphicon-education'></span> Counter <span class="glyphicon glyphicon-education"></span> Counter
</NavLink> </NavLink>
</li> </li>
<li> <li>
<NavLink href="/fetchdata"> <NavLink href="/fetchdata">
<span class='glyphicon glyphicon-th-list'></span> Fetch data <span class="glyphicon glyphicon-th-list"></span> Fetch data
</NavLink> </NavLink>
</li> </li>
</ul> </ul>

View File

@ -1,4 +1,5 @@
@page "/counter" @page "/counter"
<h1>Counter</h1> <h1>Counter</h1>
<p>Current count: @currentCount</p> <p>Current count: @currentCount</p>

View File

@ -11,7 +11,7 @@
} }
else else
{ {
<table class='table'> <table class="table">
<thead> <thead>
<tr> <tr>
<th>Date</th> <th>Date</th>

View File

@ -1,30 +1,30 @@
<div class='main-nav'> <div class="main-nav">
<div class='navbar navbar-inverse'> <div class="navbar navbar-inverse">
<div class='navbar-header'> <div class="navbar-header">
<button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class='sr-only'>Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class='icon-bar'></span> <span class="icon-bar"></span>
<span class='icon-bar'></span> <span class="icon-bar"></span>
<span class='icon-bar'></span> <span class="icon-bar"></span>
</button> </button>
<a class='navbar-brand' href='/'>BlazorStandalone.CSharp</a> <a class="navbar-brand" href="/">BlazorStandalone.CSharp</a>
</div> </div>
<div class='clearfix'></div> <div class="clearfix"></div>
<div class='navbar-collapse collapse'> <div class="navbar-collapse collapse">
<ul class='nav navbar-nav'> <ul class="nav navbar-nav">
<li> <li>
<NavLink href="/" Match=NavLinkMatch.All> <NavLink href="/" Match=NavLinkMatch.All>
<span class='glyphicon glyphicon-home'></span> Home <span class="glyphicon glyphicon-home"></span> Home
</NavLink> </NavLink>
</li> </li>
<li> <li>
<NavLink href="/counter"> <NavLink href="/counter">
<span class='glyphicon glyphicon-education'></span> Counter <span class="glyphicon glyphicon-education"></span> Counter
</NavLink> </NavLink>
</li> </li>
<li> <li>
<NavLink href="/fetchdata"> <NavLink href="/fetchdata">
<span class='glyphicon glyphicon-th-list'></span> Fetch data <span class="glyphicon glyphicon-th-list"></span> Fetch data
</NavLink> </NavLink>
</li> </li>
</ul> </ul>