Fairoj : pin screen lock image is stored locally

src/pages/auth/auth.html

@@ -48,7 +48,7 @@
       </mat-card-header>
       <ion-row>
           <ion-col text-center>
-              <img [src]="commonImage || '../../assets/img/misc/avatar.jpg'" alt="Circle Image" class="rounded-circle img-fluid">
+              <img [src]="commonImage" alt="Circle Image" class="rounded-circle img-fluid">
 
           </ion-col>
       </ion-row>

src/pages/auth/auth.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
-import { IonicPage, NavController, NavParams, MenuController,ToastController } from 'ionic-angular';
-import {Validators, FormBuilder, FormGroup, FormArray } from '@angular/forms';
+import {  NavController, NavParams, MenuController } from 'ionic-angular';
+import { FormBuilder, } from '@angular/forms';
 
 import { PdListPage } from '../pd-list/pd-list';
 import { CognitoServiceProvider } from '../../providers/aws-service/cognito.service';
@@ -34,7 +34,18 @@ pin:any;
   ConfirmPassword:any;
   
   constructor(public navCtrl: NavController, public navParams: NavParams,public Menu:MenuController,public fb:FormBuilder,public shared:CognitoServiceProvider,public toast:ToastProvider,public faio:FingerprintAIO,public aws:AwsServiceProvider,public loadingCtrl:LoadingProvider,public commonconstant:ConstantsProvider) {
+    let pinLockImage = localStorage.getItem('pinLockImage')
+    if(pinLockImage) {
+      this.commonImage = pinLockImage
+    }
+    else {
     this.commonImage = this.commonconstant.commonimage;
+    this.commonconstant.getBase64ImageFromUrl(this.commonImage).then((base64LockImg:string)=>{
+      if(base64LockImg) {
+        localStorage.setItem('pinLockImage',base64LockImg);
+      }
+    })
+    }
     console.log("entered")
   this.shared.refresh()
    

src/pages/login/login.ts

@@ -120,6 +120,12 @@ getCommonSettings(){
          localStorage.setItem("commonSettings",JSON.stringify(this.commonDetails.records));
    }
   })
+  // storing the pin screen lock image locally
+    this.constantProvider.getBase64ImageFromUrl(this.constantProvider.commonimage).then((base64LockImg:string)=>{
+      if(base64LockImg) {
+        localStorage.setItem('pinLockImage',base64LockImg);
+      }
+    })
   }
 getlenderpddetails()
 {

src/providers/constants/constants.ts

@@ -10,7 +10,7 @@ import { Injectable } from '@angular/core';
 */
 @Injectable()
 export class ConstantsProvider {
-  public commonimage = "http://pdgenie.com/logo/avatar.jpg";
+  public commonimage = "https://pdgenie.com/logo/avatar.jpg";
 
   constructor(public http: HttpClient) {
     console.log('Hello ConstantsProvider Provider');
@@ -96,4 +96,20 @@ export class ConstantsProvider {
       return 'credit'
       }
   }
+  async getBase64ImageFromUrl(imageUrl) {
+    var res = await fetch(imageUrl);
+    var blob = await res.blob();
+  
+    return new Promise((resolve, reject) => {
+      var reader  = new FileReader();
+      reader.addEventListener("load", function () {
+          resolve(reader.result);
+      }, false);
+  
+      reader.onerror = () => {
+        return reject(this);
+      };
+      reader.readAsDataURL(blob);
+    })
+  }
 }