mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-19 21:06:06 +00:00
Peter Maquiran
104 lines
3.6 KiB
HTML
104 lines
3.6 KiB
HTML
<ion-header class="ion-no-border">
|
|
<app-header></app-header>
|
|
</ion-header>
|
|
|
|
|
|
<ion-header class="ion-no-border header-2">
|
|
<div class="header-content">
|
|
<div class="header-icon-left">
|
|
<button class="btn-no-color cursor-pointer" (click)="goBack()">
|
|
<ion-icon src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
|
|
</button>
|
|
</div>
|
|
<div class="header-title">
|
|
<label>Expediente</label>
|
|
</div>
|
|
<div class="btn-refresh">
|
|
<button class="btn-no-color" (click)="doRefresh($event)">
|
|
<ion-icon slot="end" class="title-icon" name="reload-circle"></ion-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</ion-header>
|
|
|
|
<ion-content>
|
|
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
|
|
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
|
|
<ion-refresher-content>
|
|
</ion-refresher-content>
|
|
</ion-refresher>
|
|
|
|
<div class="main-content d-flex height-100" >
|
|
<div class="content d-flex flex-column width-100 overflow-y-auto px-20">
|
|
|
|
<ion-list>
|
|
<div
|
|
class="expediente ion-no-padding ion-no-margin cursor-pointer"
|
|
*ngFor = "let task of expedienteStorage.list"
|
|
(click)="goToExpediente(task.SerialNumber)"
|
|
>
|
|
<div class="item width-100">
|
|
<div class="exp-top-detail">
|
|
<div class="subject">
|
|
<ion-label>{{ task.Folio }}</ion-label>
|
|
</div>
|
|
<div class="exp-icon">
|
|
<ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
|
|
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="exp-bottom-detail">
|
|
<div class="exp-remetente">
|
|
<ion-label>{{task.Senders}}</ion-label>
|
|
</div>
|
|
</div>
|
|
<div class="exp-middle-detail">
|
|
<div class="exp-workflow">
|
|
<span class="label">{{task.activityInstanceName}}</span>
|
|
</div>
|
|
<div class="exp-date">
|
|
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-list>
|
|
|
|
<div
|
|
*ngIf="!skeletonLoader && expedienteStorage.list.length == 0 && expedienteStorage.list.length == 0"
|
|
class="empty-list d-flex height-100 align-center justify-content-center"
|
|
>
|
|
<span>Lista vazia</span>
|
|
</div>
|
|
|
|
<div *ngIf="skeletonLoader && expedienteStorage.list.length == 0">
|
|
|
|
<ion-list>
|
|
<ion-item>
|
|
<ion-thumbnail slot="end">
|
|
<ion-skeleton-text animated></ion-skeleton-text>
|
|
</ion-thumbnail>
|
|
<ion-label>
|
|
<h3><ion-skeleton-text animated style="width: 50%"></ion-skeleton-text></h3>
|
|
<p><ion-skeleton-text animated style="width: 80%"></ion-skeleton-text></p>
|
|
<p><ion-skeleton-text animated style="width: 60%"></ion-skeleton-text></p>
|
|
</ion-label>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-thumbnail slot="end">
|
|
<ion-skeleton-text animated></ion-skeleton-text>
|
|
</ion-thumbnail>
|
|
<ion-label>
|
|
<h3><ion-skeleton-text animated style="width: 50%"></ion-skeleton-text></h3>
|
|
<p><ion-skeleton-text animated style="width: 80%"></ion-skeleton-text></p>
|
|
<p><ion-skeleton-text animated style="width: 60%"></ion-skeleton-text></p>
|
|
</ion-label>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</ion-content>
|