Web offline

src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.ts

@@ -19,6 +19,7 @@ import { Platform } from '@ionic/angular';
 import { ThemeService } from 'src/app/services/theme.service'
 import { OfflineManagerService } from 'src/app/services/offline-manager.service';
 import { RouteService } from 'src/app/services/route.service';
+import { Storage } from '@ionic/storage';
 
 @Component({
   selector: 'app-approve-event',
@@ -63,7 +64,8 @@ export class ApproveEventPage implements OnInit {
     private platform: Platform,
     private backgroundservice: BackgroundService,
     public ThemeService: ThemeService,
-    private offlineManager: OfflineManagerService
+    private offlineManager: OfflineManagerService,
+    private storage: Storage
   ) {
     this.activatedRoute.paramMap.subscribe(params => {
       // console.log(params["params"]);
@@ -110,6 +112,9 @@ export class ApproveEventPage implements OnInit {
 
   addProcessToDB(data) {
     if (this.platform.is('desktop') || this.platform.is('mobileweb')) {
+      this.storage.set('approve_event_detils', data).then(() => {
+        console.log('APPROVE EVENT DETAILS SAVED')
+      })
     } else {
       this.sqliteservice.updateProcess(data);
     }
@@ -117,6 +122,20 @@ export class ApproveEventPage implements OnInit {
 
   getProcessFromDB() {
 
+    if (this.platform.is('desktop') || this.platform.is('mobileweb')) {
+      this.storage.get('approve_event_detils').then((event) => {
+        this.loadedEvent = event
+          console.log('offline event', this.loadedEvent);
+  
+          this.today = new Date(this.loadedEvent.workflowInstanceDataFields.StartDate);
+  
+          this.customDate = this.days[this.today.getDay()] + ", " + this.today.getDate() + " de " + (this.months[this.today.getMonth()]);
+  
+          let instanceId = this.loadedEvent.workflowInstanceDataFields.InstanceId;
+          this.loadedAttachments = this.loadedEvent.Documents;
+          console.log('Attatara', this.loadedAttachments)
+      })
+    } else {
       this.platform.ready().then(() => {
 
         this.sqliteservice.getProcessById(this.serialNumber).then((process) => {
@@ -180,6 +199,8 @@ export class ApproveEventPage implements OnInit {
   
         })
       })
+    }
+
     console.log('Offlineee')
   }
 

src/app/pages/gabinete-digital/event-list/event-list.page.ts

@@ -85,6 +85,17 @@ export class EventListPage implements OnInit {
 
   getEventToAproveFromDB() {
 
+    
+
+    if (this.platform.is('desktop') || this.platform.is('mobileweb')) {
+      this.storage.get('event-to-aproveMD').then((events) => {
+        this.eventsMDGPRList = events
+      })
+  
+      this.storage.get('event-to-aprovePR').then((events) => {
+        this.eventsPRList = events
+      })
+    } else {
       this.platform.ready().then(() => {
 
         this.sqliteservice.getListOfEventAprove('Agenda Oficial MDGPR', 'Agenda Pessoal MDGPR').then((event: any[]) => {
@@ -101,6 +112,10 @@ export class EventListPage implements OnInit {
   
         })
       })
+
+    }
+
+
     console.log('Offlineee')
   }
 
@@ -145,16 +160,24 @@ export class EventListPage implements OnInit {
         let mdEventsPessoal = await this.processes.GetTasksList('Agenda Pessoal MDGPR', false).toPromise();
         this.eventsMDGPRList = mdEventsOficial.concat(mdEventsPessoal);
         this.eventsMDGPRList = this.sortService.sortDate(this.eventsMDGPRList, 'taskStartDate')
+        this.eventsMDGPRList = this.sortService.sortArrayByDate(this.eventsMDGPRList)
         console.log('MD EVENT TO APROVE ONLINE',this.eventsMDGPRList)
-        this.eventaprovacaostore.resetmd(this.sortService.sortArrayByDate(this.eventsMDGPRList).reverse());
+        this.storage.set('event-to-aproveMD',this.eventsMDGPRList).then(() => {
+          console.log(' EVENTMD TO APROVE SAVED')
+        })
+        //this.eventaprovacaostore.resetmd(this.sortService.sortArrayByDate(this.eventsMDGPRList).reverse());
       }
       else if (this.segment == 'PR') {
         let prEventsOficial = await this.processes.GetTasksList('Agenda Oficial PR', false).toPromise();
         let prEventsPessoal = await this.processes.GetTasksList('Agenda Pessoal PR', false).toPromise();
         this.eventsPRList = prEventsOficial.concat(prEventsPessoal);
         this.eventsPRList = this.sortService.sortDate(this.eventsPRList, 'taskStartDate')
+        this.eventsPRList = this.sortService.sortArrayByDate(this.eventsPRList)
         console.log('PR EVENT TO APROVE ONLINE',this.eventsPRList)
-        this.eventaprovacaostore.resetpr(this.sortService.sortArrayByDate(this.eventsPRList).reverse());
+        this.storage.set('event-to-aprovePR',this.eventsPRList).then(() => {
+          console.log(' EVENTPR TO APROVE SAVED')
+        })
+        //this.eventaprovacaostore.resetpr(this.sortService.sortArrayByDate(this.eventsPRList).reverse());
       }
       this.showLoader = false;
       this.skeletonLoader = false
@@ -164,6 +187,8 @@ export class EventListPage implements OnInit {
     })
   }
 
+
+
   async openApproveModal(eventSerialNumber, event) {
     const modal = await this.modalController.create({
       component: ApproveEventModalPage,

src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.ts

@@ -33,6 +33,7 @@ import { BackgroundService } from 'src/app/services/background.service';
 import { NewGroupPage } from 'src/app/pages/chat/new-group/new-group.page';
 import { DataService } from 'src/app/services/data.service';
 import { RouteService } from 'src/app/services/route.service';
+import { Storage } from '@ionic/storage';
 
 @Component({
   selector: 'app-expediente-detail',
@@ -82,6 +83,7 @@ export class ExpedienteDetailPage implements OnInit {
     private backgroundservice: BackgroundService,
     public ThemeService: ThemeService,
     private dataService: DataService,
+    private storage: Storage
   ) {
     this.activatedRoute.paramMap.subscribe(params => {
       if (params["params"].SerialNumber) {
@@ -112,12 +114,53 @@ export class ExpedienteDetailPage implements OnInit {
 
   updateProcessDB(res) {
     if (this.platform.is('desktop') || this.platform.is('mobileweb')) {
+      this.storage.set('expediente_details',res).then(() =>{
+        console.log('EXPEDIENTE DETAILS SAVED')
+      })
     } else {
       this.sqliteservice.updateProcess(res)
     }
   }
   getFromDB() {
+    if (this.platform.is('desktop') || this.platform.is('mobileweb')) {
+      this.storage.get('expediente_details').then((process) => {
+        this.task = {
+          "SerialNumber": process.serialNumber,
+          "Folio": process.workflowInstanceDataFields.Subject,
+          "Senders": process.originator || process.originator,
+          "CreateDate": momentG(new Date(process.taskStartDate), 'yyyy-MM-dd HH:mm:ss'),
+          "DocumentURL": process.workflowInstanceDataFields.ViewerRequest,
+          "Remetente": process.workflowInstanceDataFields.Sender,
+          "Note": process.workflowInstanceDataFields.TaskMessage || process.workflowInstanceDataFields.Note,
+          "FolderId": process.workflowInstanceDataFields.FolderID,
+          "FsId": process.workflowInstanceDataFields.FsId,
+          "DocId": process.workflowInstanceDataFields.DocID,
+          "WorkflowName": process.workflowDisplayName,
+          "Status": process.workflowInstanceDataFields.Status,
+          "DispatchNumber": process.workflowInstanceDataFields.DispatchNumber,
+          "AttachmentsProcessLastInstanceID": process.workflowInstanceDataFields.AttachmentsProcessLastInstanceID,
+          "InstanceID": process.workflowInstanceDataFields.InstanceID
+        }
 
+        this.fulltask = {
+          Documents: process.Documents,
+          actions: process.actions,
+          activityInstanceName: process.activityInstanceName,
+          formURL: process.formURL,
+          interveners: process.interveners,
+          originator: process.originator,
+          serialNumber: process.serialNumber,
+          taskStartDate: process.taskStartDate,
+          totalDocuments: process.totalDocuments,
+          workflowDisplayName: process.workflowDisplayName,
+          workflowID: process.workflowID,
+          workflowInstanceDataFields: process.workflowInstanceDataFields,
+          workflowInstanceFolio: process.workflowInstanceFolio,
+          workflowInstanceID: process.workflowInstanceID,
+          workflowName: process.workflowName,
+        }
+      })
+    } else {
       this.platform.ready().then(() => {
         this.onlinecheck = false;
         this.sqliteservice.getProcessById(this.serialNumber).then((process) => {
@@ -171,6 +214,8 @@ export class ExpedienteDetailPage implements OnInit {
       })
     }
     
+  }
+
 
   async approve(note: string, documents: any) {
     let body = {

src/app/pages/gabinete-digital/expediente/expediente.page.ts

@@ -9,6 +9,7 @@ import { Platform } from '@ionic/angular';
 import { BackgroundService } from '../../../services/background.service';
 import { ThemeService } from 'src/app/services/theme.service'
 import { SortService } from 'src/app/services/functions/sort.service';
+import {Storage } from '@ionic/storage';
 
 @Component({
   selector: 'app-expediente',
@@ -40,6 +41,7 @@ export class ExpedientePage implements OnInit {
     private backgroundservice: BackgroundService,
     public ThemeService: ThemeService,
     private sortService: SortService,
+    private storage: Storage
   ) { }
 
   ngOnInit() {
@@ -112,37 +114,21 @@ export class ExpedientePage implements OnInit {
 
   addProcessTODb(task) {
     if (this.platform.is('desktop') || this.platform.is('mobileweb')) {
+      this.storage.set('gabinete-expediente',task).then(() => {
+        console.log('GABINETE EXPEDIENTE SAVED')
+      })
     } else {
       this.sqliteservice.addProcess(task);
     }
   }
 
-  SqliteAddExpediente(list) {
-    list.forEach((expediente) => {
-      let data = {
-        serialNumber: expediente.serialNumber,
-        workflowInstanceFolio: expediente.workflowInstanceFolio,
-        Documents: expediente.Documents,
-        actions: expediente.actions,
-        activityInstanceName: expediente.activityInstanceName,
-        formURL: expediente.formURL,
-        originator: expediente.originator,
-        taskStartDate: expediente.taskStartDate,
-        totalDocuments: expediente.totalDocuments,
-        workflowDisplayName: expediente.workflowDisplayName,
-        workflowID: expediente.workflowID,
-        workflowInstanceDataFields: expediente.workflowInstanceDataFields,
-        workflowInstanceID: expediente.workflowInstanceID,
-        workflowName: expediente.workflowName
-      }
-
-      this.sqliteservice.addExpediente(data);
-    })
-
-  }
-
   getEventsFromLocalDb() {
 
+    if (this.platform.is('desktop') || this.platform.is('mobileweb')) {
+      this.storage.get('gabinete-expediente').then((expediente) => {
+        this.listToPresent = expediente
+      })
+    } else {
       this.taskslist = new Array();
       this.sqliteservice.getprocessByworkflow("Expediente").then((expediente: any[]) => {
         console.log("All expedientes from local,", expediente)
@@ -170,5 +156,6 @@ export class ExpedientePage implements OnInit {
   
       })
     }
+  }
 
 }

src/app/pages/gabinete-digital/pendentes/pendentes.page.ts

@@ -14,6 +14,7 @@ import { SqliteService } from 'src/app/services/sqlite.service';
 import { BackgroundService } from 'src/app/services/background.service';
 import { Platform } from '@ionic/angular';
 import { SortService } from 'src/app/services/functions/sort.service';
+import { Storage } from '@ionic/storage';
 
 
 @Component({
@@ -47,6 +48,7 @@ export class PendentesPage implements OnInit {
     private platform: Platform,
     private backgroundservices: BackgroundService,
     private sortService: SortService,
+    private storage: Storage
   ) {
     this.loggeduser = authService.ValidatedUser;
     this.profile = 'mdgpr';
@@ -104,6 +106,9 @@ export class PendentesPage implements OnInit {
       pendentesList = removeDuplicate(pendentesList)
       pendentesList = this.sortService.sortDate(pendentesList, 'CreateDate');
       this.listToPresent = pendentesList;
+      this.storage.set('pendente-list',pendentesList).then(() => {
+        console.log('Pendente list SAVED')
+      })
       this.skeletonLoader = false;
 
     }, (error) => {
@@ -116,6 +121,12 @@ export class PendentesPage implements OnInit {
 
   getFromDb() {
 
+    if (this.platform.is('desktop') || this.platform.is('mobileweb')) {
+      this.storage.get('pendente-list').then((pendentes) => {
+        this.listToPresent =pendentes
+      })
+    } else {
+
       this.platform.ready().then(() => {
         this.sqliteservice.getAllProcess().then((process: any[]) => {
           var pendingList = []
@@ -145,6 +156,7 @@ export class PendentesPage implements OnInit {
         })
       })
     }
+  }
 
   async refreshing() {
     setTimeout(() => {

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.html

@@ -28,12 +28,12 @@
 
     <div *ngSwitchCase="'MDGPR'" class="height-100">
 
-      <div *ngIf="eventaprovacaostore.listmd.length != 0">
+      <div *ngIf="eventsMDGPRList.length != 0">
 
         <ion-list class="width-100"  >
           <div
             class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
-            *ngFor="let event of eventaprovacaostore.listmd"
+            *ngFor="let event of eventsMDGPRList"
             (click)="goToEventDetail(event)"
           >
             <!-- (click)="openApproveModal(event)" -->
@@ -52,7 +52,7 @@
         </ion-list>
       </div>
 
-      <div  *ngIf="eventaprovacaostore.listmd.length == 0" class="centered-div">
+      <div  *ngIf="eventsMDGPRList.length == 0" class="centered-div">
         <div *ngSwitchCase="'MDGPR'" >
           <div class="d-flex height-90 align-center justify-content-center"
             >
@@ -62,12 +62,12 @@
       </div>
   </div>
   <div *ngSwitchCase="'PR'">
-    <div *ngIf="eventaprovacaostore.listpr.length != 0">
+    <div *ngIf="eventsPRList.length != 0">
       <ion-list class="width-100" *ngSwitchCase="'PR'">
-        <div class="width-100" *ngIf="eventaprovacaostore.listpr">
+        <div class="width-100" *ngIf="eventsPRList">
           <div
             class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
-            *ngFor="let event of eventaprovacaostore.listpr"
+            *ngFor="let event of eventsPRList"
             (click)="goToEventDetail(event)"
           >
             <div class="item event-pr-{{event.workflowInstanceDataFields.Agenda}} width-100">
@@ -87,10 +87,10 @@
 
     </div>
 
-    <div  *ngIf="eventaprovacaostore.listpr.length == 0" class="centered-div d-flex height-90 align-center justify-content-center">
+    <div  *ngIf="eventsPRList.length == 0" class="centered-div d-flex height-90 align-center justify-content-center">
       <div *ngSwitchCase="'PR'" >
         <div class="d-flex align-center justify-content-center"
-          *ngIf="eventaprovacaostore.listpr.length < 1">
+          *ngIf="eventsPRList.length < 1">
           Lista vazia
         </div>
       </div>

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.ts

@@ -8,6 +8,7 @@ import { LoginUserRespose } from 'src/app/models/user.model';
 import { AuthService } from 'src/app/services/auth.service';
 import { EventoAprovacaoStore } from 'src/app/store/eventoaprovacao-store.service';
 import { SortService } from 'src/app/services/functions/sort.service';
+import { Storage } from '@ionic/storage';
 
 @Component({
   selector: 'app-events-to-approve',
@@ -33,6 +34,7 @@ export class EventsToApprovePage implements OnInit {
     private router: Router,
     private userAuth: AuthService,
     private sortService: SortService,
+    private storage: Storage
     )
     {
       this.loggeduser = userAuth.ValidatedUser;
@@ -63,25 +65,46 @@ export class EventsToApprovePage implements OnInit {
   async LoadToApproveEvents() {
     this.showLoader = true;
     console.log(this.segment);
+    this.getFromDB();
     if(this.segment == 'MDGPR'){
       let mdEventsOficial = await this.processes.GetTasksList('Agenda Oficial MDGPR', false).toPromise();
       let mdEventsPessoal = await this.processes.GetTasksList('Agenda Pessoal MDGPR', false).toPromise();
       this.eventsMDGPRList = mdEventsOficial.concat(mdEventsPessoal);
+      this.eventsMDGPRList = this.sortService.sortArrayByDate(this.eventsMDGPRList)
       console.log(this.sortService.sortArrayByDate(this.eventsMDGPRList));
 
-      this.eventaprovacaostore.resetmd(this.sortService.sortDate(this.eventsMDGPRList, 'CreateDate'));
+      this.storage.set('event-to-aproveMD',this.eventsMDGPRList).then(() => {
+        console.log(' EVENTMD TO APROVE SAVED')
+      })
+
+      //this.eventaprovacaostore.resetmd(this.sortService.sortDate(this.eventsMDGPRList, 'CreateDate'));
     }
     else if(this.segment == 'PR'){
       let prEventsOficial = await this.processes.GetTasksList('Agenda Oficial PR', false).toPromise();
       let prEventsPessoal = await this.processes.GetTasksList('Agenda Pessoal PR', false).toPromise();
       this.eventsPRList = prEventsOficial.concat(prEventsPessoal);
+      this.eventsPRList = this.sortService.sortArrayByDate(this.eventsPRList)
       
-      this.eventaprovacaostore.resetpr(this.sortService.sortDate(this.eventsPRList, 'CreateDate'));
+      this.storage.set('event-to-aprovePR',this.eventsPRList).then(() => {
+        console.log(' EVENTPR TO APROVE SAVED')
+      })
+      //this.eventaprovacaostore.resetpr(this.sortService.sortDate(this.eventsPRList, 'CreateDate'));
     }
     this.showLoader = false;
   }
 
 
+  getFromDB() {
+    this.storage.get('event-to-aproveMD').then((events) => {
+      this.eventsMDGPRList = events
+    })
+
+    this.storage.get('event-to-aprovePR').then((events) => {
+      this.eventsPRList = events
+    })
+  }
+
+
   toDateString(e) {
     return new Date(e).toDateString()
   }

src/app/shared/gabinete-digital/expedients/expedients.page.html

@@ -22,10 +22,10 @@
   <div class="content width-100 overflow-y-auto height-100" >
     <div >
 
-      <ion-list *ngIf="expedientegbstore.list.length >=0">
+      <ion-list *ngIf="taskslist.length >=0">
         <div
           class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
-          *ngFor = "let task of expedientegbstore.list"
+          *ngFor = "let task of taskslist"
           (click)="goToExpediente(task.SerialNumber)"
         >
           <div class="item width-100">
@@ -58,13 +58,13 @@
     </div>
 
     <div
-      *ngIf="!skeletonLoader && expedientegbstore.list.length == 0 && expedientegbstore.list.length == 0"
+      *ngIf="!skeletonLoader && taskslist.length == 0 && taskslist.length == 0"
       class="empty-list d-flex height-100 align-center justify-content-center"
     >
       <span>Lista vazia</span>
     </div>
 
-    <div *ngIf="skeletonLoader && expedientegbstore.list.length == 0">
+    <div *ngIf="skeletonLoader && taskslist.length == 0">
 
       <ion-list>
         <ion-item>

src/app/shared/gabinete-digital/expedients/expedients.page.ts

@@ -6,6 +6,7 @@ import { ExpedienteGdStore } from 'src/app/store/expedientegd-store.service';
 import { ExpedienteTaskPipe } from 'src/app/pipes/expediente-task.pipe';
 import { ThemeService } from 'src/app/services/theme.service'
 import { SortService } from 'src/app/services/functions/sort.service';
+import { Storage } from '@ionic/storage';
 
 @Component({
   selector: 'app-expedients',
@@ -30,6 +31,7 @@ export class ExpedientsPage implements OnInit {
     private router: Router,
     public ThemeService: ThemeService,
     private sortService: SortService,
+    private storage: Storage
   ) {
     this.profile = 'mdgpr';
 
@@ -75,12 +77,26 @@ export class ExpedientsPage implements OnInit {
         this.taskslist.push(task);
 
       });
-
       this.taskslist = this.sortService.sortDate(this.taskslist, 'CreateDate')
+      this.addProcessTODb(this.taskslist);
       this.expedientegbstore.reset(this.taskslist);
+    }, (error) => {
+      this.getEventsFromLocalDb();
     });
   }
 
+  addProcessTODb(task) {
+    this.storage.set('gabinete-expediente', task).then(() => {
+      console.log('GABINETE EXPEDIENTE SAVED')
+    })
+  }
+
+  getEventsFromLocalDb() {
+    this.storage.get('gabinete-expediente').then((expediente) => {
+      this.taskslist = expediente
+    })
+  }
+
     doRefresh() {
       setTimeout(() => {
         this.LoadList();

src/app/shared/gabinete-digital/pendentes/pendentes.page.html

@@ -20,7 +20,7 @@
   </ion-refresher>
 
   <app-task-list
-    [taskList] = pendentesstore.list
+    [taskList] = listToPresent
     [skeletonLoader] = skeletonLoader
     (viewTaskDetail)="viewTaskDetails($event)"
   > </app-task-list>

src/app/shared/gabinete-digital/pendentes/pendentes.page.ts

@@ -8,6 +8,7 @@ import { PendentesStore } from 'src/app/store/pendestes-store.service';
 import { LoginUserRespose } from 'src/app/models/user.model';
 import { CustomTaskPipe } from 'src/app/pipes/custom-task.pipe';
 import { SortService } from 'src/app/services/functions/sort.service';
+import { Storage } from '@ionic/storage';
 
 @Component({
   selector: 'app-pendentes',
@@ -20,6 +21,7 @@ export class PendentesPage implements OnInit {
   pendentesstore = PendentesStore;
   customTaskPipe = new CustomTaskPipe()
   loggeduser: LoginUserRespose;
+  listToPresent = [];
 
   @Input() profile:string;
   segment:string;
@@ -30,6 +32,7 @@ export class PendentesPage implements OnInit {
     private authService: AuthService,
     private router: Router,
     private sortService: SortService,
+    private storage: Storage
     ) {
       this.loggeduser = authService.ValidatedUser;
     }
@@ -52,7 +55,7 @@ export class PendentesPage implements OnInit {
 
   async LoadList(){
     this.skeletonLoader = true;
-
+    this.processes.GetPendingTasks(false).subscribe(async res => {
     let pendentes = await this.processes.GetPendingTasks(false).toPromise();
     let pendentesList = [];
 
@@ -64,8 +67,23 @@ export class PendentesPage implements OnInit {
     pendentesList = removeDuplicate( pendentesList)
     pendentesList = this.sortService.sortDate(pendentesList, 'CreateDate')
 
+    this.listToPresent = pendentesList
     this.pendentesstore.reset(pendentesList);
+    this.storage.set('pendente-list',pendentesList).then(() => {
+      console.log('Pendente list SAVED')
+    })
     this.skeletonLoader = false;
+  }, (error) => {
+    if(error.status == 0){
+      this.getFromDb();
+    }
+  })
+}
+
+getFromDb() {
+    this.storage.get('pendente-list').then((pendentes) => {
+      this.listToPresent =pendentes
+    })
 }
 
   doRefresh() {