defining more abstractions

src/models/view/fieldView.ts

@@ -6,10 +6,33 @@ import { Field } from '../domain/field';
 
 export class FieldView implements View {
     name: string;
-    vault: string;
     type: FieldType;
 
+    // tslint:disable
+    private _value: string;
+    private _maskedValue: string;
+    // tslint:enable
+
     constructor(f: Field) {
         this.type = f.type;
     }
+
+    get value(): string {
+        return this._value;
+    }
+    set value(value: string) {
+        this._value = value;
+        this._maskedValue = null;
+    }
+
+    get maskedValue(): string {
+        if (this._maskedValue == null && this.value != null) {
+            this._maskedValue = '';
+            for (let i = 0; i < this.value.length; i++) {
+                this._maskedValue += '•';
+            }
+        }
+
+        return this._maskedValue;
+    }
 }