bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-10 21:33:27 +00:00
Code Issues Releases Wiki Activity

PM-28506 - TwoFactorSetupYubikey - refactor yubikey form to be rows with 1 field per row to allow remove button to be visible again. (#17519)

Browse Source
This commit is contained in:
Jared Snider
2025-11-20 15:22:48 -05:00
committed by GitHub
parent 43897df9ed
commit 98401ccda1
1 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
apps/web/src/app/auth/settings/two-factor/two-factor-setup-yubikey.component.html
View File

@@ -25,23 +25,21 @@
<li>{{ "twoFactorYubikeySaveForm" | i18n }}</li> <li>{{ "twoFactorYubikeySaveForm" | i18n }}</li>
</ol> </ol>
<hr /> <hr />
<div class="tw-grid tw-grid-cols-12 tw-gap-4" formArrayName="formKeys"> <div class="tw-flex tw-flex-col tw-mt-4" formArrayName="formKeys">
<div class="tw-col-span-6" *ngFor="let k of keys; let i = index"> <div *ngFor="let k of keys; let i = index" [formGroupName]="i">
<div [formGroupName]="i"> <bit-label>{{ "yubikeyX" | i18n: (i + 1).toString() }}</bit-label>
<bit-label>{{ "yubikeyX" | i18n: (i + 1).toString() }}</bit-label> <bit-form-field *ngIf="!keys[i].existingKey">
<bit-form-field *ngIf="!keys[i].existingKey"> <input bitInput type="password" formControlName="key" appInputVerbatim />
<input bitInput type="password" formControlName="key" appInputVerbatim /> </bit-form-field>
</bit-form-field> <div class="tw-flex tw-justify-between tw-mb-4" *ngIf="keys[i].existingKey">
<div class="tw-flex tw-justify-between tw-mb-6" *ngIf="keys[i].existingKey"> <span class="tw-mr-2 tw-self-center">{{ keys[i].existingKey }}</span>
<span class="tw-mr-2 tw-self-center">{{ keys[i].existingKey }}</span> <button
<button bitIconButton="bwi-minus-circle"
bitIconButton="bwi-minus-circle" type="button"
type="button" buttonType="danger"
buttonType="danger" (click)="remove(i)"
(click)="remove(i)" label="{{ 'remove' | i18n }}"
label="{{ 'remove' | i18n }}" ></button>
></button>
</div>
</div> </div>
</div> </div>
</div> </div>