From 982bb5eac3bb0b56dccff90b1afb106bb8c62c64 Mon Sep 17 00:00:00 2001
From: Milad <miladsoft@yahoo.com>
Date: Tue, 9 Aug 2022 04:17:36 +0430
Subject: [PATCH] Adding a few lines of code to complete biometrics

---
 angular/src/app/home/home.component.html      | 33 +++++++++++--------
 angular/src/app/home/home.component.ts        |  4 +++
 .../app/wallet/create/create.component.html   |  2 +-
 3 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/angular/src/app/home/home.component.html b/angular/src/app/home/home.component.html
index 7cc948b0..3adb0a00 100644
--- a/angular/src/app/home/home.component.html
+++ b/angular/src/app/home/home.component.html
@@ -1,27 +1,34 @@
 <div class="page centered">
 
-    <img class="logo" src="assets/icon-light-128x128.png">
+  <img class="logo" src="assets/icon-light-128x128.png">
 
-    <h1>{{uiState.manifest?.name}}</h1>
-    <div class="sub-title">{{ 'App.By' | translate }} {{uiState.manifest?.author}}</div>
-    <!-- <div class="sub-title">Version {{uiState.manifest.version}}</div> -->
+  <h1>{{uiState.manifest?.name}}</h1>
+  <div class="sub-title">{{ 'App.By' | translate }} {{uiState.manifest?.author}}</div>
+  <!-- <div class="sub-title">Version {{uiState.manifest.version}}</div> -->
 
-    <h2>{{ 'App.EnterPassordToUnlock' | translate }}</h2>
+  <h2>{{ 'App.EnterPassordToUnlock' | translate }}</h2>
+
+  <p>
+    <mat-slide-toggle [(ngModel)]="biometrics" color="primary"><span *ngIf="!uiState.iOS">Use Biometrics</span><span *ngIf="uiState.iOS">Use Face ID</span></mat-slide-toggle>
+  </p>
+  
+  <div *ngIf="!biometrics">
 
     <mat-form-field appearance="outline" class="input-full-width">
-        <mat-label>{{ 'App.Password' | translate }}</mat-label>
-        <input matInput type="password" [(ngModel)]="unlockPassword" (keydown.enter)="unlock()">
+      <mat-label>{{ 'App.Password' | translate }}</mat-label>
+      <input matInput type="password" [(ngModel)]="unlockPassword" (keydown.enter)="unlock()">
     </mat-form-field>
 
     <div class="error-list">
-        <mat-chip-list *ngIf="error">
+      <mat-chip-list *ngIf="error">
 
-            <mat-chip *ngIf="error" color="warn" selected (removed)="removeError()">{{error}}
-                <mat-icon matChipRemove>cancel</mat-icon>
-            </mat-chip>
-        </mat-chip-list>
+        <mat-chip *ngIf="error" color="warn" selected (removed)="removeError()">{{error}}
+          <mat-icon matChipRemove>cancel</mat-icon>
+        </mat-chip>
+      </mat-chip-list>
     </div>
 
     <button class="wide-button" mat-flat-button color="primary" (click)="unlock()">{{ 'App.Unlock' | translate }}</button>
 
-</div>
\ No newline at end of file
+  </div>
+</div>
diff --git a/angular/src/app/home/home.component.ts b/angular/src/app/home/home.component.ts
index c09818ff..eaeeeb8e 100644
--- a/angular/src/app/home/home.component.ts
+++ b/angular/src/app/home/home.component.ts
@@ -18,6 +18,7 @@ export class HomeComponent implements OnInit, OnDestroy {
   wallet: any;
   error = '';
   sub2: any;
+  biometrics: boolean;
 
   constructor(public uiState: UIState, private translate: TranslateService, private crypto: CryptoService, private router: Router, private communication: CommunicationService, private secure: SecureStateService, public walletManager: WalletManager, private cd: ChangeDetectorRef) {
     console.log('HOME COMPONENT!');
@@ -38,6 +39,8 @@ export class HomeComponent implements OnInit, OnDestroy {
       // this.uiState.title = `Unlock ${this.walletManager.activeWallet.name}`;
       this.uiState.title = await this.translate.get('App.UnlockTitle', { value: this.walletManager.activeWallet.name }).toPromise();
 
+      this.biometrics = this.walletManager.activeWallet.biometrics
+
       if (this.secure.unlocked(this.walletManager.activeWallet?.id)) {
         console.log('Wallet already unlocked!!');
 
@@ -66,6 +69,7 @@ export class HomeComponent implements OnInit, OnDestroy {
     this.error = null;
 
     if (this.walletManager.activeWallet) {
+
       const unlocked = await this.walletManager.unlockWallet(this.walletManager.activeWallet.id, this.unlockPassword);
       // this.manager.unlock(this.uiState.activeWallet.id, this.unlockPassword);
 
diff --git a/angular/src/app/wallet/create/create.component.html b/angular/src/app/wallet/create/create.component.html
index 6a219d5f..72ebc630 100644
--- a/angular/src/app/wallet/create/create.component.html
+++ b/angular/src/app/wallet/create/create.component.html
@@ -118,7 +118,7 @@ <h1>Create a password</h1>
         <input matInput type="password" [(ngModel)]="password2" formControlName="password2Ctrl" placeholder="Confirm Password" required />
       </mat-form-field>
 
-      <!-- <p><mat-slide-toggle color="primary" formControlName="biometricsCtrl"><span *ngIf="!uiState.iOS">Use Biometrics</span><span *ngIf="uiState.iOS">Use Face ID</span></mat-slide-toggle></p> -->
+      <p><mat-slide-toggle color="primary" formControlName="biometricsCtrl"><span *ngIf="!uiState.iOS">Use Biometrics</span><span *ngIf="uiState.iOS">Use Face ID</span></mat-slide-toggle></p>
 
       <div>
         <button class="signup-button" (click)="save()" [disabled]="!passwordValidated" mat-button mat-flat-button color="primary">Save</button>