Correct saving of viewing key

src/app/order/order.component.css

@@ -51,9 +51,10 @@ img.icon{
 }
 
 .buttons-class {
+	font-family: 'Spartan', sans-serif;
 	background-color: #ff4722;
 	color: white;
-  font-weight: 700;
+	font-weight: 500;
 	height: 25px !important;
 	width: 80px !important;
 	display: flex;
@@ -64,7 +65,8 @@ img.icon{
 }
 
 .button-cancel-class {
-  font-weight: 700;
+	font-family: 'Spartan', sans-serif;
+	font-weight: 500;
 	height: 25px !important;
 	width: 80px !important;
 	display: flex;

src/app/settings/settings.component.css

@@ -1,9 +1,9 @@
 * {
-	font-family: Spartan;
+	font-family: 'Spartan', sans-serif;
 }
 
 .settings-title {
-	font-family: Spartan;
+	font-family: 'Spartan', sans-serif;
 	background: #ff4722;
 	color: white;
 	font-size: 30px;
@@ -13,6 +13,9 @@
 
 .settings_field {
 	width:  100%;
-	font-family: Spartan;
+	font-family: 'Spartan', sans-serif;
 }
 
+.mat-slide-toggle-content {
+	font-family: 'Spartan', sans-serif;
+}

src/app/settings/settings.component.html

@@ -23,9 +23,7 @@
 		                  (change)="onChange($event)">
 			Use zatoshis?
 		</mat-slide-toggle>
-
-			<pre></pre>
-			<mat-slide-toggle formControlName="VkeyOn" 
+		<mat-slide-toggle formControlName="useVKey" 
 						  (change)="onChangeVKeyOn($event)">
 			Activate payment confirmation?
 		</mat-slide-toggle>
@@ -33,8 +31,7 @@
 		<mat-form-field [style.width.%]="100">
 			<mat-label>Viewing key</mat-label>
 			<input matInput placeholder="Your wallet viewing key" 
-				       formControlName="VKey"
-				       [formControl]="viewkeyControl">
+							formControlName="vKey">
 
 		</mat-form-field>
 

src/app/settings/settings.component.ts

@@ -36,8 +36,6 @@ export class SettingsComponent implements OnInit {
 		}
 	];
 
-    viewkeyControl = new FormControl({ value: null, disabled: true });
-
 	constructor(
 		private fb: UntypedFormBuilder,
 		private dialogRef: MatDialogRef<SettingsComponent>,
@@ -48,11 +46,12 @@ export class SettingsComponent implements OnInit {
 			name: [data.name, Validators.required],
 			currency: [data.currency, Validators.required],
 			useZats: [data.zats,  Validators.required],
-			VkeyOn: [data.payconf, Validators.required],
-			VKey: [{value:data.viewkey, disabled: true },
-			        Validators.required
-			      ]
+			useVKey: [data.payconf, Validators.required],
+			vKey: [data.viewkey]
 		});
+		if (data.payconf) {
+			this.settingsForm.get('vKey')!.enable();
+		}
 		this.owner = data;
 
 	}
@@ -65,15 +64,12 @@ export class SettingsComponent implements OnInit {
 	}
 
 	save() {
+		console.log('Settings', this.settingsForm.value.vKey);
 		this.owner.name = this.settingsForm.value.name;
 		this.owner.currency = this.settingsForm.value.currency;
 		this.owner.zats = this.settingsForm.value.useZats;
-		this.owner.payconf = this.useVKey;
-		if ( this.settingsForm.value.VkeyOn ) {
-		    this.owner.viewkey = this.settingsForm.value.VKey;
-		  }
-		 else 
-		    this.owner.viewkey = '';                      	
+		this.owner.payconf = this.settingsForm.value.useVKey;
+		this.owner.viewkey = this.settingsForm.value.vKey;
 		this.dialogRef.close(this.owner);
 	}
 
@@ -88,9 +84,9 @@ export class SettingsComponent implements OnInit {
         this.useVKey = ob.checked;
 
 	    if ( ob.checked ) 
-	      this.viewkeyControl.enable()
+	      this.settingsForm.get('vKey')!.enable();
 	    else 
-	      this.viewkeyControl.disable();
+	      this.settingsForm.get('vKey')!.disable();
 
 	}
 }