This commit is contained in:
tiago.kayaya
2022-01-18 18:34:38 +01:00
parent 117c9a59e7
commit 2e7bfb3f91
14 changed files with 53 additions and 21 deletions
@@ -1,4 +1,5 @@
<ion-header class="ion-no-border">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="main-header">
<div class="thetitle">
<ion-label *ngIf="loggeduser.Profile =='MDGPR'" >Despachos Presidenciais</ion-label>
@@ -21,12 +22,12 @@
refreshingText="A actualizar...">
</ion-refresher-content>
</ion-refresher>
<app-task-list
[taskList] = despachosprstore.list
[skeletonLoader] = skeletonLoader
(viewTaskDetail)="goToDespacho($event)"
> </app-task-list>
</ion-content>
@@ -1,8 +1,9 @@
<ion-header class="ion-no-border">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="title">
<div class="thetitle"><ion-label >Despachos</ion-label></div>
<div class="theicon">
<button class="btn-no-color" (click)="doRefresh()">
<button class="btn-no-color" (click)="refreshing()">
<ion-icon slot="end" class="title-icon font-awesome" name="reload-circle"></ion-icon>
</button>
</div>
@@ -12,6 +12,7 @@ import { DespachoService } from 'src/app/Rules/despacho.service';
export class DespachosPage implements OnInit {
despachoStore = DespachoStore;
skeletonLoader = true;
constructor (
private router: Router,
@@ -39,12 +40,15 @@ export class DespachosPage implements OnInit {
async LoadList() {
this.skeletonLoader = true;
await this.despachoRule.getList({updateStore: true})
//this.skeletonLoader = false;
}
get skeletonLoader(): boolean {
/* get skeletonLoader(): boolean {
return this.despachoRule.LoaderService.loading
}
} */
doRefresh() {
setTimeout(() => {
@@ -52,4 +56,10 @@ export class DespachosPage implements OnInit {
}, 1000);
}
refreshing() {
setTimeout(() => {
this.LoadList();
}, 1000);
}
}
@@ -1,4 +1,5 @@
<ion-header class="ion-no-border">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="title">
<div class="thetitle"><ion-label >Diplomas</ion-label></div>
<div class="theicon">
@@ -19,8 +20,8 @@
</ion-refresher>
<div class="width-100 overflow-y-auto height-100">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="main-container width-100 overflow-y-auto height-100">
<div *ngIf="diplomasList.length >= 1">
@@ -1,10 +1,13 @@
@import '~src/function.scss';
/* CONTENT */
:host{
/* :host{
padding: 30px 20px 0 20px !important;
margin: 0;
}
border: 1px solid red;
} */
.title{
padding: 30px 20px 0 20px !important;
font-family: Roboto;
font-size: 25px;
color:#000;
@@ -34,6 +37,11 @@
color: #0d89d1 !important;
}
}
.main-container{
padding: 0px 20px 0 20px !important;
margin: 0;
color:#000;
}
.item-list-small{
font-size: 11px;
overflow: hidden;
@@ -1,4 +1,5 @@
<ion-header class="ion-no-border">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="title">
<div class="thetitle"><ion-label >Diplomas</ion-label></div>
<div class="theicon">
@@ -21,7 +22,6 @@
<ion-content>
<div class="width-100 overflow-y-auto height-100" [ngSwitch]="segment">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div *ngIf="deplomasStore.diplomasList.length >= 1">
<ion-list *ngSwitchCase="'validar'">
@@ -1,4 +1,5 @@
<ion-header class="ion-no-border">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="title">
<div class="thetitle"><ion-label >Expediente</ion-label></div>
<div class="theicon">
@@ -12,7 +13,6 @@
<div class="content width-100 overflow-y-auto height-100">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<ion-list *ngIf="expedienteGdStore.list.length >= 1">
<div
class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
@@ -1,4 +1,5 @@
<ion-header class="ion-no-border">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="title">
<div class="thetitle"><ion-label >Expediente</ion-label></div>
<div class="theicon">
@@ -20,7 +21,7 @@
<div class="content width-100 overflow-y-auto height-100" >
<div >
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<ion-list *ngIf="expedientegbstore.list.length >=0">
<div
class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
@@ -1,6 +1,5 @@
<ion-content>
<div class="overflow-y-auto height-100 width-100 px-20">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div *ngIf="taskList.length >= 0">
<ion-list part="divo">
@@ -1,4 +1,5 @@
<ion-header class="ion-no-border px-20">
<ion-header class="ion-no-border">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="title">
<div class="thetitle"><ion-label >Pedidos</ion-label></div>
<div class="theicon">
@@ -28,8 +29,8 @@
</ion-refresher-content>
</ion-refresher>
<div class="width-100 overflow-y-auto height-100 px-20" [ngSwitch]="segment">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="main-container width-100 overflow-y-auto height-100 px-20" [ngSwitch]="segment">
<div *ngIf="pedidosstore.listparecer.length >= 1">
<ion-list *ngSwitchCase="'parecer'">
<!-- *ngFor = "let task of pedidosstore.listparecer; let i = index"
@@ -1,10 +1,11 @@
@import '~src/function.scss';
/* CONTENT */
:host{
/* :host{
padding: 30px 00px 0 00px !important;
margin: 0;
}
} */
.title{
padding: 30px 20px 0 20px !important;
font-family: Roboto;
font-size: 25px;
color:#000;
@@ -19,6 +20,12 @@
float: right;
}
}
.main-container{
padding: 0px 20px 0 20px !important;
margin: 0;
color:#000;
}
.item-list-small{
font-size: 11px;
overflow: hidden;
@@ -120,6 +120,7 @@ export class PedidosPage implements OnInit {
});
}
this.skeletonLoader = false
}
doRefresh() {
@@ -1,4 +1,5 @@
<ion-header class="ion-no-border px-20">
<ion-header class="ion-no-border">
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="title">
<div class="thetitle"><ion-label >Pendentes</ion-label></div>
<div class="theicon">
@@ -1,10 +1,11 @@
@import '~src/function.scss';
/* CONTENT */
:host{
/* :host{
padding: 30px 00px 0 00px !important;
margin: 0;
}
} */
.title{
padding: 30px 20px 0 20px !important;
font-family: Roboto;
font-size: 25px;
color:#000;