bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 16:23:44 +00:00
Code Issues Releases Wiki Activity

[PM-7900] Login Credentials and Autofill Browser V2 View sections (#10417)

Browse Source 
* Added sections for Login Credentials and Autofill Options.
This commit is contained in:
Jason Ng
2024-08-08 13:52:45 -04:00
committed by GitHub
parent ad3c680f2c
commit bca619d0a4
11 changed files with 289 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
libs/vault/src/cipher-view/login-credentials/login-credentials-view.component.html Normal file
View File

@@ -0,0 +1,106 @@
<bit-section>
<bit-section-header>
<h2 bitTypography="h6">{{ "loginCredentials" | i18n }}</h2>
</bit-section-header>
<bit-card>
<bit-form-field [disableMargin]="!login.password && !login.totp">
<bit-label>
{{ "username" | i18n }}
</bit-label>
<input
readonly
bitInput
type="text"
[value]="login.username"
aria-readonly="true"
data-testid="login-username"
/>
<button
bitIconButton="bwi-clone"
bitSuffix
type="button"
[appCopyClick]="login.username"
[valueLabel]="'username' | i18n"
showToast
[appA11yTitle]="'copyValue' | i18n"
data-testid="toggle-username"
></button>
</bit-form-field>
<bit-form-field [disableMargin]="!login.totp">
<bit-label>{{ "password" | i18n }}</bit-label>
<input
readonly
bitInput
type="password"
[value]="login.password"
aria-readonly="true"
data-testid="login-password"
/>
<button
bitSuffix
type="button"
bitIconButton
bitPasswordInputToggle
data-testid="toggle-password"
(toggledChange)="pwToggleValue($event)"
></button>
<button
*ngIf="viewPassword && passwordRevealed"
bitIconButton="bwi-numbered-list"
bitSuffix
type="button"
data-testid="toggle-password-count"
[appA11yTitle]="'toggleCharacterCount' | i18n"
appStopClick
(click)="togglePasswordCount()"
></button>
<button
bitIconButton="bwi-clone"
bitSuffix
type="button"
[appCopyClick]="login.password"
[valueLabel]="'password' | i18n"
showToast
[appA11yTitle]="'copyValue' | i18n"
data-testid="copy-password"
></button>
</bit-form-field>
<ng-container *ngIf="showPasswordCount && passwordRevealed">
<bit-color-password [password]="login.password" [showCount]="true"></bit-color-password>
</ng-container>
<bit-form-field disableMargin *ngIf="login.totp">
<bit-label
>{{ "verificationCodeTotp" | i18n }}
<span
*ngIf="!(isPremium$ | async)"
bitBadge
variant="success"
class="tw-ml-2"
(click)="getPremium()"
>
{{ "premium" | i18n }}
</span>
</bit-label>
<input
readonly
bitInput
type="text"
[value]="login.totp"
aria-readonly="true"
data-testid="login-totp"
[disabled]="!(isPremium$ | async)"
/>
<button
bitIconButton="bwi-clone"
bitSuffix
type="button"
[appCopyClick]="login.totp"
[valueLabel]="'verificationCodeTotp' | i18n"
showToast
[appA11yTitle]="'copyValue' | i18n"
data-testid="copy-totp"
[disabled]="!(isPremium$ | async)"
></button>
</bit-form-field>
</bit-card>
</bit-section>