From 8454d43981f37548828b9fc9c4d8d6a385fb08bc Mon Sep 17 00:00:00 2001
From: Rene Vergara A <rvergara59@protonmail.com>
Date: Mon, 18 Jul 2022 18:41:31 -0500
Subject: [PATCH] Not working - Owner config data form in progress

---
 src/app/order/order.component.css        | 18 ++++++++++++++----
 src/app/order/order.component.html       |  6 +-----
 src/app/settings/settings.component.html |  7 +++++++
 src/app/settings/settings.component.ts   | 11 ++++++++---
 4 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/src/app/order/order.component.css b/src/app/order/order.component.css
index b27ca21..46a8fcd 100644
--- a/src/app/order/order.component.css
+++ b/src/app/order/order.component.css
@@ -13,10 +13,11 @@ img.icon{
 
 .noOrderMsg {
 	font-family: Roboto Mono;
-    font-size: 14px;
-    font-weight: 700;
-    margin-top: 5px; 
-    align-items: center;
+  font-size: 20px;
+  font-weight: 700;
+  margin:  10px; 
+  align-items: center;
+  text-align: center;
 }
 
 .newOrder {
@@ -72,3 +73,12 @@ img.icon{
   cursor: pointer;
   margin: auto;
 }
+
+.availableItems{
+  background: lightblue;
+  font-family: Roboto Mono;
+  font-size: 18px;
+  font-weight: 700;
+  text-align: left;
+  margin: 5px;
+}
diff --git a/src/app/order/order.component.html b/src/app/order/order.component.html
index 81a5401..43292e0 100644
--- a/src/app/order/order.component.html
+++ b/src/app/order/order.component.html
@@ -123,11 +123,7 @@
 -->
 </div>
 </mat-card>
-<div style="font-family: Roboto Mono;
-            font-size: 18px;
-            font-weight: 700;
-            margin-left: 10px;
-            margin-top: 5px;" >
+<div class="availableItems" >
      Available Items:
 </div>
 
diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
index 319360c..578e404 100644
--- a/src/app/settings/settings.component.html
+++ b/src/app/settings/settings.component.html
@@ -16,6 +16,13 @@
 	<mat-slide-toggle formControlName="useZats" (change)="onChange($event)">
 		Display Zcash amount in zatoshis?
 	</mat-slide-toggle>
+	<mat-slide-toggle formControlName="VkeyOn" (change)="onChangeVKeyOn($event)">
+		Activate payment confirmation?
+	</mat-slide-toggle>
+	<mat-form-field appearance="outline">
+		<mat-label>Viewing key</mat-label>
+		<input matInput placeholder="Viewing Key" formControlName="vKey">
+	</mat-form-field>
 </mat-dialog-content>
 
 <mat-dialog-actions>
diff --git a/src/app/settings/settings.component.ts b/src/app/settings/settings.component.ts
index ab3a922..bc0797c 100644
--- a/src/app/settings/settings.component.ts
+++ b/src/app/settings/settings.component.ts
@@ -2,8 +2,8 @@ import { Inject, Component, OnInit, OnDestroy, ViewEncapsulation } from '@angula
 import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { MatSlideToggleChange } from '@angular/material/slide-toggle';
 import { UntypedFormBuilder, Validators, UntypedFormGroup, FormControl } from '@angular/forms';
-import {User} from '../user.model';
-import {Owner} from '../owner.model';
+import { User } from '../user.model';
+import { Owner } from '../owner.model';
 
 @Component({
 	selector: 'app-settings',
@@ -44,7 +44,8 @@ export class SettingsComponent implements OnInit {
 		this.settingsForm = fb.group({
 			name: [data.name, Validators.required],
 			currency: [data.currency, Validators.required],
-			useZats: [data.zats, Validators.required]
+			useZats: [data.zats, Validators.required],
+			VkeyOn: [data.]
 		});
 		this.owner = data;
 	}
@@ -66,4 +67,8 @@ export class SettingsComponent implements OnInit {
 	onChange(ob: MatSlideToggleChange) {
 		this.useZats = ob.checked;
 	}
+
+	onChangeVKeyOn(ob: MatSlideToggleChange) {
+		console.log("Viewing key switch is " + ( ob.checked ? "[ON]." : "[OFF].") );
+	}
 }