Fix scrollbar and skeleton loeader

This commit is contained in:
Peter Maquiran
2021-07-16 15:01:32 +01:00
parent f2f08f6964
commit 144444e1b2
17 changed files with 79 additions and 90 deletions
@@ -13,28 +13,28 @@
<div class="width-100 overflow-y-auto height-100" *ngIf="taskslist.length >= 1">
<ion-list>
<ion-item
class="expediente ion-no-padding cursor-pointer"
*ngFor = "let task of taskslist"
(click)="goToExpediente(task.SerialNumber)"
>
<div class="item width-100">
<div class="exp-top-detail">
<div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yy' }}</ion-label>
</div>
<div class="exp-remetente">
<ion-label>{{task.Remetente}}</ion-label>
</div>
<div class="exp-icon">
<ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<label></label>
</div>
</div>
<div class="exp-bottom-detail">
<ion-label>{{ task.Folio }}</ion-label>
</div>
class="expediente ion-no-padding cursor-pointer"
*ngFor = "let task of taskslist"
(click)="goToExpediente(task.SerialNumber)"
>
<div class="item width-100">
<div class="exp-top-detail">
<div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yy' }}</ion-label>
</div>
</ion-item>
<div class="exp-remetente">
<ion-label>{{task.Remetente}}</ion-label>
</div>
<div class="exp-icon">
<ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<label></label>
</div>
</div>
<div class="exp-bottom-detail">
<ion-label>{{ task.Folio }}</ion-label>
</div>
</div>
</ion-item>
</ion-list>
</div>
<div *ngIf="skeletonLoader && taskslist.length == 0">
@@ -62,8 +62,10 @@ export class ExpedientesPrPage implements OnInit {
case 'MDGPR':
this.processes.GetTasksList("Expediente do Presidente", false).subscribe(result => {
console.log(result);
this.taskslist = new Array();
this.taskslist = []
let res = result.reverse().filter(data => data.workflowInstanceDataFields.Status == "Active");
res.forEach(element => {
let date = new Date(element.taskStartDate);
date.setMonth(date.getMonth() + 1);
@@ -81,8 +83,8 @@ export class ExpedientesPrPage implements OnInit {
"Status": element.workflowInstanceDataFields.Status,
}
this.taskslist.push(task);
});
console.log(this.taskslist);
});
this.skeletonLoader = false;
});
@@ -90,7 +92,7 @@ export class ExpedientesPrPage implements OnInit {
case 'PR':
this.processes.GetTasksList("Expediente do Presidente", false).subscribe(result => {
console.log(result);
this.taskslist = new Array();
this.taskslist = [];
let res = result.reverse().filter(data => data.workflowInstanceDataFields.Status == "Active");
res.forEach(element => {
let date = new Date(element.taskStartDate);
@@ -109,8 +111,7 @@ export class ExpedientesPrPage implements OnInit {
"Status": element.workflowInstanceDataFields.Status,
}
this.taskslist.push(task);
});
console.log(this.taskslist);
});
this.skeletonLoader = false;
});