1
0
mirror of https://github.com/bitwarden/browser.git synced 2025-02-14 01:01:31 +01:00

PM-8113 - TwoFactorAuthComp - progress on adding 2fa provider page icons and subtitles

This commit is contained in:
Jared Snider 2025-01-28 18:21:27 -05:00
parent 1ff50d22ba
commit 196ff0a616
No known key found for this signature in database
GPG Key ID: A149DDD612516286
4 changed files with 51 additions and 8 deletions

View File

@ -863,6 +863,15 @@
"enterTheCodeSentToYourEmail": {
"message": "Enter the code sent to your email"
},
"enterTheCodeFromYourAuthenticatorApp": {
"message": "Enter the code from your authenticator app"
},
"pressYourYubiKeyToAuthenticate": {
"message": "Press your YubiKey to authenticate"
},
"duoTwoFactorRequiredPageSubtitle": {
"message": "Duo two-step login is required for your account. Popout the extension to complete login."
},
"restartRegistration": {
"message": "Restart registration"
},

View File

@ -655,6 +655,12 @@
"enterTheCodeSentToYourEmail": {
"message": "Enter the code sent to your email"
},
"enterTheCodeFromYourAuthenticatorApp": {
"message": "Enter the code from your authenticator app"
},
"pressYourYubiKeyToAuthenticate": {
"message": "Press your YubiKey to authenticate"
},
"logInWithPasskey": {
"message": "Log in with passkey"
},
@ -3180,6 +3186,9 @@
"duoRequiredByOrgForAccount": {
"message": "Duo two-step login is required for your account."
},
"duoTwoFactorRequiredPageSubtitle": {
"message": "Duo two-step login is required for your account. Launch Duo and follow the steps to finish logging in."
},
"launchDuo": {
"message": "Launch Duo in Browser"
},

View File

@ -1182,6 +1182,12 @@
"enterTheCodeSentToYourEmail": {
"message": "Enter the code sent to your email"
},
"enterTheCodeFromYourAuthenticatorApp": {
"message": "Enter the code from your authenticator app"
},
"pressYourYubiKeyToAuthenticate": {
"message": "Press your YubiKey to authenticate"
},
"authenticationTimeout": {
"message": "Authentication timeout"
},
@ -7146,6 +7152,9 @@
"duoRequiredByOrgForAccount": {
"message": "Duo two-step login is required for your account."
},
"duoTwoFactorRequiredPageSubtitle": {
"message": "Duo two-step login is required for your account. Launch Duo and follow the steps to finish logging in."
},
"launchDuo": {
"message": "Launch Duo"
},

View File

@ -39,7 +39,11 @@ import {
} from "@bitwarden/components";
import { AnonLayoutWrapperDataService } from "../anon-layout/anon-layout-wrapper-data.service";
import { TwoFactorAuthEmailIcon } from "../icons/two-factor-auth";
import {
TwoFactorAuthAuthenticatorIcon,
TwoFactorAuthEmailIcon,
TwoFactorAuthYubikeyIcon,
} from "../icons/two-factor-auth";
import { TwoFactorAuthAuthenticatorComponent } from "./child-components/two-factor-auth-authenticator.component";
import { TwoFactorAuthDuoComponent } from "./child-components/two-factor-auth-duo/two-factor-auth-duo.component";
@ -299,20 +303,32 @@ export class TwoFactorAuthComponent implements OnInit, OnDestroy {
}
async setAnonLayoutDataByTwoFactorProviderType() {
// TODO: finish adding all provider types
switch (this.selectedProviderType) {
// case TwoFactorProviderType.Authenticator:
// this.anonLayoutWrapperDataService.setAnonLayoutWrapperData({
// pageTitle: this.i18nService.t("ADD ME"),
// pageSubtitle: this.i18nService.t("twoFactorAuthenticatorSubtitle"),
// pageIcon: TwoFactorAuthAuthenticatorIcon,
// });
// break;
case TwoFactorProviderType.Authenticator:
this.anonLayoutWrapperDataService.setAnonLayoutWrapperData({
pageSubtitle: this.i18nService.t("enterTheCodeFromYourAuthenticatorApp"),
pageIcon: TwoFactorAuthAuthenticatorIcon,
});
break;
case TwoFactorProviderType.Email:
this.anonLayoutWrapperDataService.setAnonLayoutWrapperData({
pageSubtitle: this.i18nService.t("enterTheCodeSentToYourEmail"),
pageIcon: TwoFactorAuthEmailIcon,
});
break;
case TwoFactorProviderType.Duo:
this.anonLayoutWrapperDataService.setAnonLayoutWrapperData({
pageSubtitle: this.i18nService.t("duoTwoFactorRequiredPageSubtitle"),
pageIcon: TwoFactorAuthAuthenticatorIcon,
});
break;
case TwoFactorProviderType.Yubikey:
this.anonLayoutWrapperDataService.setAnonLayoutWrapperData({
pageSubtitle: this.i18nService.t("pressYourYubiKeyToAuthenticate"),
pageIcon: TwoFactorAuthYubikeyIcon,
});
break;
default:
break;