From 91eb676cf58fc04fe2b3934888aa795d31479bb4 Mon Sep 17 00:00:00 2001
From: Neil Burrows <neil@pawprint.co.uk>
Date: Wed, 13 Jun 2018 17:34:11 +0100
Subject: [PATCH] Masking Card Security Code in browser extension (#647)

Desktop Issue #78 (CreditCard Security Code is visible)
---
 src/popup/vault/view.component.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/popup/vault/view.component.html b/src/popup/vault/view.component.html
index 444b42ae0a..126d01d7dd 100644
--- a/src/popup/vault/view.component.html
+++ b/src/popup/vault/view.component.html
@@ -111,9 +111,15 @@
                 <div class="box-content-row box-content-row-flex" *ngIf="cipher.card.code">
                     <div class="row-main">
                         <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 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}}"
                            (click)="copy(cipher.card.code, 'securityCode', 'Security Code')">
                             <i class="fa fa-lg fa-clipboard"></i>