Adding mask and toggle for Card Security Code (#5)

* Adding mask and toggle for Card Security Code

* For Card Code Mask - show same number of characters as code

src/angular/components/view.component.ts

@@ -31,6 +31,7 @@ export class ViewComponent implements OnDestroy {
 
     cipher: CipherView;
     showPassword: boolean;
+    showCardCode: boolean;
     isPremium: boolean;
     totpCode: string;
     totpCodeFormatted: string;
@@ -80,6 +81,11 @@ export class ViewComponent implements OnDestroy {
         this.showPassword = !this.showPassword;
     }
 
+    toggleCardCode() {
+        this.analytics.eventTrack.next({ action: 'Toggled Card Code' });
+        this.showCardCode = !this.showCardCode;
+    }
+
     async checkPassword() {
         if (this.cipher.login == null || this.cipher.login.password == null || this.cipher.login.password === '') {
             return;

src/models/view/cardView.ts

@@ -18,6 +18,10 @@ export class CardView implements View {
         // ctor
     }
 
+    get maskedCode(): string {
+        return this.code != null ? '•'.repeat(this.code.length) : null;
+    }
+
     get brand(): string {
         return this._brand;
     }