Add Pin

src/app/shared/pin/pin.page.ts

@@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { ModalController } from '@ionic/angular';
 import { BadRequestComponent } from '../popover/bad-request/bad-request.component';
 import { SuccessMessageComponent } from '../popover/success-message/success-message.component';
-
+import crypto  from  'crypto-js'
 @Component({
   selector: 'app-pin',
   templateUrl: './pin.page.html',
@@ -19,8 +19,10 @@ export class PinPage implements OnInit {
   setCode(code: string) {
     if(this.code.length < 4) {
       this.code.push(code)
-    } else {
-      this.clearCode()
+    }
+
+    if(this.code.length == 4) {
+      this.save()
     }
     
   }
@@ -34,11 +36,16 @@ export class PinPage implements OnInit {
     this.modalController.dismiss();
   }
 
-   async save() {
+  async save() {
     if(this.code.length == 4) {
       
       this.successMessage()
-      localStorage.setItem('PIN', this.code.join(''))
+
+      const code = this.code.join('')
+      const encrypted = crypto.SHA1(code)
+
+      localStorage.setItem('PIN', encrypted)
+
     } else {
       this.badRequest()
     }