mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-18 20:47:54 +00:00
Fix skeleton loader
This commit is contained in:
@@ -57,7 +57,7 @@
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
</div>
|
||||
<div *ngIf="despachoList?.length < 1" class="overflow-y-auto height-100">
|
||||
<div *ngIf="skeletonLoader" class="overflow-y-auto height-100">
|
||||
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
|
||||
@@ -37,7 +37,7 @@ taskList:tasksList[] = [];
|
||||
taskType: string;
|
||||
serialNumber:string;
|
||||
totalDocs:any;
|
||||
loading = false
|
||||
skeletonLoader = true
|
||||
|
||||
@Input() profile:string;
|
||||
segment:string;
|
||||
@@ -99,7 +99,7 @@ goToDespachoPr(serialNumber:any){
|
||||
|
||||
this.despachoList = new Array();
|
||||
|
||||
this.loading = true;
|
||||
this.skeletonLoader = true;
|
||||
|
||||
let result = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
|
||||
console.log(result);
|
||||
@@ -143,7 +143,7 @@ goToDespachoPr(serialNumber:any){
|
||||
|
||||
this.despachoList = this.sortArrayISODate(this.despachoList).reverse()
|
||||
|
||||
this.loading = false;
|
||||
this.skeletonLoader = false;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
</div>
|
||||
<div *ngIf="despachoList.length < 1">
|
||||
<div *ngIf="skeletonLoader">
|
||||
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
|
||||
@@ -43,6 +43,7 @@ export class DespachosPage implements OnInit {
|
||||
loadedAttachments:any;
|
||||
dicIndex = 0;
|
||||
inicial = false
|
||||
skeletonLoader = true
|
||||
|
||||
constructor (
|
||||
private processes:ProcessesService,
|
||||
@@ -93,6 +94,8 @@ export class DespachosPage implements OnInit {
|
||||
|
||||
async LoadList(){
|
||||
|
||||
this.skeletonLoader = true
|
||||
|
||||
let result = await this.processes.GetTasksList("Despacho", false).toPromise();
|
||||
//let despachos = result.reverse().filter(data => data.activityInstanceName == "Despacho (Paralelo)");
|
||||
this.despachoList = new Array();
|
||||
@@ -123,7 +126,8 @@ export class DespachosPage implements OnInit {
|
||||
});
|
||||
|
||||
this.despachoList = this.sortArrayISODate(this.despachoList).reverse();
|
||||
|
||||
this.skeletonLoader = false
|
||||
|
||||
}
|
||||
|
||||
sortArrayISODate(myArray: any){
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
</ion-list>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="!diplomasList">
|
||||
<div *ngIf="skeletonLoader">
|
||||
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
|
||||
@@ -18,6 +18,7 @@ diplomasList:DailyWorkTask[] = [];
|
||||
showLoader: boolean;
|
||||
totalDocs:any;
|
||||
serialNumber:string;
|
||||
skeletonLoader = true
|
||||
|
||||
@Input() profile:string;
|
||||
@Input() segment:string;
|
||||
@@ -59,8 +60,11 @@ serialNumber:string;
|
||||
|
||||
async LoadList(){
|
||||
|
||||
this.skeletonLoader = true
|
||||
|
||||
let diplomas = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
|
||||
this.diplomasList = new Array();
|
||||
this.skeletonLoader = false
|
||||
|
||||
console.log(diplomas);
|
||||
let diplomasAssinar = diplomas.reverse().filter(data => data.activityInstanceName == "Assinar Diploma");
|
||||
|
||||
@@ -82,7 +82,7 @@
|
||||
</ion-list>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="!diplomasList">
|
||||
<div *ngIf="skeletonLoader">
|
||||
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
|
||||
@@ -17,6 +17,7 @@ diplomasList:DailyWorkTask[] = [];
|
||||
showLoader: boolean;
|
||||
totalDocs:any;
|
||||
serialNumber:string;
|
||||
skeletonLoader = false
|
||||
|
||||
@Input() segment:string;
|
||||
|
||||
@@ -46,12 +47,15 @@ constructor(
|
||||
this.alertService.presentAlert('Funcionalidade em desenvolvimento');
|
||||
}
|
||||
|
||||
async LoadList(){
|
||||
async LoadList() {
|
||||
|
||||
this.diplomasList = [];
|
||||
console.log(this.diplomasList);
|
||||
|
||||
console.log(this.segment);
|
||||
|
||||
this.skeletonLoader = true
|
||||
|
||||
let diplomas = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
|
||||
|
||||
switch (this.segment) {
|
||||
@@ -118,6 +122,8 @@ constructor(
|
||||
console.log('No segment provided!');
|
||||
break;
|
||||
}
|
||||
|
||||
this.skeletonLoader = false
|
||||
}
|
||||
|
||||
sortArrayISODate(myArray: any) {
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
</div>
|
||||
<div *ngIf="!taskslist">
|
||||
<div *ngIf="skeletonLoader">
|
||||
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
|
||||
@@ -22,7 +22,7 @@ export class ExpedientesPrPage implements OnInit {
|
||||
|
||||
taskslist:DailyWorkTask[];
|
||||
serialNumber:string;
|
||||
showLoader:boolean;
|
||||
skeletonLoader:boolean;
|
||||
|
||||
loggeduser: User;
|
||||
@Output() openExpedientDetail:EventEmitter<any> = new EventEmitter<any>();
|
||||
@@ -55,7 +55,7 @@ export class ExpedientesPrPage implements OnInit {
|
||||
}
|
||||
|
||||
LoadList(){
|
||||
this.showLoader = true;
|
||||
this.skeletonLoader = true;
|
||||
switch (this.loggeduser.Profile) {
|
||||
case 'MDGPR':
|
||||
this.processes.GetTasksList("Expediente do Presidente", false).subscribe(result => {
|
||||
@@ -81,7 +81,7 @@ export class ExpedientesPrPage implements OnInit {
|
||||
this.taskslist.push(task);
|
||||
});
|
||||
console.log(this.taskslist);
|
||||
this.showLoader = false;
|
||||
this.skeletonLoader = false;
|
||||
});
|
||||
|
||||
break;
|
||||
@@ -109,7 +109,7 @@ export class ExpedientesPrPage implements OnInit {
|
||||
this.taskslist.push(task);
|
||||
});
|
||||
console.log(this.taskslist);
|
||||
this.showLoader = false;
|
||||
this.skeletonLoader = false;
|
||||
});
|
||||
|
||||
break;
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
</div>
|
||||
<div *ngIf="!taskslist">
|
||||
<div *ngIf="skeletonLoader">
|
||||
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
|
||||
@@ -25,6 +25,7 @@ export class ExpedientsPage implements OnInit {
|
||||
serialNumber:string;
|
||||
|
||||
@Input() profile:string;
|
||||
skeletonLoader = true
|
||||
|
||||
constructor(
|
||||
private processes:ProcessesService,
|
||||
@@ -58,9 +59,14 @@ export class ExpedientsPage implements OnInit {
|
||||
this.alertService.presentAlert('Funcionalidade em desenvolvimento');
|
||||
}
|
||||
|
||||
LoadList(){
|
||||
LoadList() {
|
||||
|
||||
this.skeletonLoader = true
|
||||
|
||||
this.processes.GetTasksList("Expediente", false).subscribe(result => {
|
||||
this.taskslist = new Array();
|
||||
this.skeletonLoader = false
|
||||
|
||||
let res = result.reverse().filter(data => data.workflowInstanceDataFields.Status == "Active");
|
||||
res.forEach(element => {
|
||||
let date = new Date(element.taskStartDate);
|
||||
|
||||
@@ -98,7 +98,7 @@
|
||||
</ion-list>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="!parecerList && !deferimentoList">
|
||||
<div *ngIf="skeletonLoader">
|
||||
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
|
||||
@@ -37,6 +37,7 @@ export class PedidosPage implements OnInit {
|
||||
@Input() profile:string;
|
||||
@Input() segment:string;
|
||||
@Output() openPedido:EventEmitter<any> = new EventEmitter<any>();
|
||||
skeletonLoader = true
|
||||
|
||||
constructor(
|
||||
private router: Router,
|
||||
@@ -72,12 +73,17 @@ export class PedidosPage implements OnInit {
|
||||
}
|
||||
|
||||
async LoadList(){
|
||||
|
||||
this.skeletonLoader = true
|
||||
|
||||
if(this.segment == 'parecer'){
|
||||
this.taskType = "Pedido de Parecer";
|
||||
|
||||
let parecer = await this.processes.GetTasksList("Pedido de Parecer", false).toPromise();
|
||||
let parecerPr = await this.processes.GetTasksList("Pedido de Parecer do Presidente", false).toPromise();
|
||||
|
||||
this.skeletonLoader = false
|
||||
|
||||
let allParecer = parecer.concat(parecerPr).reverse();
|
||||
console.log(allParecer);
|
||||
|
||||
@@ -111,6 +117,7 @@ export class PedidosPage implements OnInit {
|
||||
this.taskType = "Pedido de Deferimento";
|
||||
this.processes.GetTasksList("Pedido de Deferimento", false).subscribe(result => {
|
||||
this.taskslist = result;
|
||||
this.skeletonLoader = false
|
||||
|
||||
this.deferimentoList = new Array();
|
||||
let res = result.reverse();
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
</div>
|
||||
<div *ngIf="pendentesList.length < 1">
|
||||
<div *ngIf="skeletonLoader">
|
||||
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
|
||||
@@ -21,7 +21,7 @@ export class PendentesPage implements OnInit {
|
||||
taskType: string;
|
||||
serialNumber:string;
|
||||
totalDocs:any;
|
||||
showLoader: boolean;
|
||||
skeletonLoader: boolean;
|
||||
|
||||
@Input() profile:string;
|
||||
segment:string;
|
||||
@@ -62,7 +62,7 @@ export class PendentesPage implements OnInit {
|
||||
}
|
||||
|
||||
async LoadList(){
|
||||
this.showLoader = true;
|
||||
this.skeletonLoader = true;
|
||||
this.pendentesList = new Array();
|
||||
let pendentes = await this.processes.GetPendingTasks(false).toPromise();
|
||||
|
||||
@@ -88,7 +88,7 @@ export class PendentesPage implements OnInit {
|
||||
this.pendentesList = removeDuplicate( this.pendentesList)
|
||||
this.pendentesList = this.sortArrayISODate(this.pendentesList);
|
||||
});
|
||||
this.showLoader = false;
|
||||
this.skeletonLoader = false;
|
||||
}
|
||||
|
||||
sortArrayISODate(myArray: any){
|
||||
|
||||
Reference in New Issue
Block a user