mirror of
https://github.com/bitwarden/browser
synced 2026-02-28 02:23:25 +00:00
5dc49f21d2
* rename bit-icon to bit-svg; create new bit-icon for font icons Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * find and replace current usage Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * add custom eslint warning Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * fix incorrect usage * fix tests * fix tests * Update libs/components/src/svg/index.ts Co-authored-by: claude[bot] <209825114+claude[bot]@users.noreply.github.com> * Update libs/eslint/components/no-bwi-class-usage.spec.mjs Co-authored-by: claude[bot] <209825114+claude[bot]@users.noreply.github.com> * update component api * update class name * use icon type in iconButton component * update type Icon --> BitSvg * fix bad renames * fix more renames * fix bad input * revert iconButton type * fix lint * fix more inputs * misc fixes Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * fix test * add eslint ignore * fix lint * add comparison story --------- Co-authored-by: Claude Sonnet 4.5 <noreply@anthropic.com> Co-authored-by: claude[bot] <209825114+claude[bot]@users.noreply.github.com>
51 lines
1.8 KiB
HTML
51 lines
1.8 KiB
HTML
<bit-dialog [background]="'alt'" dialogSize="large">
|
|
<span bitDialogTitle>
|
|
{{ "selectTwoStepLoginMethod" | i18n }}
|
|
</span>
|
|
<ng-container bitDialogContent>
|
|
<bit-item-group>
|
|
<bit-item *ngFor="let provider of providers" (click)="choose(provider)">
|
|
<button bit-item-content [truncate]="false" type="button" class="tw-h-auto md:tw-h-20">
|
|
<div
|
|
slot="start"
|
|
[ngSwitch]="provider.type"
|
|
class="tw-w-16 md:tw-w-20 tw-mr-2 sm:tw-mr-4"
|
|
>
|
|
<bit-svg
|
|
*ngSwitchCase="TwoFactorProviderType.Authenticator"
|
|
[content]="Icons.TwoFactorAuthAuthenticatorIcon"
|
|
></bit-svg>
|
|
<bit-svg
|
|
*ngSwitchCase="TwoFactorProviderType.Email"
|
|
[content]="Icons.TwoFactorAuthEmailIcon"
|
|
></bit-svg>
|
|
<bit-svg
|
|
*ngSwitchCase="TwoFactorProviderType.Duo"
|
|
[content]="Icons.TwoFactorAuthDuoIcon"
|
|
></bit-svg>
|
|
<bit-svg
|
|
*ngSwitchCase="TwoFactorProviderType.Yubikey"
|
|
[content]="Icons.TwoFactorAuthYubicoIcon"
|
|
></bit-svg>
|
|
<bit-svg
|
|
*ngSwitchCase="TwoFactorProviderType.OrganizationDuo"
|
|
[content]="Icons.TwoFactorAuthDuoIcon"
|
|
></bit-svg>
|
|
<bit-svg
|
|
*ngSwitchCase="TwoFactorProviderType.WebAuthn"
|
|
[content]="Icons.TwoFactorAuthWebAuthnIcon"
|
|
></bit-svg>
|
|
</div>
|
|
{{ provider.name }}
|
|
<ng-container slot="secondary"> {{ provider.description }} </ng-container>
|
|
</button>
|
|
</bit-item>
|
|
</bit-item-group>
|
|
</ng-container>
|
|
<ng-container bitDialogFooter>
|
|
<button bitButton type="button" buttonType="secondary" (click)="cancel()">
|
|
{{ "cancel" | i18n }}
|
|
</button>
|
|
</ng-container>
|
|
</bit-dialog>
|