10 |
12 |
13 | Loading...
16 |
17 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/BlazorAuthenticationTutorial/Client/BlazorAuthenticationTutorial.Client.csproj:
--------------------------------------------------------------------------------
1 | 
7 | Sorry, there's nothing at this address.
15 |Login
7 | 8 |Weather forecast
8 | 9 |This component demonstrates fetching data from the server.
10 | 11 | @if (forecasts == null) 12 | { 13 |Loading...
14 | } 15 | else 16 | { 17 || Date | 21 |Temp. (C) | 22 |Temp. (F) | 23 |Summary | 24 |
|---|---|---|---|
| @forecast.Date.ToShortDateString() | 31 |@forecast.TemperatureC | 32 |@forecast.TemperatureF | 33 |@forecast.Summary | 34 |
11 |
28 |
29 |
30 | @code {
31 | private bool collapseNavMenu = true;
32 |
33 | private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
34 |
35 | private void ToggleNavMenu()
36 | {
37 | collapseNavMenu = !collapseNavMenu;
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/BlazorAuthenticationTutorial/Server/Pages/Error.cshtml:
--------------------------------------------------------------------------------
1 | @page
2 | @model BlazorAuthenticationTutorial.Server.Pages.ErrorModel
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
17 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/BlazorAuthenticationTutorial/Client/Shared/MainLayout.razor.css:
--------------------------------------------------------------------------------
1 | .page {
2 | position: relative;
3 | display: flex;
4 | flex-direction: column;
5 | }
6 |
7 | main {
8 | flex: 1;
9 | }
10 |
11 | .sidebar {
12 | background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
13 | }
14 |
15 | .top-row {
16 | background-color: #f7f7f7;
17 | border-bottom: 1px solid #d6d5d5;
18 | justify-content: flex-end;
19 | height: 3.5rem;
20 | display: flex;
21 | align-items: center;
22 | }
23 |
24 | .top-row ::deep a, .top-row ::deep .btn-link {
25 | white-space: nowrap;
26 | margin-left: 1.5rem;
27 | text-decoration: none;
28 | }
29 |
30 | .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
31 | text-decoration: underline;
32 | }
33 |
34 | .top-row ::deep a:first-child {
35 | overflow: hidden;
36 | text-overflow: ellipsis;
37 | }
38 |
39 | @media (max-width: 640.98px) {
40 | .top-row:not(.auth) {
41 | display: none;
42 | }
43 |
44 | .top-row.auth {
45 | justify-content: space-between;
46 | }
47 |
48 | .top-row ::deep a, .top-row ::deep .btn-link {
49 | margin-left: 0;
50 | }
51 | }
52 |
53 | @media (min-width: 641px) {
54 | .page {
55 | flex-direction: row;
56 | }
57 |
58 | .sidebar {
59 | width: 250px;
60 | height: 100vh;
61 | position: sticky;
62 | top: 0;
63 | }
64 |
65 | .top-row {
66 | position: sticky;
67 | top: 0;
68 | z-index: 1;
69 | }
70 |
71 | .top-row.auth ::deep a:first-child {
72 | flex: 1;
73 | text-align: right;
74 | width: 0;
75 | }
76 |
77 | .top-row, article {
78 | padding-left: 2rem !important;
79 | padding-right: 1.5rem !important;
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/BlazorAuthenticationTutorial/Client/CustomAuthStateProvider.cs:
--------------------------------------------------------------------------------
1 | using System.Net.Http.Headers;
2 | using System.Security.Claims;
3 | using System.Text.Json;
4 |
5 | namespace BlazorAuthenticationTutorial.Client
6 | {
7 | public class CustomAuthStateProvider : AuthenticationStateProvider
8 | {
9 | private readonly ILocalStorageService _localStorage;
10 | private readonly HttpClient _http;
11 |
12 | public CustomAuthStateProvider(ILocalStorageService localStorage, HttpClient http)
13 | {
14 | _localStorage = localStorage;
15 | _http = http;
16 | }
17 |
18 | public override async Task
18 |
39 | Error.
19 |An error occurred while processing your request.
20 | 21 | @if (Model.ShowRequestId) 22 | { 23 |
24 | Request ID: @Model.RequestId
25 |
Development Mode
29 |30 | Swapping to the Development environment displays detailed information about the error that occurred. 31 |
32 |33 | The Development environment shouldn't be enabled for deployed applications. 34 | It can result in displaying sensitive information from exceptions to end users. 35 | For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development 36 | and restarting the app. 37 |
38 |
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* `