Masking Card Security Code - Issue #78 (#99)

This commit is contained in:
Neil Burrows 2018-06-13 17:34:41 +01:00 committed by Kyle Spearrin
parent 4747c7e483
commit 99e23ad190
1 changed files with 7 additions and 1 deletions

View File

@ -100,9 +100,15 @@
<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>
{{cipher.card.code}} <span [hidden]="showCardCode">{{cipher.card.maskedCode}}</span>
<span [hidden]="!showCardCode">{{cipher.card.code}}</span>
</div> </div>
<div class="action-buttons"> <div class="action-buttons">
<a class="row-btn" href="#" appStopClick title="{{'toggleVisibility' | i18n}}"
(click)="toggleCardCode()">
<i class="fa fa-lg"
[ngClass]="{'fa-eye': !showCardCode, 'fa-eye-slash': showCardCode}"></i>
</a>
<a class="row-btn" href="#" appStopClick title="{{'copySecurityCode' | i18n}}" <a class="row-btn" href="#" appStopClick title="{{'copySecurityCode' | i18n}}"
(click)="copy(cipher.card.code, 'securityCode', 'Security Code')"> (click)="copy(cipher.card.code, 'securityCode', 'Security Code')">
<i class="fa fa-lg fa-clipboard"></i> <i class="fa fa-lg fa-clipboard"></i>