Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-28 12:45:45 +01:00
Code Issues Projects Releases Wiki Activity

Improve ViewComponent (#1069)

Browse Source
This commit is contained in:
Oscar Hinton 2021-09-10 15:32:08 +02:00 committed by GitHub
parent b552222132
commit cdac1a4508
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/vault/view.component.html
View File

@ -28,9 +28,9 @@
<div class="row-main"> <div class="row-main">
<span class="row-label draggable" draggable="true" <span class="row-label draggable" draggable="true"
(dragstart)="setTextDataOnDrag($event, cipher.login.password)">{{'password' | i18n}}</span> (dragstart)="setTextDataOnDrag($event, cipher.login.password)">{{'password' | i18n}}</span>
<div [hidden]="showPassword" class="monospaced"> <div *ngIf="!showPassword" class="monospaced">
{{cipher.login.maskedPassword}}</div> {{cipher.login.maskedPassword}}</div>
<div [hidden]="!showPassword" class="monospaced password-wrapper" appSelectCopy <div *ngIf="showPassword" class="monospaced password-wrapper" appSelectCopy
[innerHTML]="cipher.login.password | colorPassword"></div> [innerHTML]="cipher.login.password | colorPassword"></div>
</div> </div>
<div class="action-buttons" *ngIf=cipher.viewPassword> <div class="action-buttons" *ngIf=cipher.viewPassword>
@ -87,8 +87,8 @@
<div class="box-content-row box-content-row-flex" *ngIf="cipher.card.number"> <div class="box-content-row box-content-row-flex" *ngIf="cipher.card.number">
<div class="row-main"> <div class="row-main">
<span class="row-label">{{'number' | i18n}}</span> <span class="row-label">{{'number' | i18n}}</span>
<span [hidden]="showCardNumber" class="monospaced">{{cipher.card.maskedNumber}}</span> <span *ngIf="!showCardNumber" class="monospaced">{{cipher.card.maskedNumber}}</span>
<span [hidden]="!showCardNumber" class="monospaced">{{cipher.card.number}}</span> <span *ngIf="showCardNumber" class="monospaced">{{cipher.card.number}}</span>
</div> </div>
<div class="action-buttons"> <div class="action-buttons">
<a class="row-btn" href="#" appStopClick appA11yTitle="{{'toggleVisibility' | i18n}}" <a class="row-btn" href="#" appStopClick appA11yTitle="{{'toggleVisibility' | i18n}}"
@ -113,8 +113,8 @@
<div class="box-content-row box-content-row-flex" *ngIf="cipher.card.code"> <div class="box-content-row box-content-row-flex" *ngIf="cipher.card.code">
<div class="row-main"> <div class="row-main">
<span class="row-label">{{'securityCode' | i18n}}</span> <span class="row-label">{{'securityCode' | i18n}}</span>
<span [hidden]="showCardCode" class="monospaced">{{cipher.card.maskedCode}}</span> <span *ngIf="!showCardCode" class="monospaced">{{cipher.card.maskedCode}}</span>
<span [hidden]="!showCardCode" class="monospaced">{{cipher.card.code}}</span> <span *ngIf="showCardCode" class="monospaced">{{cipher.card.code}}</span>
</div> </div>
<div class="action-buttons"> <div class="action-buttons">
<a class="row-btn" href="#" appStopClick appA11yTitle="{{'toggleVisibility' | i18n}}" <a class="row-btn" href="#" appStopClick appA11yTitle="{{'toggleVisibility' | i18n}}"
@ -216,8 +216,8 @@
{{field.value || '&nbsp;'}} {{field.value || '&nbsp;'}}
</div> </div>
<div *ngIf="field.type === fieldType.Hidden"> <div *ngIf="field.type === fieldType.Hidden">
<span [hidden]="!field.showValue" class="monospaced show-whitespace">{{field.value}}</span> <span *ngIf="field.showValue" class="monospaced show-whitespace">{{field.value}}</span>
<span [hidden]="field.showValue" class="monospaced">{{field.maskedValue}}</span> <span *ngIf="!field.showValue" class="monospaced">{{field.maskedValue}}</span>
</div> </div>
<div *ngIf="field.type === fieldType.Boolean"> <div *ngIf="field.type === fieldType.Boolean">
<i class="fa fa-check-square-o" *ngIf="field.value === 'true'" aria-hidden="true"></i> <i class="fa fa-check-square-o" *ngIf="field.value === 'true'" aria-hidden="true"></i>