FingerPrint fixe

2026-04-18 20:47:54 +00:00 · 2021-05-28 06:33:30 +01:00
parent 7066e7db74
commit 87b900df98
10 changed files with 348 additions and 19 deletions
@@ -2074,6 +2074,11 @@
        "@types/cordova": "^0.0.34"
      }
    },
+    "@ionic-native/fingerprint-aio": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@ionic-native/fingerprint-aio/-/fingerprint-aio-4.20.0.tgz",
+      "integrity": "sha512-DhdXVG7gdBtCwYHDAsNazIcMlyt6X968ilA/5Rt8uFd+xN4Un5gZteOJCVn9xWDC/ZqhO/QAq2M0BIGyEhzW0g=="
+    },
    "@ionic-native/http": {
      "version": "5.31.1",
      "resolved": "https://registry.npmjs.org/@ionic-native/http/-/http-5.31.1.tgz",
@@ -4543,16 +4548,30 @@
      }
    },
    "browserslist": {
-      "version": "4.16.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
-      "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+      "version": "4.16.6",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.6.tgz",
+      "integrity": "sha512-Wspk/PqO+4W9qp5iUTJsa1B/QrYn1keNCcEP5OvP7WBwT4KaDly0uONYmC6Xa3Z5IqnUgS0KcgLYu1l74x0ZXQ==",
      "dev": true,
      "requires": {
-        "caniuse-lite": "^1.0.30001181",
-        "colorette": "^1.2.1",
-        "electron-to-chromium": "^1.3.649",
+        "caniuse-lite": "^1.0.30001219",
+        "colorette": "^1.2.2",
+        "electron-to-chromium": "^1.3.723",
        "escalade": "^3.1.1",
-        "node-releases": "^1.1.70"
+        "node-releases": "^1.1.71"
+      },
+      "dependencies": {
+        "caniuse-lite": {
+          "version": "1.0.30001230",
+          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001230.tgz",
+          "integrity": "sha512-5yBd5nWCBS+jWKTcHOzXwo5xzcj4ePE/yjtkZyUV1BTUmrBaA9MRGC+e7mxnqXSA90CmCA8L3eKLaSUkt099IQ==",
+          "dev": true
+        },
+        "colorette": {
+          "version": "1.2.2",
+          "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.2.tgz",
+          "integrity": "sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==",
+          "dev": true
+        }
      }
    },
    "browserstack": {
@@ -5798,6 +5817,12 @@
      "resolved": "https://registry.npmjs.org/cordova-plugin-filepath/-/cordova-plugin-filepath-1.5.8.tgz",
      "integrity": "sha512-DhMVM9lkndPWQ+lI8Um0Yq648MBKWpNe/3PW057g4wuFrnAz/9nR8Qs4bjYt/yxwxMX/VMZC59qXOcksd2JYuw=="
    },
+    "cordova-plugin-fingerprint-aio": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-fingerprint-aio/-/cordova-plugin-fingerprint-aio-4.0.2.tgz",
+      "integrity": "sha512-Mmm/Ee85s4JH7qL3yikQ2J2I2vY2XbNi1fttoEK2kI++YHr/WeqPHWGREFL7bmFYjZTph/JovhfWHPGV924WjQ==",
+      "dev": true
+    },
    "cordova-plugin-globalization": {
      "version": "1.11.0",
      "resolved": "https://registry.npmjs.org/cordova-plugin-globalization/-/cordova-plugin-globalization-1.11.0.tgz",
@@ -8361,9 +8386,9 @@
      "dev": true
    },
    "dns-packet": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.1.tgz",
-      "integrity": "sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
+      "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
      "dev": true,
      "requires": {
        "ip": "^1.1.0",
@@ -8478,9 +8503,9 @@
      "dev": true
    },
    "electron-to-chromium": {
-      "version": "1.3.672",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.672.tgz",
-      "integrity": "sha512-gFQe7HBb0lbOMqK2GAS5/1F+B0IMdYiAgB9OT/w1F4M7lgJK2aNOMNOM622aEax+nS1cTMytkiT0uMOkbtFmHw==",
+      "version": "1.3.741",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.741.tgz",
+      "integrity": "sha512-4i3T0cwnHo1O4Mnp9JniEco8bZiXoqbm3PhW5hv7uu8YLg35iajYrRnNyKFaN8/8SSTskU2hYqVTeYVPceSpUA==",
      "dev": true
    },
    "elementtree": {
@@ -12520,9 +12545,9 @@
      }
    },
    "node-releases": {
-      "version": "1.1.70",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.70.tgz",
-      "integrity": "sha512-Slf2s69+2/uAD79pVVQo8uSiC34+g8GWY8UH2Qtqv34ZfhYrxpYpfzs9Js9d6O0mbDmALuxaTlplnBTnSELcrw==",
+      "version": "1.1.72",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.72.tgz",
+      "integrity": "sha512-LLUo+PpH3dU6XizX3iVoubUNheF/owjXCZZ5yACDxNnPtgFuludV1ZL3ayK1kVep42Rmm0+R9/Y60NQbZ2bifw==",
      "dev": true
    },
    "noop-logger": {
@@ -30,6 +30,7 @@
    "@ionic-native/core": "^5.0.7",
    "@ionic-native/file": "^5.30.0",
    "@ionic-native/file-path": "^5.30.0",
+    "@ionic-native/fingerprint-aio": "^4.20.0",
    "@ionic-native/http": "^5.31.1",
    "@ionic-native/in-app-browser": "^5.28.0",
    "@ionic-native/ionic-webview": "^5.30.0",
@@ -88,6 +89,7 @@
    "cordova-plugin-dialogs": "^2.0.2",
    "cordova-plugin-fcm-with-dependecy-updated": "^7.2.0",
    "cordova-plugin-file": "^6.0.2",
+    "cordova-plugin-fingerprint-aio": "^4.0.2",
    "cordova-plugin-globalization": "^1.11.0",
    "cordova-plugin-inappbrowser": "^4.0.0",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
@@ -132,7 +134,8 @@
        "ANDROID_GRADLE_TOOLS_VERSION": "3.5.3",
        "ANDROID_GOOGLE_SERVICES_VERSION": "4.3.3",
        "ANDROID_DEFAULT_NOTIFICATION_ICON": "@mipmap/ic_launcher"
-      }
+      },
+      "cordova-plugin-fingerprint-aio": {}
    },
    "platforms": [
      "browser",
@@ -112,6 +112,10 @@ const routes: Routes = [
    path: 'pin',
    loadChildren: () => import('./shared/pin/pin.module').then( m => m.PinPageModule)
  },
+  {
+    path: 'fingerprint',
+    loadChildren: () => import('./shared/fingerprint/fingerprint.module').then( m => m.FingerprintPageModule)
+  },

 /*  {
    path: 'chat',
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { FingerprintPage } from './fingerprint.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: FingerprintPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class FingerprintPageRoutingModule {}
@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { FingerprintPageRoutingModule } from './fingerprint-routing.module';
+
+import { FingerprintPage } from './fingerprint.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    FingerprintPageRoutingModule
+  ],
+  declarations: [FingerprintPage]
+})
+export class FingerprintPageModule {}
@@ -0,0 +1,60 @@
+
+<ion-content>
+  
+  <div class="main-content d-flex flex-column align-center justify-center">
+    <div class="div-top-header">
+
+      <div class="div-logo">
+        <img src='assets/images/logo-bg.png' alt='logo'>
+      </div>
+
+    </div>
+    <ion-title class="title">Digite o PIN novo</ion-title>
+    <div class="d-flex pt-25">
+      <div class="dot" [class.dot-active]="code.length >= 1"></div>
+      <div class="dot" [class.dot-active]="code.length >= 2"></div>
+      <div class="dot" [class.dot-active]="code.length >= 3"></div>
+      <div class="dot"[class.dot-active]="code.length >= 4"></div>
+    </div>
+    <div class="terminal">
+
+      <div class="d-flex">
+        <div class="circle" (click)="setCode('1')">1</div> <div class="circle" (click)="setCode('2')">2</div> <div class="circle" (click)="setCode('3')">3</div>
+      </div>
+
+      <div class="d-flex">
+        <div class="circle" (click)="setCode('4')">4</div> <div class="circle" (click)="setCode('5')">5</div> <div class="circle" (click)="setCode('6')">6</div>
+      </div>
+
+      <div class="d-flex">
+        <div class="circle" (click)="setCode('7')">7</div> <div class="circle" (click)="setCode('8')">8</div> <div class="circle" (click)="setCode('9')">9</div>
+      </div>
+
+      <div class="d-flex align-center justify-center">
+        <div class="circle" (click)="setCode('0')">0</div>
+      </div>
+      
+    </div>
+
+    <div (click)="clearCode()" class="d-flex align-center justify-center pt-25 clear">
+      Limpar
+    </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>
@@ -0,0 +1,75 @@
+@import '~src/function.scss';
+
+.div-top-header{
+  margin: 0 em(20px);
+  padding-top: em(15px);
+  border: 0!important;
+}
+
+.div-logo{
+  background: transparent;
+  width: em(140px);
+  justify-content: center;
+  display: flex;
+}
+.div-logo img{
+  width: 100%;
+  margin: 0px auto;
+}
+
+:host{
+    text-align: center;
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    background-image: url("/assets/background/auth.svg");
+    background-size: 686px 674px;
+    background-position: center;
+    background-position-y: 78px;
+    background-repeat: no-repeat;
+}
+
+
+.circle{
+    color: white;
+    width: 70px;
+    height: 70px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 19pt;
+    background: #44b5ea;
+    border-radius: 56px;
+    margin-left: 30px;
+    margin-bottom: 15px;
+}
+
+.title{
+    padding-top: 32px;
+}
+
+.terminal {
+    padding-top: 112px;
+    margin-left: -30px;
+}
+
+.clear{
+    color: #44b5ea;
+    font-size: 12pt;
+}
+.dot-active{
+    background: #44b5ea;
+}
+
+.dot{
+    width: 25px;
+    height: 25px;
+    margin: 0 10px 0 0;
+    border: 3px solid #44b5ea;
+    box-sizing: border-box;
+    border-radius: 50px;
+    -webkit-border-radius: 50px;
+    -moz-border-radius: 50px;
+    -ms-border-radius: 50px;
+    -o-border-radius: 50px;
+}
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { FingerprintPage } from './fingerprint.page';
+
+describe('FingerprintPage', () => {
+  let component: FingerprintPage;
+  let fixture: ComponentFixture<FingerprintPage>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FingerprintPage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FingerprintPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,102 @@
+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 { FingerprintAIO } from '@ionic-native/fingerprint-aio';
+
+@Component({
+  selector: 'app-fingerprint',
+  templateUrl: './fingerprint.page.html',
+  styleUrls: ['./fingerprint.page.scss'],
+})
+export class FingerprintPage implements OnInit {
+
+  constructor( private modalController: ModalController,
+    private faio: FingerprintAIO) { 
+  }
+
+  ngOnInit() {
+  }
+
+  login() {
+    this.faio.show({
+      clientId: 'Fingerprint-Demo',
+      clientSecret: 'password', //Only necessary for Android
+      disableBackup:true,  //Only for Android(optional)
+      localizedFallbackTitle: 'Use Pin', //Only for iOS
+      localizedReason: 'Please authenticate' //Only for iOS
+    })
+    .then((FingerPrintHash: any) => {
+      console.log(FingerPrintHash)
+
+      const storedFinderPrint =  localStorage.getItem('FingerPrintHash')
+      if(FingerPrintHash == storedFinderPrint) {
+
+      }
+    })
+    .catch((error: any) => {
+      console.log(error)
+    });
+  }
+
+  close() {
+    /* console.log(this.isEventEdited); */
+    this.modalController.dismiss();
+  }
+
+   async save() {
+
+    this.faio.show({
+      clientId: 'Fingerprint-Demo',
+      clientSecret: 'password', //Only necessary for Android
+      disableBackup:true,  //Only for Android(optional)
+      localizedFallbackTitle: 'Use Pin', //Only for iOS
+      localizedReason: 'Please authenticate' //Only for iOS
+    })
+    .then((FingerPrintHash: any) => {
+      this.successMessage()
+      localStorage.setItem('FingerPrintHash', FingerPrintHash)
+    })
+    .catch((error: any) => {
+      this.badRequest()
+    });
+
+  }
+
+  async successMessage(message?: string) {
+    
+    const modal = await this.modalController.create({
+      component: SuccessMessageComponent,
+       componentProps: {
+        message: message || 'Processo efetuado' ,
+      },
+      cssClass: 'modal modal-desktop'
+    });
+
+    modal.present()
+    
+    setTimeout(()=>{
+
+      this.close()
+      modal.dismiss()
+    },3000)
+    
+  }
+
+  async badRequest(message?: string) {
+    const modal = await this.modalController.create({
+      component: BadRequestComponent,
+       componentProps: {
+        message: message || 'Processo não efetuado' ,
+      },
+      cssClass: 'modal modal-desktop'
+    });
+
+    modal.present()
+    
+    setTimeout(()=>{
+      modal.dismiss()
+    },3000)
+  }
+
+}
@@ -25,13 +25,12 @@ export class PinPage implements OnInit {
    
  }

-  clearCode(){
+  clearCode() {
    this.code =[]
  }

  close() {
    /* console.log(this.isEventEdited); */
-    alert('close modal')
    this.modalController.dismiss();
  }