12 |
14 |
15 |
16 | @Body
17 |
18 | Army
6 | @if (UnitService.Units.Count > 0) 7 | { 8 | @foreach (var userUnit in UnitService.MyUnits) 9 | { 10 |
11 |
26 | }
27 |
28 |
12 | @switch (userUnit.UnitId)
13 | {
14 | case 1:
break;
15 | case 2: 
break;
16 | case 3: 
break;
17 | }
18 |
19 | break;
15 | case 2: break;
16 | case 3: break;
17 | }
18 |
20 | @UnitService.Units.First(unit => unit.Id == userUnit.UnitId).Title
21 |
22 |
23 | @userUnit.HitPoints HP
24 |
25 | 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 |
30 | bool needMoreBananas = false;
31 |
32 | public async Task BuildUnit()
33 | {
34 | await UnitService.AddUnit(selectedUnitId);
35 | }
36 |
37 | protected override async Task OnInitializedAsync()
38 | {
39 | await UnitService.LoadUnitsAsync();
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/BlazorBattles/Client/Pages/Counter.razor:
--------------------------------------------------------------------------------
1 | @page "/counter"
2 |
3 | Counter
4 | 5 |Current count: @currentCount
6 | 7 | 8 | 9 | @code { 10 | private int currentCount = 0; 11 | 12 | private void IncrementCount() 13 | { 14 | currentCount += 2; 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /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 admireWelcome 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 | 41 | } 42 | | 43 |
10 |
11 |
13 |
14 |
15 |
17 |
18 | Register
8 | 9 |
12 |
13 |
16 |
17 |
18 |
21 |
22 |
23 |
26 |
27 |
28 |
31 |
32 |
33 |
35 |
36 |
37 |
40 |
41 |
42 |
43 | @foreach (var unit in UnitService.Units)
44 | {
45 |
46 | }
47 |
48 |
49 |
50 |
51 |
53 |
54 |
58 |
59 |
11 |
19 |
--------------------------------------------------------------------------------
/BlazorBattles/Client/Shared/NavMenu.razor:
--------------------------------------------------------------------------------
1 | @inject Blazored.LocalStorage.ILocalStorageService LocalStorage
2 | @inject AuthenticationStateProvider AuthStateProvider
3 | @inject NavigationManager NavigationManager
4 |
5 |
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/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 BlazorBattles.Client.Services.IBananaService BananaService
2 | @implements IDisposable
3 |
4 |
7 | 
@BananaService.Bananas
8 |
10 | @BananaService.Bananas
8 |
13 | Login |
14 | Register
15 |
16 | 
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* `