diff --git a/package-lock.json b/package-lock.json
index 5662958e4..c95671e20 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -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": {
diff --git a/package.json b/package.json
index f935c76b4..a8cbb020a 100644
--- a/package.json
+++ b/package.json
@@ -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",
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 5bf13e9e9..a9a5a0c42 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -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',
diff --git a/src/app/shared/fingerprint/fingerprint-routing.module.ts b/src/app/shared/fingerprint/fingerprint-routing.module.ts
new file mode 100644
index 000000000..89698e525
--- /dev/null
+++ b/src/app/shared/fingerprint/fingerprint-routing.module.ts
@@ -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 {}
diff --git a/src/app/shared/fingerprint/fingerprint.module.ts b/src/app/shared/fingerprint/fingerprint.module.ts
new file mode 100644
index 000000000..7bc0c670b
--- /dev/null
+++ b/src/app/shared/fingerprint/fingerprint.module.ts
@@ -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 {}
diff --git a/src/app/shared/fingerprint/fingerprint.page.html b/src/app/shared/fingerprint/fingerprint.page.html
new file mode 100644
index 000000000..a8d5a4a8a
--- /dev/null
+++ b/src/app/shared/fingerprint/fingerprint.page.html
@@ -0,0 +1,60 @@
+
+
+
+
+
+
Digite o PIN novo
+
+
= 1">
+
= 2">
+
= 3">
+
= 4">
+
+
+
+
+ Limpar
+
+
+
+
+
+
diff --git a/src/app/shared/fingerprint/fingerprint.page.scss b/src/app/shared/fingerprint/fingerprint.page.scss
new file mode 100644
index 000000000..d453381dc
--- /dev/null
+++ b/src/app/shared/fingerprint/fingerprint.page.scss
@@ -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;
+}
\ No newline at end of file
diff --git a/src/app/shared/fingerprint/fingerprint.page.spec.ts b/src/app/shared/fingerprint/fingerprint.page.spec.ts
new file mode 100644
index 000000000..3368de4cd
--- /dev/null
+++ b/src/app/shared/fingerprint/fingerprint.page.spec.ts
@@ -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;
+
+ 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();
+ });
+});
diff --git a/src/app/shared/fingerprint/fingerprint.page.ts b/src/app/shared/fingerprint/fingerprint.page.ts
new file mode 100644
index 000000000..f647aaab5
--- /dev/null
+++ b/src/app/shared/fingerprint/fingerprint.page.ts
@@ -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)
+ }
+
+}
\ No newline at end of file
diff --git a/src/app/shared/pin/pin.page.ts b/src/app/shared/pin/pin.page.ts
index 4e60163f9..27f83823c 100644
--- a/src/app/shared/pin/pin.page.ts
+++ b/src/app/shared/pin/pin.page.ts
@@ -25,13 +25,12 @@ export class PinPage implements OnInit {
}
- clearCode(){
+ clearCode() {
this.code =[]
}
close() {
/* console.log(this.isEventEdited); */
- alert('close modal')
this.modalController.dismiss();
}