Add Pin

src/app/shared/pin/pin.page.html

@@ -36,26 +36,11 @@
       
     </div>
 
-    <div (click)="clearCode()" class="d-flex align-center justify-center pt-25 clear">
-      Limpar
+    <div (click)="close()" class="d-flex align-center justify-center pt-25 clear">
+      Voltar
     </div>
   </div>
 
 </ion-content>
 
 
-<ion-footer class=" footer-container ion-no-border">
-  <div class="d-flex justify-space-between">
-    <ion-buttons slot="start" >
-      <ion-button (click)="close()" class="btn-cancel" fill="clear" color="#061b52" >
-        <ion-label>Cancelar</ion-label>
-      </ion-button>
-    </ion-buttons>
-    <ion-buttons slot="end" >
-      <ion-button (click)="save()" class="btn-ok" fill="clear" color="#fff" >
-        <ion-label>Gravar</ion-label>
-      </ion-button>
-    </ion-buttons>
-  </div>
-
-</ion-footer>

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()
     }