Settings component uptdated for compatibility with Android devices

CHANGELOG.md

@@ -11,6 +11,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Added new service for Xero integration
 
 ### Changed
+
+- Settings component updated for compatibility with Android devices
 - settings component updated to use observable when saving Account Code
 - xeroService's saveAccountCode function optimized to export observable 
 - Field for Xero's AccountCode added to Settings component's integration tab

src/app/pmtservice/pmtservice.component.ts

@@ -124,7 +124,7 @@ public order: Order = {
    var auth = 'Basic ' + Buffer.from(ConfigData.UsrPwd).toString('base64');
    this.reqHeaders = new HttpHeaders().set('Authorization', auth);
    this.activatedRoute.queryParams.subscribe((params) => {
-      this.pmtData.ownerId = params["ownerid"];
+      this.pmtData.ownerId = params["owner"];
       this.pmtData.invoice = params["invoiceNo"];
       this.pmtData.amount = params["amount"];
       this.pmtData.currency = params["currency"];

src/app/settings/settings.component.html

@@ -142,7 +142,10 @@
 							   width="100%"
 							   placeholder="9999999999" 
 							   formControlName="xAcc"
+							   (keyup)="checkStatus($event)">
+<!--   
 							   (change)="xeroAccCodChanged($event)">
+-->
 					</mat-form-field>
 						
 					</div>	

src/app/settings/settings.component.ts

@@ -207,10 +207,16 @@ export class SettingsComponent implements OnInit {
 			    .showNotification("Invalid Account code (10 chars max.)","Close",'error');
 	  };
 	}
-
+/*
 	xeroAccCodChanged( arg: any ) {
-//		console.log("Account Code changed: " + arg.target.value);
+		console.log("Account Code changed: " + arg.target.value);
 //		console.log(arg);
 		this.saveAccOk = (arg.target.value != this.xeroAccCod );
 	}
+*/
+	checkStatus( arg : any ) {
+		console.log('onChange - checkStatus');
+		console.log(arg.target.value);
+		this.saveAccOk = (arg.target.value != this.xeroAccCod );
+   }
 }