Merge pull request #750 from bitwarden/feature/webauthn

This commit is contained in:
Oscar Hinton 2021-03-17 22:14:14 +01:00 committed by GitHub
commit a3e7bab76a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 32 additions and 4 deletions

View File

@ -34,6 +34,19 @@
</div> </div>
</div> </div>
</ng-container> </ng-container>
<ng-container *ngIf="selectedProviderType === providerType.WebAuthn">
<div id="web-authn-frame">
<iframe id="webauthn_iframe"></iframe>
</div>
<div class="box first">
<div class="box-content">
<div class="box-content-row box-content-row-checkbox" appBoxRow>
<label for="remember">{{'rememberMe' | i18n}}</label>
<input id="remember" type="checkbox" name="Remember" [(ngModel)]="remember">
</div>
</div>
</div>
</ng-container>
<ng-container *ngIf="selectedProviderType === providerType.Duo || <ng-container *ngIf="selectedProviderType === providerType.Duo ||
selectedProviderType === providerType.OrganizationDuo"> selectedProviderType === providerType.OrganizationDuo">
<div id="duo-frame"><iframe id="duo_iframe"></iframe></div> <div id="duo-frame"><iframe id="duo_iframe"></iframe></div>

View File

@ -592,11 +592,11 @@
"message": "Verify with Duo Security for your organization using the Duo Mobile app, SMS, phone call, or U2F security key.", "message": "Verify with Duo Security for your organization using the Duo Mobile app, SMS, phone call, or U2F security key.",
"description": "'Duo Security' and 'Duo Mobile' are product names and should not be translated." "description": "'Duo Security' and 'Duo Mobile' are product names and should not be translated."
}, },
"u2fDesc": { "webAuthnTitle": {
"message": "Use any FIDO U2F enabled security key to access your account." "message": "FIDO2 WebAuthn"
}, },
"u2fTitle": { "webAuthnDesc": {
"message": "FIDO U2F Security Key" "message": "Use any WebAuthn enabled security key to access your account."
}, },
"emailTitle": { "emailTitle": {
"message": "Email" "message": "Email"
@ -1653,5 +1653,8 @@
}, },
"pendingDeletion": { "pendingDeletion": {
"message": "Pending deletion" "message": "Pending deletion"
},
"webAuthnAuthenticate": {
"message": "Authenticate WebAutn"
} }
} }

View File

@ -213,6 +213,18 @@ p.lead {
} }
} }
#web-authn-frame {
background: url('../images/loading.svg') 0 0 no-repeat;
height: 250px;
margin: 0 0 15px 0;
iframe {
width: 100%;
height: 100%;
border: none;
}
}
form, .form { form, .form {
.form-group { .form-group {
margin-bottom: 10px; margin-bottom: 10px;