11 |
13 |
14 |
15 | @Body
16 |
17 | My Army
6 | 7 | @if (UnitService.Units.Count > 0) 8 | { 9 |
16 | @switch (userUnit.UnitId)
17 | {
18 | case 1: break;
19 | case 2:  break;
20 | case 3:  break;
21 | }
22 | |
23 | 24 | @UnitService.Units.First(unit => unit.Id == userUnit.UnitId).Title 25 | | 26 |27 | @userUnit.HitPoints HP 28 | | 29 |
Battle Log
5 | 6 |-
7 | @foreach (var round in BattleService.LastBattle.Log)
8 | {
9 |
- @round 10 | } 11 |
Build
8 | 9 |
10 |
16 |
17 |
18 |
19 |
20 | @if (needMoreBananas)
21 | {
22 |
25 | }
26 |
27 | @code {
28 | int selectedUnitId = 1;
29 | bool needMoreBananas = false;
30 |
31 | protected override async Task OnInitializedAsync()
32 | {
33 | await UnitService.LoadUnitsAsync();
34 | }
35 |
36 | public async Task BuildUnit()
37 | {
38 | await UnitService.AddUnit(selectedUnitId);
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/BlazorBattles/Client/Pages/Counter.razor:
--------------------------------------------------------------------------------
1 | @page "/counter"
2 |
3 | Counter
4 | 5 |Current count: @currentCount
6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /BlazorBattles/Client/Pages/Counter.razor.cs: -------------------------------------------------------------------------------- 1 | using Microsoft.AspNetCore.Components; 2 | using System; 3 | using System.Collections.Generic; 4 | using System.Linq; 5 | using System.Threading.Tasks; 6 | 7 | namespace BlazorBattles.Client.Pages 8 | { 9 | public partial class Counter : ComponentBase 10 | { 11 | private int currentCount = 0; 12 | 13 | private void IncrementCount() 14 | { 15 | currentCount += 2; 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /BlazorBattles/Client/Pages/FetchData.razor: -------------------------------------------------------------------------------- 1 | @page "/fetchdata" 2 | @using BlazorBattles.Shared 3 | @inject HttpClient Http 4 | 5 |Weather forecast
6 | 7 |This component demonstrates fetching data from the server.
8 | 9 | @if (forecasts == null) 10 | { 11 |Loading...
12 | } 13 | else 14 | { 15 || Date | 19 |Temp. (C) | 20 |Temp. (F) | 21 |Summary | 22 |
|---|---|---|---|
| @forecast.Date.ToShortDateString() | 29 |@forecast.TemperatureC | 30 |@forecast.TemperatureF | 31 |@forecast.Summary | 32 |
History
5 | 6 || Date | 10 |Attacker | 11 |Opponent | 12 |Rounds | 13 |Damage | 14 |15 | |
|---|---|---|---|---|---|
| @battle.BattleDate | 22 |@battle.AttackerName | 23 |@battle.OpponentName | 24 |@battle.RoundsFought | 25 |@battle.WinnerDamageDealt | 26 |@(battle.YouWon ? "You won!" : "You lost!") | 27 |
Hi, @context.User.Identity.Name. Welcome back!
6 | Let's admire your beloved army. 7 |Welcome to Blazor Battles!
10 |Leaderboard
10 | 11 | @if (LeaderboardService.Leaderboard == null) 12 | { 13 | Loading Leaderboard... 14 | } 15 | else 16 | { 17 || # | 21 |User | 22 |Victories | 23 |Defeats | 24 |Battles | 25 |26 | |
|---|---|---|---|---|---|
| @entry.Rank | 33 |@entry.Username | 34 |@entry.Victories | 35 |@entry.Defeats | 36 |@entry.Battles | 37 |38 | @if (entry.UserId != myUserId) 39 | { 40 | 43 | } 44 | | 45 |
Register
8 | 9 |
12 |
13 |
16 |
17 |
18 |
21 |
22 |
23 |
26 |
27 |
28 |
31 |
32 |
33 |
35 |
36 |
37 |
38 | @foreach (var unit in UnitService.Units)
39 | {
40 |
41 | } 42 |
43 |
44 | 37 |
41 | } 42 |
45 |
46 |
49 |
50 |
51 |
53 |
54 |
58 |
59 |
11 |
12 |
14 |
15 |
16 |
18 |
19 |
5 |
8 |
9 |
19 |
20 |
10 |
18 |
6 | 
Blazor Battles
7 |
10 |
11 |
12 | Blazor Battles
7 |
10 |
13 |
56 |
57 |
58 | @code {
59 | private bool collapseNavMenu = true;
60 |
61 | private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
62 |
63 | private void ToggleNavMenu()
64 | {
65 | collapseNavMenu = !collapseNavMenu;
66 | }
67 |
68 | private async void Logout()
69 | {
70 | await LocalStorage.RemoveItemAsync("authToken");
71 | await AuthStateProvider.GetAuthenticationStateAsync();
72 | NavigationManager.NavigateTo("/");
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/BlazorBattles/Client/Shared/NavMenu.razor.css:
--------------------------------------------------------------------------------
1 | .navbar-toggler {
2 | background-color: rgba(255, 255, 255, 0.1);
3 | }
4 |
5 | .top-row {
6 | height: 3.5rem;
7 | background-color: rgba(0,0,0,0.4);
8 | }
9 |
10 | .navbar-brand {
11 | font-size: 1.1rem;
12 | }
13 |
14 | .oi {
15 | width: 2rem;
16 | font-size: 1.1rem;
17 | vertical-align: text-top;
18 | top: -2px;
19 | }
20 |
21 | .nav-item {
22 | font-size: 0.9rem;
23 | padding-bottom: 0.5rem;
24 | }
25 |
26 | .nav-item:first-of-type {
27 | padding-top: 1rem;
28 | }
29 |
30 | .nav-item:last-of-type {
31 | padding-bottom: 1rem;
32 | }
33 |
34 | .nav-item ::deep a {
35 | color: #d7d7d7;
36 | border-radius: 4px;
37 | height: 3rem;
38 | display: flex;
39 | align-items: center;
40 | line-height: 3rem;
41 | }
42 |
43 | .nav-item ::deep a.active {
44 | background-color: rgba(255,255,255,0.25);
45 | color: white;
46 | }
47 |
48 | .nav-item ::deep a:hover {
49 | background-color: rgba(255,255,255,0.1);
50 | color: white;
51 | }
52 |
53 | @media (min-width: 641px) {
54 | .navbar-toggler {
55 | display: none;
56 | }
57 |
58 | .collapse {
59 | /* Never collapse the sidebar for wide screens */
60 | display: block;
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/BlazorBattles/Client/Shared/SurveyPrompt.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 | @Title
4 |
5 |
6 | Please take our
7 | brief survey
8 |
9 | and tell us what you think.
10 |
11 |
12 | @code {
13 | // Demonstrates how a parent component can supply parameters
14 | [Parameter]
15 | public string Title { get; set; }
16 | }
17 |
--------------------------------------------------------------------------------
/BlazorBattles/Client/Shared/TopMenu.razor:
--------------------------------------------------------------------------------
1 | @inject IBananaService BananaService
2 | @implements IDisposable
3 |
4 |
7 | 
8 |
9 | @BananaService.Bananas
10 |
11 |
13 |
8 |
9 | @BananaService.Bananas
10 |
11 |
16 | Login |
17 | Register
18 |
19 | 
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `