21 |
25 |
22 | @Body
23 |
24 |
7 |
13 |
14 | @code {
15 | [Parameter] public string ReturnUrl { get; set; }
16 | }
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/ConfirmEmail.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/ConfirmEmail"
2 |
3 | @using System.Text
4 | @using Microsoft.AspNetCore.Identity
5 | @using Microsoft.AspNetCore.WebUtilities
6 | @using MyApp.Data
7 |
8 | @inject UserManagerAccess Denied
8 | 9 |10 | You do not have access to this resource. 11 |
12 |
14 | Confirm email
15 |
16 |
18 |
19 | @code {
20 | private string? statusMessage;
21 |
22 | [CascadingParameter]
23 | private HttpContext HttpContext { get; set; } = default!;
24 |
25 | [SupplyParameterFromQuery]
26 | private string? UserId { get; set; }
27 |
28 | [SupplyParameterFromQuery]
29 | private string? Code { get; set; }
30 |
31 | protected override async Task OnInitializedAsync()
32 | {
33 | if (UserId is null || Code is null)
34 | {
35 | RedirectManager.RedirectTo("");
36 | }
37 |
38 | var user = await UserManager.FindByIdAsync(UserId);
39 | if (user is null)
40 | {
41 | HttpContext.Response.StatusCode = StatusCodes.Status404NotFound;
42 | statusMessage = $"Error loading user with ID {UserId}";
43 | }
44 | else
45 | {
46 | var code = Encoding.UTF8.GetString(WebEncoders.Base64UrlDecode(Code));
47 | var result = await UserManager.ConfirmEmailAsync(user, code);
48 | statusMessage = result.Succeeded ? "Thank you for confirming your email." : "Error confirming your email.";
49 | }
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/ConfirmEmailChange.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/ConfirmEmailChange"
2 |
3 | @using System.Text
4 | @using Microsoft.AspNetCore.Identity
5 | @using Microsoft.AspNetCore.WebUtilities
6 | @using MyApp.Data
7 |
8 | @inject UserManager
17 |
19 |
20 | @code {
21 | private string? message;
22 |
23 | [CascadingParameter]
24 | private HttpContext HttpContext { get; set; } = default!;
25 |
26 | [SupplyParameterFromQuery]
27 | private string? UserId { get; set; }
28 |
29 | [SupplyParameterFromQuery]
30 | private string? Email { get; set; }
31 |
32 | [SupplyParameterFromQuery]
33 | private string? Code { get; set; }
34 |
35 | protected override async Task OnInitializedAsync()
36 | {
37 | if (UserId is null || Email is null || Code is null)
38 | {
39 | RedirectManager.RedirectToWithStatus(
40 | "Account/Login", "Error: Invalid email change confirmation link.", HttpContext);
41 | }
42 |
43 | var user = await UserManager.FindByIdAsync(UserId);
44 | if (user is null)
45 | {
46 | message = "Unable to find user with Id '{userId}'";
47 | return;
48 | }
49 |
50 | var code = Encoding.UTF8.GetString(WebEncoders.Base64UrlDecode(Code));
51 | var result = await UserManager.ChangeEmailAsync(user, Email, code);
52 | if (!result.Succeeded)
53 | {
54 | message = "Error changing email.";
55 | return;
56 | }
57 |
58 | // In our UI email and user name are one and the same, so when we update the email
59 | // we need to update the user name.
60 | var setUserNameResult = await UserManager.SetUserNameAsync(user, Email);
61 | if (!setUserNameResult.Succeeded)
62 | {
63 | message = "Error changing user name.";
64 | return;
65 | }
66 |
67 | await SignInManager.RefreshSignInAsync(user);
68 | message = "Thank you for confirming your email change.";
69 | }
70 | }
71 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/ForgotPassword.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/ForgotPassword"
2 |
3 | @using System.ComponentModel.DataAnnotations
4 | @using System.Text
5 | @using System.Text.Encodings.Web
6 | @using Microsoft.AspNetCore.Identity
7 | @using Microsoft.AspNetCore.WebUtilities
8 | @using MyApp.Data
9 |
10 | @inject UserManager
18 | Forgot your password?
19 | Enter your email.
20 |
21 |
22 |
37 |
38 |
39 | @code {
40 | [SupplyParameterFromForm]
41 | private InputModel Input { get; set; } = new();
42 |
43 | private async Task OnValidSubmitAsync()
44 | {
45 | var user = await UserManager.FindByEmailAsync(Input.Email);
46 | if (user is null || !(await UserManager.IsEmailConfirmedAsync(user)))
47 | {
48 | // Don't reveal that the user does not exist or is not confirmed
49 | RedirectManager.RedirectTo("Account/ForgotPasswordConfirmation");
50 | }
51 |
52 | // For more information on how to enable account confirmation and password reset please
53 | // visit https://go.microsoft.com/fwlink/?LinkID=532713
54 | var code = await UserManager.GeneratePasswordResetTokenAsync(user);
55 | code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
56 | var callbackUrl = NavigationManager.GetUriWithQueryParameters(
57 | NavigationManager.ToAbsoluteUri("Account/ResetPassword").AbsoluteUri,
58 | new Dictionary
25 |
36 |
26 |
27 |
32 |
28 |
30 |
33 | Reset password
34 |
35 |
6 | Forgot password confirmation
7 |
8 |
12 |
13 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/InvalidPasswordReset.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/InvalidPasswordReset"
2 |
3 | 9 | Please check your email to reset your password. 10 |
11 |
6 |
7 | Invalid password reset
8 |
9 |
14 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/InvalidUser.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/InvalidUser"
2 |
3 | 10 | The password reset link is invalid. 11 |
12 | 13 |
6 |
7 | Invalid user
8 |
9 |
14 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Lockout.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/Lockout"
2 |
3 |
10 |
12 |
13 |
6 |
7 |
8 | Locked out
9 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/LoginWith2fa.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/LoginWith2fa"
2 |
3 | @using System.ComponentModel.DataAnnotations
4 | @using Microsoft.AspNetCore.Identity
5 | @using MyApp.Data
6 |
7 | @inject SignInManagerThis account has been locked out, please try again later.
10 |
15 | Two-factor authentication
16 |
51 | Your login is protected with an authenticator app. Enter your authenticator code below.
18 |
19 |
50 |
20 |
21 |
22 |
23 |
48 |
49 |
27 |
47 |
28 |
29 |
34 |
35 |
30 |
32 |
36 |
43 |
37 |
42 |
44 | Log in
45 |
46 |
52 | Don't have access to your authenticator device? You can
53 |
15 | Recovery code verification
16 |
17 |
43 |
44 | @code {
45 | private string? message;
46 | private ApplicationUser user = default!;
47 |
48 | [SupplyParameterFromForm]
49 | private InputModel Input { get; set; } = new();
50 |
51 | [SupplyParameterFromQuery]
52 | private string? ReturnUrl { get; set; }
53 |
54 | protected override async Task OnInitializedAsync()
55 | {
56 | // Ensure the user has gone through the username & password screen first
57 | user = await SignInManager.GetTwoFactorAuthenticationUserAsync() ??
58 | throw new InvalidOperationException("Unable to load two-factor authentication user.");
59 | }
60 |
61 | private async Task OnValidSubmitAsync()
62 | {
63 | var recoveryCode = Input.RecoveryCode.Replace(" ", string.Empty);
64 |
65 | var result = await SignInManager.TwoFactorRecoveryCodeSignInAsync(recoveryCode);
66 |
67 | var userId = await UserManager.GetUserIdAsync(user);
68 |
69 | if (result.Succeeded)
70 | {
71 | Logger.LogInformation("User with ID '{UserId}' logged in with a recovery code.", userId);
72 | RedirectManager.RedirectTo(ReturnUrl);
73 | }
74 | else if (result.IsLockedOut)
75 | {
76 | Logger.LogWarning("User account locked out.");
77 | RedirectManager.RedirectTo("Account/Lockout");
78 | }
79 | else
80 | {
81 | Logger.LogWarning("Invalid recovery code entered for user with ID '{UserId}' ", userId);
82 | message = "Error: Invalid recovery code entered.";
83 | }
84 | }
85 |
86 | private sealed class InputModel
87 | {
88 | [Required]
89 | [DataType(DataType.Text)]
90 | [Display(Name = "Recovery Code")]
91 | public string RecoveryCode { get; set; } = "";
92 | }
93 | }
94 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Logout.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/Logout"
2 |
3 | 19 | You have requested to log in with a recovery code. This login will not be remembered until you provide 20 | an authenticator app code at log in or disable 2FA and log in again. 21 |
22 |
23 |
42 |
24 |
25 |
40 |
41 |
28 |
39 |
29 |
30 |
35 |
31 |
33 |
36 | Log in
37 |
38 |
6 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Manage/ApiKeys.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/Manage/ApiKeys"
2 |
3 |
7 | Signed out
8 |
10 | You have successfully signed out.
9 |
6 | Manage API Keys
7 |
8 |
9 |
10 | @code {
11 | public MarkupString ToProps() => BlazorHtml.RawJson(new {
12 | info = HostContext.AppHost.GetPlugin
18 |
56 |
57 | @code {
58 | private string? message;
59 | private ApplicationUser user = default!;
60 | private bool hasPassword;
61 |
62 | [CascadingParameter]
63 | private HttpContext HttpContext { get; set; } = default!;
64 |
65 | [SupplyParameterFromForm]
66 | private InputModel Input { get; set; } = new();
67 |
68 | protected override async Task OnInitializedAsync()
69 | {
70 | user = await UserAccessor.GetRequiredUserAsync(HttpContext);
71 | hasPassword = await UserManager.HasPasswordAsync(user);
72 | if (!hasPassword)
73 | {
74 | RedirectManager.RedirectTo("Account/Manage/SetPassword");
75 | }
76 | }
77 |
78 | private async Task OnValidSubmitAsync()
79 | {
80 | var changePasswordResult = await UserManager.ChangePasswordAsync(user, Input.OldPassword, Input.NewPassword);
81 | if (!changePasswordResult.Succeeded)
82 | {
83 | message = $"Error: {string.Join(",", changePasswordResult.Errors.Select(error => error.Description))}";
84 | return;
85 | }
86 |
87 | await SignInManager.RefreshSignInAsync(user);
88 | Logger.LogInformation("User changed their password successfully.");
89 |
90 | RedirectManager.RedirectToCurrentPageWithStatus("Your password has been changed", HttpContext);
91 | }
92 |
93 | private sealed class InputModel
94 | {
95 | [Required]
96 | [DataType(DataType.Password)]
97 | [Display(Name = "Current password")]
98 | public string OldPassword { get; set; } = "";
99 |
100 | [Required]
101 | [StringLength(100, ErrorMessage = "The {0} must be at least {2} and at max {1} characters long.", MinimumLength = 6)]
102 | [DataType(DataType.Password)]
103 | [Display(Name = "New password")]
104 | public string NewPassword { get; set; } = "";
105 |
106 | [DataType(DataType.Password)]
107 | [Display(Name = "Confirm new password")]
108 | [Compare("NewPassword", ErrorMessage = "The new password and confirmation password do not match.")]
109 | public string ConfirmPassword { get; set; } = "";
110 | }
111 | }
112 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Manage/DeletePersonalData.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/Manage/DeletePersonalData"
2 |
3 | @using System.ComponentModel.DataAnnotations
4 | @using Microsoft.AspNetCore.Identity
5 | @using MyApp.Data
6 |
7 | @inject UserManager
21 |
55 |
22 |
23 |
53 |
54 |
27 |
52 |
28 |
29 |
34 |
30 |
32 |
35 |
36 |
41 |
37 |
39 |
42 |
43 |
48 |
44 |
46 |
49 | Update password
50 |
51 |
18 |
19 | Deleting this data permanently removes your account, and cannot be recovered.
20 |
21 |
22 |
47 |
48 | @code {
49 | private string? message;
50 | private ApplicationUser user = default!;
51 | private bool requirePassword;
52 |
53 | [CascadingParameter]
54 | private HttpContext HttpContext { get; set; } = default!;
55 |
56 | [SupplyParameterFromForm]
57 | private InputModel Input { get; set; } = new();
58 |
59 | protected override async Task OnInitializedAsync()
60 | {
61 | Input ??= new();
62 | user = await UserAccessor.GetRequiredUserAsync(HttpContext);
63 | requirePassword = await UserManager.HasPasswordAsync(user);
64 | }
65 |
66 | private async Task OnValidSubmitAsync()
67 | {
68 | if (requirePassword && !await UserManager.CheckPasswordAsync(user, Input.Password))
69 | {
70 | message = "Error: Incorrect password.";
71 | return;
72 | }
73 |
74 | var result = await UserManager.DeleteAsync(user);
75 | if (!result.Succeeded)
76 | {
77 | throw new InvalidOperationException("Unexpected error occurred deleting user.");
78 | }
79 |
80 | await SignInManager.SignOutAsync();
81 |
82 | var userId = await UserManager.GetUserIdAsync(user);
83 | Logger.LogInformation("User with ID '{UserId}' deleted themselves.", userId);
84 |
85 | RedirectManager.RedirectToCurrentPage();
86 | }
87 |
88 | private sealed class InputModel
89 | {
90 | [DataType(DataType.Password)]
91 | public string Password { get; set; } = "";
92 | }
93 | }
94 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Manage/Disable2fa.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/Manage/Disable2fa"
2 |
3 | @using Microsoft.AspNetCore.Identity
4 | @using MyApp.Data
5 |
6 | @inject UserManager
23 |
46 |
24 |
27 |
44 |
45 |
31 | @if (requirePassword)
32 | {
33 | Delete data and close my account
42 |
43 |
34 |
35 |
40 | }
41 |
36 |
38 |
16 |
19 |
27 |
28 |
35 |
36 | @code {
37 | private ApplicationUser user = default!;
38 |
39 | [CascadingParameter]
40 | private HttpContext HttpContext { get; set; } = default!;
41 |
42 | protected override async Task OnInitializedAsync()
43 | {
44 | user = await UserAccessor.GetRequiredUserAsync(HttpContext);
45 |
46 | if (HttpMethods.IsGet(HttpContext.Request.Method) && !await UserManager.GetTwoFactorEnabledAsync(user))
47 | {
48 | throw new InvalidOperationException("Cannot disable 2FA for user as it's not currently enabled.");
49 | }
50 | }
51 |
52 | private async Task OnSubmitAsync()
53 | {
54 | var disable2faResult = await UserManager.SetTwoFactorEnabledAsync(user, false);
55 | if (!disable2faResult.Succeeded)
56 | {
57 | throw new InvalidOperationException("Unexpected error occurred disabling 2FA.");
58 | }
59 |
60 | var userId = await UserManager.GetUserIdAsync(user);
61 | Logger.LogInformation("User with ID '{UserId}' has disabled 2fa.", userId);
62 | RedirectManager.RedirectToWithStatus(
63 | "Account/Manage/TwoFactorAuthentication",
64 | "2fa has been disabled. You can reenable 2fa when you setup an authenticator app",
65 | HttpContext);
66 | }
67 | }
68 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Manage/GenerateRecoveryCodes.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/Manage/GenerateRecoveryCodes"
2 |
3 | @using Microsoft.AspNetCore.Identity
4 | @using MyApp.Data
5 |
6 | @inject UserManager20 | This action only disables 2FA. 21 |
22 |23 | Disabling 2FA does not change the keys used in authenticator apps. If you wish to change the key 24 | used in an authenticator app you should reset your authenticator keys. 25 |
26 |
29 |
33 |
34 |
14 | @if (recoveryCodes is not null)
15 | {
16 | Generate two-factor authentication (2FA) recovery codes
21 |
22 |
34 |
42 |
43 | @code {
44 | private string? message;
45 | private ApplicationUser user = default!;
46 | private IEnumerable23 | Put these codes in a safe place. 24 |
25 |26 | If you lose your device and don't have the recovery codes you will lose access to your account. 27 |
28 |
29 | Generating new recovery codes does not change the keys used in authenticator apps.
30 | If you wish to change the key used in an authenticator app you should
31 |
35 |
39 |
40 | }
41 |
18 |
45 |
46 | @code {
47 | private ApplicationUser user = default!;
48 | private string? username;
49 | private string? phoneNumber;
50 |
51 | [CascadingParameter]
52 | private HttpContext HttpContext { get; set; } = default!;
53 |
54 | [SupplyParameterFromForm]
55 | private InputModel Input { get; set; } = new();
56 |
57 | protected override async Task OnInitializedAsync()
58 | {
59 | user = await UserAccessor.GetRequiredUserAsync(HttpContext);
60 | username = await UserManager.GetUserNameAsync(user);
61 | phoneNumber = await UserManager.GetPhoneNumberAsync(user);
62 |
63 | Input.PhoneNumber ??= phoneNumber;
64 | }
65 |
66 | private async Task OnValidSubmitAsync()
67 | {
68 | if (Input.PhoneNumber != phoneNumber)
69 | {
70 | var setPhoneResult = await UserManager.SetPhoneNumberAsync(user, Input.PhoneNumber);
71 | if (!setPhoneResult.Succeeded)
72 | {
73 | RedirectManager.RedirectToCurrentPageWithStatus("Error: Failed to set phone number.", HttpContext);
74 | }
75 | }
76 |
77 | await SignInManager.RefreshSignInAsync(user);
78 | RedirectManager.RedirectToCurrentPageWithStatus("Your profile has been updated", HttpContext);
79 | }
80 |
81 | private sealed class InputModel
82 | {
83 | [Phone]
84 | [Display(Name = "Phone number")]
85 | public string? PhoneNumber { get; set; }
86 | }
87 | }
88 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Manage/ManageNavPages.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Components;
2 | using Microsoft.AspNetCore.Mvc.Rendering;
3 | using Microsoft.AspNetCore.Mvc.ViewFeatures;
4 | using ServiceStack;
5 |
6 | namespace MyApp.Components.Pages.Account.Manage;
7 |
8 | public static class ManageNavPages
9 | {
10 | const string NavItemClass = "text-gray-600 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-900 hover:text-gray-900 dark:hover:text-gray-50 group flex items-center px-4 py-2 text-base font-medium rounded-md mr-2 whitespace-nowrap";
11 |
12 | const string ActiveClass = "bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-50";
13 | public static string Index => "Account/Manage";
14 | public static string Email => "Account/Manage/Email";
15 |
16 | public static string ChangePassword => "Account/Manage/ChangePassword";
17 |
18 | public static string ExternalLogins => "Account/Manage/ExternalLogins";
19 |
20 | public static string TwoFactorAuthentication => "Account/Manage/TwoFactorAuthentication";
21 | public static string PersonalData => "Account/Manage/PersonalData";
22 |
23 | public static string? IndexNavClass(NavigationManager navigationManager) => PageNavClass(navigationManager, Index);
24 | public static string? EmailNavClass(NavigationManager navigationManager) => PageNavClass(navigationManager, Email);
25 |
26 | public static string? ChangePasswordNavClass(NavigationManager navigationManager) => PageNavClass(navigationManager, ChangePassword);
27 |
28 | public static string? ExternalLoginsNavClass(NavigationManager navigationManager) => PageNavClass(navigationManager, ExternalLogins);
29 |
30 | public static string? TwoFactorAuthenticationNavClass(NavigationManager navigationManager) => PageNavClass(navigationManager, TwoFactorAuthentication);
31 |
32 | public static string? PersonalDataNavClass(NavigationManager navigationManager) => PageNavClass(navigationManager, PersonalData);
33 | public static string? PageNavClass(NavigationManager navigationManager, string page)
34 | {
35 | return navigationManager.Uri.EndsWith(page, StringComparison.OrdinalIgnoreCase)
36 | ? CssUtils.ClassNames(NavItemClass, ActiveClass)
37 | : NavItemClass;
38 | }
39 |
40 | public static string ActivePageKey => "ActivePage";
41 | public static void AddActivePage(this ViewDataDictionary viewData, string activePage) => viewData[ActivePageKey] = activePage;
42 | }
43 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Manage/PersonalData.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/Manage/PersonalData"
2 |
3 | @inject IdentityUserAccessor UserAccessor
4 |
5 |
19 |
21 |
43 |
44 |
25 |
42 |
26 |
27 |
31 |
28 |
29 |
30 |
32 |
33 |
38 |
34 |
36 |
39 | Save
40 |
41 |
10 |
26 |
27 | @code {
28 | [CascadingParameter]
29 | private HttpContext HttpContext { get; set; } = default!;
30 |
31 | protected override async Task OnInitializedAsync()
32 | {
33 | _ = await UserAccessor.GetRequiredUserAsync(HttpContext);
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Manage/ResetAuthenticator.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/Manage/ResetAuthenticator"
2 |
3 | @using Microsoft.AspNetCore.Identity
4 | @using MyApp.Data
5 |
6 | @inject UserManager
13 |
25 | Your account contains personal data that you have given us. This page allows you to download or delete that data.
14 |15 | Deleting this data will permanently remove your account, and this cannot be recovered. 16 |
17 | 21 |
22 |
17 |
20 |
28 |
29 |
36 |
37 | @code {
38 | [CascadingParameter]
39 | private HttpContext HttpContext { get; set; } = default!;
40 |
41 | private async Task OnSubmitAsync()
42 | {
43 | var user = await UserAccessor.GetRequiredUserAsync(HttpContext);
44 | await UserManager.SetTwoFactorEnabledAsync(user, false);
45 | await UserManager.ResetAuthenticatorKeyAsync(user);
46 | var userId = await UserManager.GetUserIdAsync(user);
47 | Logger.LogInformation("User with ID '{UserId}' has reset their authentication app key.", userId);
48 |
49 | await SignInManager.RefreshSignInAsync(user);
50 |
51 | RedirectManager.RedirectToWithStatus(
52 | "Account/Manage/EnableAuthenticator",
53 | "Your authenticator app key has been reset, you will need to configure your authenticator app using the new key.",
54 | HttpContext);
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Manage/SetPassword.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/Manage/SetPassword"
2 |
3 | @using System.ComponentModel.DataAnnotations
4 | @using Microsoft.AspNetCore.Identity
5 | @using MyApp.Data
6 |
7 | @inject UserManager21 | If you reset your authenticator key your authenticator app will not work until you reconfigure it. 22 |
23 |24 | This process disables 2FA until you verify your authenticator app. 25 | If you do not complete your authenticator app configuration you may lose access to your account. 26 |
27 |
30 |
34 |
35 |
17 |
53 |
54 | @code {
55 | private string? message;
56 | private ApplicationUser user = default!;
57 |
58 | [CascadingParameter]
59 | private HttpContext HttpContext { get; set; } = default!;
60 |
61 | [SupplyParameterFromForm]
62 | private InputModel Input { get; set; } = new();
63 |
64 | protected override async Task OnInitializedAsync()
65 | {
66 | user = await UserAccessor.GetRequiredUserAsync(HttpContext);
67 |
68 | var hasPassword = await UserManager.HasPasswordAsync(user);
69 | if (hasPassword)
70 | {
71 | RedirectManager.RedirectTo("Account/Manage/ChangePassword");
72 | }
73 | }
74 |
75 | private async Task OnValidSubmitAsync()
76 | {
77 | var addPasswordResult = await UserManager.AddPasswordAsync(user, Input.NewPassword!);
78 | if (!addPasswordResult.Succeeded)
79 | {
80 | message = $"Error: {string.Join(",", addPasswordResult.Errors.Select(error => error.Description))}";
81 | return;
82 | }
83 |
84 | await SignInManager.RefreshSignInAsync(user);
85 | RedirectManager.RedirectToCurrentPageWithStatus("Your password has been set.", HttpContext);
86 | }
87 |
88 | private sealed class InputModel
89 | {
90 | [Required]
91 | [StringLength(100, ErrorMessage = "The {0} must be at least {2} and at max {1} characters long.", MinimumLength = 6)]
92 | [DataType(DataType.Password)]
93 | [Display(Name = "New password")]
94 | public string? NewPassword { get; set; }
95 |
96 | [DataType(DataType.Password)]
97 | [Display(Name = "Confirm new password")]
98 | [Compare("NewPassword", ErrorMessage = "The new password and confirmation password do not match.")]
99 | public string? ConfirmPassword { get; set; }
100 | }
101 | }
102 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/Manage/TwoFactorAuthentication.razor:
--------------------------------------------------------------------------------
1 | @page "/Account/Manage/TwoFactorAuthentication"
2 |
3 | @using Microsoft.AspNetCore.Http.Features
4 | @using Microsoft.AspNetCore.Identity
5 | @using MyApp.Data
6 |
7 | @inject UserManager20 | You do not have a local username/password for this site. Add a local 21 | account so you can log in without an external login. 22 |
23 | 24 |
25 |
52 |
26 |
27 |
50 |
51 |
31 |
49 |
32 |
33 |
38 |
34 |
36 |
39 |
40 |
45 |
41 |
43 |
46 | Set password
47 |
48 |
17 |
26 | You have no recovery codes left.
27 |
29 | }
30 | else if (recoveryCodesLeft == 1)
31 | {
32 |
33 | You have 1 recovery code left.
34 |
36 | }
37 | else if (recoveryCodesLeft <= 3)
38 | {
39 |
40 | You have @recoveryCodesLeft recovery codes left.
41 |
43 | }
44 |
45 | if (isMachineRemembered)
46 | {
47 |
50 | }
51 |
52 | Disable 2FA
53 | Reset recovery codes
54 | }
55 |
56 |
72 | Privacy and cookie policy have not been accepted.
73 |
75 | }
76 |
77 |
78 |
79 | @code {
80 | private bool canTrack;
81 | private bool hasAuthenticator;
82 | private int recoveryCodesLeft;
83 | private bool is2faEnabled;
84 | private bool isMachineRemembered;
85 |
86 | [CascadingParameter]
87 | private HttpContext HttpContext { get; set; } = default!;
88 |
89 | protected override async Task OnInitializedAsync()
90 | {
91 | var user = await UserAccessor.GetRequiredUserAsync(HttpContext);
92 | canTrack = HttpContext.Features.GetYou must
You can
You should
57 | Authenticator app
58 | @if (!hasAuthenticator)
59 | {
60 | Add authenticator app
61 | }
62 | else
63 | {
64 | Set up authenticator app
65 | Reset authenticator app
66 | }
67 |
68 | }
69 | else
70 | {
71 | You must accept the policy before you can enable two factor authentication.
74 |
16 | Register confirmation
17 |
18 |
36 |
37 | @code {
38 | private string? emailConfirmationLink;
39 | private string? statusMessage;
40 |
41 | [CascadingParameter]
42 | private HttpContext HttpContext { get; set; } = default!;
43 |
44 | [SupplyParameterFromQuery]
45 | private string? Email { get; set; }
46 |
47 | [SupplyParameterFromQuery]
48 | private string? ReturnUrl { get; set; }
49 |
50 | protected override async Task OnInitializedAsync()
51 | {
52 | if (Email is null)
53 | {
54 | RedirectManager.RedirectTo("");
55 | }
56 |
57 | var user = await UserManager.FindByEmailAsync(Email);
58 | if (user is null)
59 | {
60 | HttpContext.Response.StatusCode = StatusCodes.Status404NotFound;
61 | statusMessage = "Error finding user for unspecified email";
62 | }
63 | else if (EmailSender is IdentityNoOpEmailSender)
64 | {
65 | // Once you add a real email sender, you should remove this code that lets you confirm the account
66 | var userId = await UserManager.GetUserIdAsync(user);
67 | var code = await UserManager.GenerateEmailConfirmationTokenAsync(user);
68 | code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
69 | emailConfirmationLink = NavigationManager.GetUriWithQueryParameters(
70 | NavigationManager.ToAbsoluteUri("Account/ConfirmEmail").AbsoluteUri,
71 | new Dictionary
23 | This app does not currently have a real email sender registered, see
24 |
27 | Normally this would be emailed:
28 |
Please check your email to confirm your account.
34 | } 35 |
18 | Resend email confirmation
19 | Enter your email.
20 |
21 |
23 |
38 |
39 |
40 | @code {
41 | private string? message;
42 |
43 | [SupplyParameterFromForm]
44 | private InputModel Input { get; set; } = new();
45 |
46 | private async Task OnValidSubmitAsync()
47 | {
48 | var user = await UserManager.FindByEmailAsync(Input.Email!);
49 | if (user is null)
50 | {
51 | message = "Verification email sent. Please check your email.";
52 | return;
53 | }
54 |
55 | var userId = await UserManager.GetUserIdAsync(user);
56 | var code = await UserManager.GenerateEmailConfirmationTokenAsync(user);
57 | code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
58 | var callbackUrl = NavigationManager.GetUriWithQueryParameters(
59 | NavigationManager.ToAbsoluteUri("Account/ConfirmEmail").AbsoluteUri,
60 | new Dictionary
26 |
37 |
27 |
28 |
33 |
29 |
31 |
34 | Resend
35 |
36 |
15 | Reset password
16 | Reset your password.
17 |
18 |
56 |
57 | @code {
58 | private IEnumerable
20 |
55 |
21 |
22 |
53 |
54 |
27 |
52 |
28 |
29 |
34 |
30 |
32 |
35 |
36 |
41 |
37 |
39 |
42 |
43 |
48 |
44 |
46 |
49 | Reset
50 |
51 |
5 |
6 | Reset password confirmation
7 |
8 |
13 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Pages/_Imports.razor:
--------------------------------------------------------------------------------
1 | @using MyApp.Components.Account.Shared
2 | @layout AccountLayout
3 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Shared/AccountLayout.razor:
--------------------------------------------------------------------------------
1 | @inherits LayoutComponentBase
2 | @layout MyApp.Components.Layout.MainLayout
3 | @inject NavigationManager NavigationManager
4 |
5 | @if (HttpContext is null)
6 | {
7 |
9 | Your password has been reset. Please
Loading...
8 | } 9 | else 10 | { 11 | @Body 12 | } 13 | 14 | @code { 15 | [CascadingParameter] 16 | private HttpContext? HttpContext { get; set; } 17 | 18 | protected override void OnParametersSet() 19 | { 20 | if (HttpContext is null) 21 | { 22 | // If this code runs, we're currently rendering in interactive mode, so there is no HttpContext. 23 | // The identity pages need to set cookies, so they require an HttpContext. To achieve this we 24 | // must transition back from interactive mode to a server-rendered page. 25 | NavigationManager.Refresh(forceReload: true); 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /MyApp/Components/Account/Shared/ExternalLoginPicker.razor: -------------------------------------------------------------------------------- 1 | @using Microsoft.AspNetCore.Authentication 2 | @using Microsoft.AspNetCore.Identity 3 | @using MyApp.Data 4 | 5 | @inject SignInManager
11 |
17 | }
18 | else
19 | {
20 |
32 | }
33 |
34 | @code {
35 | private AuthenticationScheme[] externalLogins = [];
36 |
37 | [SupplyParameterFromQuery]
38 | private string? ReturnUrl { get; set; }
39 |
40 | protected override async Task OnInitializedAsync()
41 | {
42 | externalLogins = (await SignInManager.GetExternalAuthenticationSchemesAsync()).ToArray();
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Shared/ManageLayout.razor:
--------------------------------------------------------------------------------
1 | @inherits LayoutComponentBase
2 | @layout AccountLayout
3 |
4 |
12 | There are no external authentication services configured.
13 | See this
5 | Manage your account
6 | Change your account settings
7 |
8 |
17 |
18 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Shared/ManageNavMenu.razor:
--------------------------------------------------------------------------------
1 | @using Microsoft.AspNetCore.Identity;
2 | @using MyApp.Components.Pages.Account.Manage
3 | @using MyApp.Data;
4 |
5 | @inject NavigationManager NavigationManager
6 | @inject SignInManager8 |
9 |
16 |
10 |
12 |
13 | @Body
14 |
15 | -
9 |
-
10 |
Profile 12 |
13 | -
14 |
Email 16 |
17 | -
18 |
Password 20 |
21 | @if (hasExternalLogins)
22 | {
23 | -
24 |
External logins 26 |
27 | }
28 | -
29 |
Two-factor authentication 31 |
32 | -
33 |
Personal data 35 |
36 | @if (HostContext.AppHost.HasPlugin -
39 |
API Keys 41 |
42 | }
43 |
3 |
6 |
13 |
14 |
27 |
28 | @code {
29 | [Parameter]
30 | public string[] RecoveryCodes { get; set; } = default!;
31 |
32 | [Parameter]
33 | public string StatusMessage { get; set; } = default!;
34 | }
35 |
--------------------------------------------------------------------------------
/MyApp/Components/Account/Shared/StatusMessage.razor:
--------------------------------------------------------------------------------
1 | @if (!string.IsNullOrEmpty(DisplayMessage))
2 | {
3 | 7 | Put these codes in a safe place. 8 |
9 |10 | If you lose your device and don't have the recovery codes you will lose access to your account. 11 |
12 |
15 | @for (var row = 0; row < RecoveryCodes.Length; row += 2)
16 | {
17 |
20 |
21 |
24 | } 25 |
26 | @RecoveryCodes[row]
18 |
19 | @RecoveryCodes[row + 1]
22 |
23 | 24 | } 25 |
4 | @if (DisplayMessage.StartsWith("Error"))
5 | {
6 |
45 | }
46 |
47 | @code {
48 | private string? messageFromCookie;
49 |
50 | [Parameter]
51 | public string? @class { get; set; }
52 |
53 | [Parameter]
54 | public string? Message { get; set; }
55 |
56 | [CascadingParameter]
57 | private HttpContext HttpContext { get; set; } = default!;
58 |
59 | private string? DisplayMessage => Message ?? messageFromCookie;
60 |
61 | protected override void OnInitialized()
62 | {
63 | messageFromCookie = HttpContext.Request.Cookies[IdentityRedirectManager.StatusCookieName];
64 |
65 | if (messageFromCookie is not null)
66 | {
67 | HttpContext.Response.Cookies.Delete(IdentityRedirectManager.StatusCookieName);
68 | }
69 | }
70 | }
71 |
--------------------------------------------------------------------------------
/MyApp/Components/App.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
7 |
18 | }
19 | else
20 | {
21 |
8 |
17 |
9 |
12 |
13 |
14 |
16 | @DisplayMessage
15 |
22 |
43 | }
44 |
23 |
42 |
24 |
27 |
28 |
29 |
31 | @DisplayMessage
30 |
32 |
41 |
33 |
39 |
40 |
5 |
29 |
30 |
34 |
35 |
10 |
20 |
26 |
27 |
28 |
11 |
18 |
19 |
36 |
69 |
--------------------------------------------------------------------------------
/MyApp/Components/Pages/Admin/Bookings.razor:
--------------------------------------------------------------------------------
1 | @page "/admin/bookings"
2 | @attribute [Authorize(Roles = "Admin")]
3 | @rendermode RenderMode.InteractiveServer
4 |
5 |
37 |
68 |
38 |
39 |
42 |
43 |
44 |
45 |
47 |
48 |
50 |
56 | An error has occurred. This application may no longer respond until reloaded.
46 |An unhandled exception has occurred. See browser dev tools for details.
49 |
51 |
55 |
52 |
53 |
54 |
57 |
67 |
58 |
65 |
66 |
5 |
6 |
35 |
--------------------------------------------------------------------------------
/MyApp/Components/Pages/Counter.razor:
--------------------------------------------------------------------------------
1 | @page "/counter"
2 | @rendermode RenderMode.InteractiveServer
3 |
4 |
7 | 
8 |
9 |
8 |
10 |
34 |
11 |
18 | 12 | MyApp Admin 13 |
14 |15 | Manage App Database 16 |
17 |
19 |
20 |
21 |
22 | Create and Manage Bookings
23 |
24 |
25 | Create and Manage Coupons
26 |
27 |
28 |
29 |
33 |
30 | View all
Current count: @currentCount
9 | 10 |
10 |
11 |
15 |
19 | }
20 | else
21 | {
22 | 12 | @doc.Title 13 |
14 |
16 | @BlazorHtml.Raw(doc.Preview)
17 |
18 |
23 | @if (error != null)
24 | {
25 |
32 | }
33 |
34 | @code {
35 | [Parameter]
36 | public required string Slug { get; set; }
37 |
38 | MarkdownFileInfo? doc;
39 | ResponseStatus? error;
40 |
41 | void load()
42 | {
43 | doc = Markdown.GetBySlug(Slug);
44 | if (doc == null)
45 | {
46 | error = new() { Message = $"_pages/{Slug}.md was not found" };
47 | return;
48 | }
49 | }
50 |
51 | protected override void OnInitialized() => load();
52 |
53 | protected override void OnParametersSet() => load();
54 | }
55 |
--------------------------------------------------------------------------------
/MyApp/Components/Pages/Error.razor:
--------------------------------------------------------------------------------
1 | @page "/Error"
2 | @using System.Diagnostics
3 |
4 |
7 |
8 | An error occurred while processing your request.
12 |
13 |
33 |
34 | @code {
35 | [CascadingParameter] public HttpContext? HttpContext { get; set; }
36 |
37 | public string? RequestId { get; set; }
38 | public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
39 |
40 | protected override void OnInitialized() =>
41 | RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
42 | }
43 |
--------------------------------------------------------------------------------
/MyApp/Components/Pages/Home.razor:
--------------------------------------------------------------------------------
1 | @page "/"
2 |
3 | 9 | Error. 10 |
11 |
14 | @if (ShowRequestId)
15 | {
16 |
32 |
17 | Request ID: @RequestId
18 |
Development Mode
22 |23 | Swapping to Development environment will display more detailed information about the error that occurred. 24 |
25 |26 | The Development environment shouldn't be enabled for deployed applications. 27 | It can result in displaying sensitive information from exceptions to end users. 28 | For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development 29 | and restarting the app. 30 |
31 |
6 |
28 |
29 |
7 |
27 | 8 | Welcome to 9 | ServiceStack.Blazor 10 |
11 |12 | Welcome to your new Blazor App, checkout links below to get started: 13 |
14 |
15 |
26 |
16 |
17 | Blazor Gallery
18 |
19 |
20 |
21 |
22 | Blazor Docs
23 |
24 |
25 |
8 |
56 |
57 | @code {
58 | private string? currentUrl;
59 |
60 | protected override void OnInitialized()
61 | {
62 | currentUrl = NavigationManager.ToBaseRelativePath(NavigationManager.Uri);
63 | }
64 | }
65 |
66 |
--------------------------------------------------------------------------------
/MyApp/Components/Pages/Secure/Bookings.razor:
--------------------------------------------------------------------------------
1 | @page "/secure/bookings"
2 | @attribute [Authorize(Roles = "Employee")]
3 | @rendermode RenderMode.InteractiveServer
4 | @inject IJSRuntime JS
5 |
6 | Profile Overview
9 |
10 |
55 |
11 |
54 |
12 |
44 |
13 | )
14 |
15 |
16 |
43 | Welcome back,
17 |@User.GetDisplayName()
18 | @if (User.GetRoles().Length > 0) 19 | { 20 |
21 | @foreach (var role in User.GetRoles())
22 | {
23 |
25 | @role
26 |
27 | }
28 |
29 | }
30 | @if (User.GetPermissions().Length > 0)
31 | {
32 |
33 | @foreach (var perm in User.GetPermissions())
34 | {
35 |
37 | @perm
38 |
39 | }
40 |
41 | }
42 |
45 |
52 |
53 | This component demonstrates showing data.
9 | 10 | @if (forecasts == null) 11 | { 12 |
8 | @if (Icon)
9 | {
10 |
27 | }
28 | @Text
29 |
30 | }
31 |
32 | @code {
33 | [Parameter]
34 | public bool Loading { get; set; }
35 |
36 | [Parameter]
37 | public bool Icon { get; set; } = true;
38 |
39 | [Parameter]
40 | public string Text { get; set; } = "loading...";
41 |
42 | [Parameter]
43 | public string? @class { get; set; }
44 | }
45 |
--------------------------------------------------------------------------------
/MyApp/Components/Shared/ShellCommand.razor:
--------------------------------------------------------------------------------
1 | @inject IJSRuntime JS
2 |
3 |
4 |
26 |
27 | @code {
28 | [Parameter]
29 | public string? @class { get; set; }
30 |
31 | [Parameter]
32 | public RenderFragment? ChildContent { get; set; }
33 |
34 | string SuccessText { get; set; } = string.Empty;
35 |
36 | private ElementReference elCmd;
37 |
38 | async Task copyCommand(MouseEventArgs e)
39 | {
40 | SuccessText = "copied";
41 | var text = await JS.InvokeAsync
5 |
6 | sh
7 |
8 | @if (SuccessText != string.Empty)
9 | {
10 |
11 |
24 | }
25 |
12 |
23 |
13 |
16 |
17 |
18 |
22 | 19 | @SuccessText 20 |
21 |