fix for ios

This commit is contained in:
Lorito Tiago
2023-07-27 12:58:01 +01:00
parent d31394ad39
commit 535b8f852d
16 changed files with 2032 additions and 1776 deletions
+4 -4
View File
@@ -363,13 +363,13 @@
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution"; "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
CODE_SIGN_STYLE = Manual; CODE_SIGN_STYLE = Manual;
CURRENT_PROJECT_VERSION = 1; CURRENT_PROJECT_VERSION = 2;
DEVELOPMENT_TEAM = ""; DEVELOPMENT_TEAM = "";
"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 94BRNM2LSS; "DEVELOPMENT_TEAM[sdk=iphoneos*]" = 94BRNM2LSS;
INFOPLIST_FILE = App/Info.plist; INFOPLIST_FILE = App/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 13.0; IPHONEOS_DEPLOYMENT_TARGET = 13.0;
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
MARKETING_VERSION = 1.2; MARKETING_VERSION = 2.0.1;
OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\""; OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
PRODUCT_BUNDLE_IDENTIFIER = com.gpr.gabinetedigital.teste; PRODUCT_BUNDLE_IDENTIFIER = com.gpr.gabinetedigital.teste;
PRODUCT_NAME = "$(TARGET_NAME)"; PRODUCT_NAME = "$(TARGET_NAME)";
@@ -388,13 +388,13 @@
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution"; "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
CODE_SIGN_STYLE = Manual; CODE_SIGN_STYLE = Manual;
CURRENT_PROJECT_VERSION = 1; CURRENT_PROJECT_VERSION = 2;
DEVELOPMENT_TEAM = ""; DEVELOPMENT_TEAM = "";
"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 94BRNM2LSS; "DEVELOPMENT_TEAM[sdk=iphoneos*]" = 94BRNM2LSS;
INFOPLIST_FILE = App/Info.plist; INFOPLIST_FILE = App/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 13.0; IPHONEOS_DEPLOYMENT_TARGET = 13.0;
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
MARKETING_VERSION = 1.2; MARKETING_VERSION = 2.0.1;
PRODUCT_BUNDLE_IDENTIFIER = com.gpr.gabinetedigital.teste; PRODUCT_BUNDLE_IDENTIFIER = com.gpr.gabinetedigital.teste;
PRODUCT_NAME = "$(TARGET_NAME)"; PRODUCT_NAME = "$(TARGET_NAME)";
PROVISIONING_PROFILE_SPECIFIER = ""; PROVISIONING_PROFILE_SPECIFIER = "";
@@ -21,7 +21,8 @@
</div> </div>
<div> <div>
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda"> <mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
placeholder="Selecione agenda">
<mat-select [(value)]="filterName"> <mat-select [(value)]="filterName">
<mat-option value="Para hoje"> <mat-option value="Para hoje">
@@ -60,11 +61,8 @@
</ion-header> </ion-header>
<ion-content> <ion-content>
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)"> <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-refresher-content <ion-refresher-content pullingIcon="chevron-down-circle-outline" pullingText="deslize para actualizar"
pullingIcon="chevron-down-circle-outline" refreshingSpinner="circles" refreshingText="A actualizar...">
pullingText="deslize para actualizar"
refreshingSpinner="circles"
refreshingText="A actualizar...">
</ion-refresher-content> </ion-refresher-content>
</ion-refresher> </ion-refresher>
@@ -73,11 +71,8 @@
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar> <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="height-100"> <div class="height-100">
<ion-list> <ion-list>
<div <div class=" ion-no-padding ion-no-margin cursor-pointer"
class=" ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of despachoStore.list; let i = index" (click)="GoToDespacho(task.SerialNumber)">
*ngFor = "let task of despachoStore.list; let i = index"
(click)="GoToDespacho(task.SerialNumber)"
>
<!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" --> <!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
<div class="exp-top-detail"> <div class="exp-top-detail">
@@ -87,8 +82,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -102,7 +99,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -112,10 +109,8 @@
</div> </div>
</div> </div>
<div <div *ngIf="!skeletonLoader && despachoStore.list.length == 0"
*ngIf="!skeletonLoader && despachoStore.list.length == 0" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
@@ -147,4 +142,3 @@
</div> </div>
</ion-content> </ion-content>
@@ -15,7 +15,8 @@
<div class="d-flex" (click)="reorderList('recent')" *ngIf="ordinance != 'recent' "> <div class="d-flex" (click)="reorderList('recent')" *ngIf="ordinance != 'recent' ">
<ion-icon class="mr-10" src="assets/images/theme/gov/decrescente.svg"></ion-icon> <ion-icon class="mr-10" src="assets/images/theme/gov/decrescente.svg"></ion-icon>
</div> </div>
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda"> <mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
placeholder="Selecione agenda">
<mat-select [(value)]="filterName"> <mat-select [(value)]="filterName">
<mat-option value="Para hoje"> <mat-option value="Para hoje">
@@ -48,7 +49,9 @@
<ion-icon slot="end" class="title-icon font-awesome" name="reload-circle"></ion-icon> <ion-icon slot="end" class="title-icon font-awesome" name="reload-circle"></ion-icon>
</button> </button>
</div> </div>
<div class="bottom-title d-flex"><h3 class="bottom-text">Diplomas por Assinar PR</h3></div> <div class="bottom-title d-flex">
<h3 class="bottom-text">Diplomas por Assinar PR</h3>
</div>
</div> </div>
</ion-header> </ion-header>
<ion-content> <ion-content>
@@ -56,11 +59,8 @@
<div class="main-content width-100 overflow-y-auto height-100"> <div class="main-content width-100 overflow-y-auto height-100">
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)"> <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-refresher-content <ion-refresher-content pullingIcon="chevron-down-circle-outline" pullingText="deslize para actualizar"
pullingIcon="chevron-down-circle-outline" refreshingSpinner="circles" refreshingText="A actualizar...">
pullingText="deslize para actualizar"
refreshingSpinner="circles"
refreshingText="A actualizar...">
</ion-refresher-content> </ion-refresher-content>
</ion-refresher> </ion-refresher>
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar> <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
@@ -71,22 +71,23 @@
<div *ngIf="deplomasStore.diplomasParaAssinarList"> <div *ngIf="deplomasStore.diplomasParaAssinarList">
<ion-list> <ion-list>
<div <div class=" ion-no-padding ion-no-margin cursor-pointer"
class=" ion-no-padding ion-no-margin cursor-pointer"
*ngFor="let task of deplomasStore.diplomasParaAssinarList" *ngFor="let task of deplomasStore.diplomasParaAssinarList"
(click)="goToDiploma(task.SerialNumber || task.serialNumber)" (click)="goToDiploma(task.SerialNumber || task.serialNumber)">
>
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
<div class="exp-top-detail"> <div class="exp-top-detail">
<div class="subject d-flex align-center"> <div class="subject d-flex align-center">
<ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio || task.workflowInstanceDataFields.Subject }}</ion-label> <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio ||
task.workflowInstanceDataFields.Subject }}</ion-label>
<span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span> <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' "src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -100,7 +101,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -110,10 +111,8 @@
</div> </div>
<!-- Empty --> <!-- Empty -->
<div <div *ngIf="!skeletonLoader && deplomasStore.diplomasParaAssinarList.length == 0"
*ngIf="!skeletonLoader && deplomasStore.diplomasParaAssinarList.length == 0" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
@@ -145,4 +144,3 @@
</div> </div>
</ion-content> </ion-content>
@@ -20,11 +20,8 @@
<ion-content> <ion-content>
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)"> <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-refresher-content <ion-refresher-content pullingIcon="chevron-down-circle-outline" pullingText="deslize para actualizar"
pullingIcon="chevron-down-circle-outline" refreshingSpinner="circles" refreshingText="A actualizar...">
pullingText="deslize para actualizar"
refreshingSpinner="circles"
refreshingText="A actualizar...">
</ion-refresher-content> </ion-refresher-content>
</ion-refresher> </ion-refresher>
@@ -46,13 +43,17 @@
</div> </div>
<div> <div>
<div *ngIf="ordinance == 'old'" (click)="reorderList('recent')"> <div *ngIf="ordinance == 'old'" (click)="reorderList('recent')">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-up.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-arrow-arrow-up.svg"></ion-icon> src="assets/images/icons-arrow-arrow-up.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-arrow-arrow-up.svg"></ion-icon>
</div> </div>
<div *ngIf="ordinance == 'recent'" (click)="reorderList('old')"> <div *ngIf="ordinance == 'recent'" (click)="reorderList('old')">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-down-25.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-arrow-arrow-down.svg"></ion-icon> src="assets/images/icons-arrow-arrow-down-25.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-arrow-arrow-down.svg"></ion-icon>
</div> </div>
</div> </div>
</div> </div>
@@ -62,11 +63,8 @@
<div *ngIf="deplomasStore.DiplomaGerarList"> <div *ngIf="deplomasStore.DiplomaGerarList">
<ion-list> <ion-list>
<div <div class=" ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of deplomasStore.DiplomaGerarList"
class=" ion-no-padding ion-no-margin cursor-pointer" (click)="goToDiploma(task.SerialNumber)">
*ngFor = "let task of deplomasStore.DiplomaGerarList"
(click)="goToDiploma(task.SerialNumber)"
>
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
<div class="exp-top-detail"> <div class="exp-top-detail">
<div class="subject d-flex align-center"> <div class="subject d-flex align-center">
@@ -75,8 +73,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' "src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -90,7 +90,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -100,10 +100,8 @@
</div> </div>
<!-- Empty --> <!-- Empty -->
<div <div *ngIf="!skeletonLoader && diplomasList.length == 0"
*ngIf="!skeletonLoader && diplomasList.length == 0" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
@@ -142,11 +140,8 @@
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar> <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
<div class="height-100"> <div class="height-100">
<ion-list> <ion-list>
<div <div class="expediente ion-no-padding ion-no-margin cursor-pointer"
class="expediente ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of deplomasStore.DiplomaGerarList; let i = index" (click)="goToDiploma(task.SerialNumber)">
*ngFor = "let task of deplomasStore.DiplomaGerarList; let i = index"
(click)="goToDiploma(task.SerialNumber)"
>
<!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" --> <!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
<div class="item width-100"> <div class="item width-100">
<div class="exp-top-detail"> <div class="exp-top-detail">
@@ -156,8 +151,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -171,7 +168,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -181,10 +178,8 @@
</div> </div>
</div> </div>
<div <div *ngIf="!skeletonLoader && deplomasStore.DiplomaGerarList.length == 0"
*ngIf="!skeletonLoader && deplomasStore.DiplomaGerarList.length == 0" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
@@ -216,4 +211,3 @@
</div> </div>
</ion-content> </ion-content>
@@ -1,14 +1,8 @@
<ion-header class="ion-no-border header-2"> <ion-header class="ion-no-border header-2">
<app-task-list-header <app-task-list-header [goBackButton]=true [headerName]="headerName" [ordinance]=ordinance [loading]=skeletonLoader
[goBackButton] = true (reorderList)=reorderList($event) (changeFilterName)=changeFilterName($event)
[headerName] = "headerName" (goBack)=goBack()></app-task-list-header>
[ordinance] = ordinance
[loading] = skeletonLoader
(reorderList) = reorderList($event)
(changeFilterName) = changeFilterName($event)
(goBack) = goBack()
></app-task-list-header>
<ion-toolbar> <ion-toolbar>
<ion-segment [(ngModel)]="segment" (ionChange)="segmentChanged($event)"> <ion-segment [(ngModel)]="segment" (ionChange)="segmentChanged($event)">
@@ -37,12 +31,8 @@
<ion-list *ngSwitchCase="'validar'"> <ion-list *ngSwitchCase="'validar'">
<div *ngIf="listDiplomasPorValidar.length >= 1"> <div *ngIf="listDiplomasPorValidar.length >= 1">
<ion-item <ion-item class=" ion-no-padding cursor-pointer" *ngFor="let task of listDiplomasPorValidar"
class=" ion-no-padding cursor-pointer" (click)="goToDiploma(task.SerialNumber)" lines="none">
*ngFor = "let task of listDiplomasPorValidar"
(click)="goToDiploma(task.SerialNumber)"
lines="none"
>
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
<div class="exp-top-detail"> <div class="exp-top-detail">
<div class="subject d-flex align-center"> <div class="subject d-flex align-center">
@@ -51,8 +41,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -66,7 +58,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -109,12 +101,8 @@
<ion-list *ngSwitchCase="'assinados'"> <ion-list *ngSwitchCase="'assinados'">
<div *ngIf="listDiplomasAssinadosPR.length >= 1"> <div *ngIf="listDiplomasAssinadosPR.length >= 1">
<ion-item <ion-item class=" ion-no-padding cursor-pointer" *ngFor="let task of listDiplomasAssinadosPR"
class=" ion-no-padding cursor-pointer" (click)="goToDiploma(task.SerialNumber)" lines="none">
*ngFor = "let task of listDiplomasAssinadosPR"
(click)="goToDiploma(task.SerialNumber)"
lines="none"
>
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
<div class="exp-top-detail"> <div class="exp-top-detail">
<div class="subject d-flex"> <div class="subject d-flex">
@@ -123,8 +111,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -138,7 +128,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -2,9 +2,12 @@
<div class="header-content"> <div class="header-content">
<div class="header-icon-left"> <div class="header-icon-left">
<button class="btn-no-color cursor-pointer" (click)="goBack()"> <button class="btn-no-color cursor-pointer" (click)="goBack()">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-left.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon> src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "
src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end"
src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
</button> </button>
</div> </div>
<div class="header-title"> <div class="header-title">
@@ -23,7 +26,8 @@
</div> </div>
</div> </div>
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda"> <mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
placeholder="Selecione agenda">
<mat-select [(value)]="filterName"> <mat-select [(value)]="filterName">
@@ -74,11 +78,8 @@
<div class="content d-flex flex-column width-100 overflow-y-auto px-20"> <div class="content d-flex flex-column width-100 overflow-y-auto px-20">
<ion-list> <ion-list>
<div <div class=" ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of list"
class=" ion-no-padding ion-no-margin cursor-pointer" (click)="goToExpediente(task.SerialNumber)">
*ngFor = "let task of list"
(click)="goToExpediente(task.SerialNumber)"
>
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
<div class="exp-top-detail"> <div class="exp-top-detail">
<div class="subject d-flex align-center"> <div class="subject d-flex align-center">
@@ -87,8 +88,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' "src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -102,17 +105,15 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</ion-list> </ion-list>
<div <div *ngIf="!skeletonLoader && list.length == 0 && list.length == 0"
*ngIf="!skeletonLoader && list.length == 0 && list.length == 0" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
@@ -14,7 +14,8 @@
<div class="title d-flex justify-center"> <div class="title d-flex justify-center">
<ion-label *ngIf="hideRefreshBtn">Gabinete Digital</ion-label> <ion-label *ngIf="hideRefreshBtn">Gabinete Digital</ion-label>
<div class="d-flex align-center cursor" *ngIf="!hideRefreshBtn && segmentVista == 'listview' "> <div class="d-flex align-center cursor" *ngIf="!hideRefreshBtn && segmentVista == 'listview' ">
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda"> <mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
placeholder="Selecione agenda">
<mat-select [(value)]="filterName" (selectionChange)="dynamicSearch()"> <mat-select [(value)]="filterName" (selectionChange)="dynamicSearch()">
<mat-option value="Para hoje"> <mat-option value="Para hoje">
@@ -55,7 +56,8 @@
</div> </div>
</div> </div>
<button title="Atualizar" *ngIf="hideRefreshBtn && TaskService.loadCount" class="btn-no-color btn-refresh" (click)="doRefreshAside()"> <button title="Atualizar" *ngIf="hideRefreshBtn && TaskService.loadCount" class="btn-no-color btn-refresh"
(click)="doRefreshAside()">
<ion-icon class="title-icon font-awesome" name="reload-circle"></ion-icon> <ion-icon class="title-icon font-awesome" name="reload-circle"></ion-icon>
</button> </button>
<div *ngIf="!hideRefreshBtn" class="title-icons"> <div *ngIf="!hideRefreshBtn" class="title-icons">
@@ -113,7 +115,8 @@
</div> </div>
<div *ngIf="hideSearchBtn"> <div *ngIf="hideSearchBtn">
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda"> <mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
placeholder="Selecione agenda">
<mat-select [(value)]="filterName" (selectionChange)="dynamicSearch()"> <mat-select [(value)]="filterName" (selectionChange)="dynamicSearch()">
<mat-option value="Para hoje"> <mat-option value="Para hoje">
@@ -155,30 +158,35 @@
<ion-item-sliding *ngIf="TaskService.loadCount || (AllProcess.length >= 1 && TaskService.loadNum >= 1)"> <ion-item-sliding *ngIf="TaskService.loadCount || (AllProcess.length >= 1 && TaskService.loadNum >= 1)">
<div class="listview"> <div class="listview">
<ion-list *ngIf="AllProcess"> <ion-list *ngIf="AllProcess">
<div <div class=" box-hover ion-no-padding cursor-pointer" *ngFor="let task of AllProcess"
class=" box-hover ion-no-padding cursor-pointer"
*ngFor = "let task of AllProcess"
(click)="goToProcess(task.SerialNumber || task.serialNumber, task.WorkflowName || task.workflowName || task.workflowDisplayName || task.workflowName, task.activityInstanceName)"> (click)="goToProcess(task.SerialNumber || task.serialNumber, task.WorkflowName || task.workflowName || task.workflowDisplayName || task.workflowName, task.activityInstanceName)">
<div class="item-wrapper"> <div class="item-wrapper">
<div class="item width-100"> <div class="item width-100">
<div class="item-top-detail"> <div class="item-top-detail">
<div class="item-subject"> <div class="item-subject">
<!-- ... {{ task.SerialNumber || task.serialNumber}} {{ task.WorkflowName || task.workflowName }} {{ task.activityInstanceName }} --> <!-- ... {{ task.SerialNumber || task.serialNumber}} {{ task.WorkflowName || task.workflowName }} {{ task.activityInstanceName }} -->
<ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio || task.Subject || task.workflowInstanceDataFields.Subject}}</ion-label> <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio || task.Subject ||
<span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline || task.deadline)">Para hoje</span> task.workflowInstanceDataFields.Subject}}</ion-label>
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate || task.taskStartDate)">Nova</span> <span class="dead-line ml-10"
*ngIf="TaskService.deadlineIsToday(task.Deadline || task.deadline)">Para hoje</span>
<span class="new-task ml-10"
*ngIf="TaskService.lessThen24Hours(task.TaskStartDate || task.taskStartDate)">Nova</span>
</div> </div>
<div *ngIf="task.DocumentsQty != 0" class="item-icon"> <div *ngIf="task.DocumentsQty != 0" class="item-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-attachment.svg"></ion-icon>
<label>{{task.DocumentsQty || task.totalDocuments}}</label> <label>{{task.DocumentsQty || task.totalDocuments}}</label>
</div> </div>
</div> </div>
<div class="item-middle-detail"> <div class="item-middle-detail">
<div class="item-remetente"> <div class="item-remetente">
<ion-label *ngIf="task.Senders">{{task.Senders }}</ion-label> <ion-label *ngIf="task.Senders">{{task.Senders }}</ion-label>
<ion-label *ngIf="task.workflowInstanceDataFields">{{ task.workflowInstanceDataFields.Sender }}</ion-label> <ion-label *ngIf="task.workflowInstanceDataFields">{{ task.workflowInstanceDataFields.Sender
}}</ion-label>
</div> </div>
</div> </div>
<div *ngIf="task.Agenda" class="item-middle-detail"> <div *ngIf="task.Agenda" class="item-middle-detail">
@@ -188,11 +196,13 @@
</div> </div>
<div *ngIf="task.Agenda" class="item-middle-detail-extra"> <div *ngIf="task.Agenda" class="item-middle-detail-extra">
<div class="item-middle-detail-extra-text"> <div class="item-middle-detail-extra-text">
<ion-label *ngIf=" task.WorkflowName == 'Agenda Oficial PR' || task.WorkflowName == 'Agenda Pessoal PR'"> <ion-label
*ngIf=" task.WorkflowName == 'Agenda Oficial PR' || task.WorkflowName == 'Agenda Pessoal PR'">
<!-- Agenda {{task.Agenda || task.workflowInstanceDataFields.Agenda}} do Presidente da República --> <!-- Agenda {{task.Agenda || task.workflowInstanceDataFields.Agenda}} do Presidente da República -->
Agenda {{task.Agenda || task.workflowInstanceDataFields.Agenda}} do Titular Agenda {{task.Agenda || task.workflowInstanceDataFields.Agenda}} do Titular
</ion-label> </ion-label>
<ion-label *ngIf=" task.WorkflowName == 'Agenda Oficial MDGPR' || task.WorkflowName == 'Agenda Pessoal MDGPR'"> <ion-label
*ngIf=" task.WorkflowName == 'Agenda Oficial MDGPR' || task.WorkflowName == 'Agenda Pessoal MDGPR'">
A sua agenda {{task.Agenda || task.workflowInstanceDataFields.Agenda}} A sua agenda {{task.Agenda || task.workflowInstanceDataFields.Agenda}}
</ion-label> </ion-label>
</div> </div>
@@ -202,7 +212,8 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="item-date"> <div class="item-date">
<ion-label>{{ task.CreateDate || task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm'
}}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -214,43 +225,63 @@
<ion-item-sliding *ngIf="!TaskService.loadCount" class="width-100"> <ion-item-sliding *ngIf="!TaskService.loadCount" class="width-100">
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
@@ -262,15 +293,18 @@
<div *ngIf="TaskService.loadCount" class="center-box"> <div *ngIf="TaskService.loadCount" class="center-box">
<!-- List --> <!-- List -->
<div *ngIf="hideInMobile" (click)="openAllProcessesPage()" [class.active]="selectedElement == 'allProcessesTag'" class="box-hover exp-card d-flex flex-column" > <div *ngIf="hideInMobile" (click)="openAllProcessesPage()"
[class.active]="selectedElement == 'allProcessesTag'" class="box-hover exp-card d-flex flex-column">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<!-- <ion-icon src="assets/images/icons-agenda.svg"></ion-icon> --> <!-- <ion-icon src="assets/images/icons-agenda.svg"></ion-icon> -->
<fa-icon class="icon-selected" icon="align-justify"></fa-icon> <fa-icon class="icon-selected" icon="align-justify"></fa-icon>
</div> </div>
<p class="text-center exp-card-title "> <p class="text-center exp-card-title ">
Todas as tarefas <br> Todas as tarefas <br>
<span class="new-task-count" *ngIf="TaskService.new >=2">{{ TaskService.new }} correspondências novas </span> <span class="new-task-count" *ngIf="TaskService.new >=2">{{ TaskService.new }} correspondências novas
<span class="new-task-count" *ngIf="TaskService.new == 1">{{ TaskService.new }} correspondência novas</span> </span>
<span class="new-task-count" *ngIf="TaskService.new == 1">{{ TaskService.new }} correspondência
novas</span>
</p> </p>
<p class="text-center exp-card-content"> {{ AllProcess.length }} <p class="text-center exp-card-content"> {{ AllProcess.length }}
<span class="title1" *ngIf="AllProcess.length == 0">correspondência</span> <span class="title1" *ngIf="AllProcess.length == 0">correspondência</span>
@@ -279,25 +313,36 @@
</p> </p>
</div> </div>
<!-- List --> <!-- List -->
<div *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks, p.permissionList.Gabinete.pr_tasks])" (click)="openDespachosPrPage(); selectedElement='showDespachosPr'" [class.active]="selectedElement == 'showDespachosPr'" class="box-hover exp-card-long width-100 d-flex flex-column justify-center"> <div *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks, p.permissionList.Gabinete.pr_tasks])"
(click)="openDespachosPrPage(); selectedElement='showDespachosPr'"
[class.active]="selectedElement == 'showDespachosPr'"
class="box-hover exp-card-long width-100 d-flex flex-column justify-center">
<div class="center-div"> <div class="center-div">
<div class="exp-card-icon"> <div class="exp-card-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-despachos-presidente.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'showDespachosPr'" src="assets/images/theme/gov/icons-despachos-presidente.svg"></ion-icon> src="assets/images/icons-despachos-presidente.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'showDespachosPr'" src="assets/images/theme/gov/icons-despachos-presidente-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'showDespachosPr'"
src="assets/images/theme/gov/icons-despachos-presidente.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'showDespachosPr'"
src="assets/images/theme/gov/icons-despachos-presidente-hover.svg"></ion-icon>
</div> </div>
<div class="exp-card-text"> <div class="exp-card-text">
<!-- <p class="text-center exp-card-title " *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks])">Despacho do Presidente da República</p> --> <!-- <p class="text-center exp-card-title " *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks])">Despacho do Presidente da República</p> -->
<p class="text-center exp-card-title " *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks])"> <p class="text-center exp-card-title " *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks])">
Despachos {{ environment.despachoLabel }} <br> Despachos {{ environment.despachoLabel }} <br>
<span class="new-task-count" *ngIf="TaskService.despachoprstore.newList.length >=2">{{ TaskService.despachoprstore.newList.length}} correspondências novas </span> <span class="new-task-count" *ngIf="TaskService.despachoprstore.newList.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.despachoprstore.newList.length == 1">{{ TaskService.despachoprstore.newList.length}} correspondência nova </span> TaskService.despachoprstore.newList.length}} correspondências novas </span>
<span class="new-task-count" *ngIf="TaskService.despachoprstore.newList.length == 1">{{
TaskService.despachoprstore.newList.length}} correspondência nova </span>
</p> </p>
<p class="text-center exp-card-title " *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks]) && !p.userPermission([p.permissionList.Gabinete.md_tasks])"> <p class="text-center exp-card-title "
*ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks]) && !p.userPermission([p.permissionList.Gabinete.md_tasks])">
Despachos criados por mim<br> Despachos criados por mim<br>
<span class="new-task-count" *ngIf="TaskService.despachoprstore.newList.length >=2">{{ TaskService.despachoprstore.newList.length}} correspondências novas </span> <span class="new-task-count" *ngIf="TaskService.despachoprstore.newList.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.despachoprstore.newList.length ==1">{{ TaskService.despachoprstore.newList.length}} correspondência nova </span> TaskService.despachoprstore.newList.length}} correspondências novas </span>
<span class="new-task-count" *ngIf="TaskService.despachoprstore.newList.length ==1">{{
TaskService.despachoprstore.newList.length}} correspondência nova </span>
</p> </p>
<p class="text-center exp-card-content"> {{ TaskService.despachoprstore.count }} <p class="text-center exp-card-content"> {{ TaskService.despachoprstore.count }}
<span class="title1" *ngIf="TaskService.despachoprstore.count == 0">correspondência</span> <span class="title1" *ngIf="TaskService.despachoprstore.count == 0">correspondência</span>
@@ -308,61 +353,101 @@
</div> </div>
</div> </div>
<!-- List --> <!-- List -->
<div *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks, p.permissionList.Gabinete.pr_tasks])" (click)="openDiplomasPage('assinados'); selectedElement='DiplomasAssinados'" [class.active]="selectedElement == 'DiplomasAssinados'" class="box-hover exp-card d-flex flex-column justify-center"> <div *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks, p.permissionList.Gabinete.pr_tasks])"
(click)="openDiplomasPage('assinados'); selectedElement='DiplomasAssinados'"
[class.active]="selectedElement == 'DiplomasAssinados'"
class="box-hover exp-card d-flex flex-column justify-center">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-diplomas-assinados-presidente.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'DiplomasAssinados'" src="assets/images/theme/gov/icons-diplomas-assinados-presidente.svg"></ion-icon> src="assets/images/icons-diplomas-assinados-presidente.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'DiplomasAssinados'" src="assets/images/theme/gov/icons-diplomas-assinados-presidente-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'DiplomasAssinados'"
src="assets/images/theme/gov/icons-diplomas-assinados-presidente.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'DiplomasAssinados'"
src="assets/images/theme/gov/icons-diplomas-assinados-presidente-hover.svg"></ion-icon>
</div> </div>
<p class="text-center exp-card-title " *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])"> <p class="text-center exp-card-title " *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])">
Diplomas assinados PR <br> Diplomas assinados PR <br>
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasAssinadoListNewCount.length >=2">{{ TaskService.deplomasStore.diplomasAssinadoListNewCount.length}} correspondências novas</span> <span class="new-task-count"
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasAssinadoListNewCount.length ==1">{{ TaskService.deplomasStore.diplomasAssinadoListNewCount.length}} correspondência nova</span> *ngIf="TaskService.deplomasStore.diplomasAssinadoListNewCount.length >=2">{{
TaskService.deplomasStore.diplomasAssinadoListNewCount.length}} correspondências novas</span>
<span class="new-task-count"
*ngIf="TaskService.deplomasStore.diplomasAssinadoListNewCount.length ==1">{{
TaskService.deplomasStore.diplomasAssinadoListNewCount.length}} correspondência nova</span>
</p> </p>
<p class="text-center exp-card-title " *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])" >Diplomas <br> <p class="text-center exp-card-title " *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])">
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasAssinadoListNewCount.length >=2">{{ TaskService.deplomasStore.diplomasAssinadoListNewCount.length}} correspondências novas</span> Diplomas <br>
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasAssinadoListNewCount.length ==1">{{ TaskService.deplomasStore.diplomasAssinadoListNewCount.length}} correspondência nova</span> <span class="new-task-count"
*ngIf="TaskService.deplomasStore.diplomasAssinadoListNewCount.length >=2">{{
TaskService.deplomasStore.diplomasAssinadoListNewCount.length}} correspondências novas</span>
<span class="new-task-count"
*ngIf="TaskService.deplomasStore.diplomasAssinadoListNewCount.length ==1">{{
TaskService.deplomasStore.diplomasAssinadoListNewCount.length}} correspondência nova</span>
</p> </p>
<p class="text-center exp-card-content"> {{ TaskService.deplomasStore.countDiplomasAssinadoListCount }} <p class="text-center exp-card-content"> {{ TaskService.deplomasStore.countDiplomasAssinadoListCount }}
<span class="title1" *ngIf="TaskService.deplomasStore.countDiplomasAssinadoListCount == 0">correspondência</span> <span class="title1"
<span class="title1" *ngIf="TaskService.deplomasStore.countDiplomasAssinadoListCount == 1">correspondência</span> *ngIf="TaskService.deplomasStore.countDiplomasAssinadoListCount == 0">correspondência</span>
<span class="title1" *ngIf="TaskService.deplomasStore.countDiplomasAssinadoListCount > 1">correspondências</span> <span class="title1"
*ngIf="TaskService.deplomasStore.countDiplomasAssinadoListCount == 1">correspondência</span>
<span class="title1"
*ngIf="TaskService.deplomasStore.countDiplomasAssinadoListCount > 1">correspondências</span>
</div> </div>
<!-- List --> <!-- List -->
<div *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks])" (click)="openDiplomasAssinarPage(); selectedElement='DiplomasParaAssinar'" [class.active]="selectedElement == 'DiplomasParaAssinar'" class="box-hover exp-card d-flex flex-column justify-center"> <div *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks])"
(click)="openDiplomasAssinarPage(); selectedElement='DiplomasParaAssinar'"
[class.active]="selectedElement == 'DiplomasParaAssinar'"
class="box-hover exp-card d-flex flex-column justify-center">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-diploma.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'DiplomasParaAssinar' " src="assets/images/theme/gov/icons-expediente-diploma.svg"></ion-icon> src="assets/images/icons-expediente-diploma.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'DiplomasParaAssinar' " src="assets/images/theme/gov/icons-expediente-diploma-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'DiplomasParaAssinar' "
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-diploma.svg"></ion-icon> src="assets/images/theme/gov/icons-expediente-diploma.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'DiplomasParaAssinar' " src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-diploma-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'DiplomasParaAssinar' "
src="assets/images/theme/gov/icons-expediente-diploma-hover.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-diploma.svg"></ion-icon>
<ion-icon hidden
*ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'DiplomasParaAssinar' "
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-diploma-hover.svg"></ion-icon>
</div> </div>
<p class="text-center exp-card-title">Diplomas por Assinar {{ environment.PR}} <br> <p class="text-center exp-card-title">Diplomas por Assinar {{ environment.PR}} <br>
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasParaAssinarNewCount.length >=2">{{ TaskService.deplomasStore.diplomasParaAssinarNewCount.length}} Diplomas correspondências novas</span> <span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasParaAssinarNewCount.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasParaAssinarNewCount.length ==1">{{ TaskService.deplomasStore.diplomasParaAssinarNewCount.length}} Diploma correspondência nova</span> TaskService.deplomasStore.diplomasParaAssinarNewCount.length}} Diplomas correspondências novas</span>
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasParaAssinarNewCount.length ==1">{{
TaskService.deplomasStore.diplomasParaAssinarNewCount.length}} Diploma correspondência nova</span>
</p> </p>
<p class="text-center exp-card-content"> <p class="text-center exp-card-content">
{{ TaskService.deplomasStore.diplomasParaAssinartCount }} {{ TaskService.deplomasStore.diplomasParaAssinartCount }}
<span class="title1" *ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 0">correspondência</span> <span class="title1"
<span class="title1" *ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 1">correspondência</span> *ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 0">correspondência</span>
<span class="title1" *ngIf="TaskService.deplomasStore.diplomasParaAssinartCount > 1">correspondências</span> <span class="title1"
*ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 1">correspondência</span>
<span class="title1"
*ngIf="TaskService.deplomasStore.diplomasParaAssinartCount > 1">correspondências</span>
</p> </p>
</div> </div>
<!-- List --> <!-- List -->
<div *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks])" (click)="openDiplomasPage('validar'); selectedElement='DiplomasPorValidar'" [class.active]="selectedElement == 'DiplomasPorValidar'" class="box-hover exp-card d-flex flex-column justify-center"> <div *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks])"
(click)="openDiplomasPage('validar'); selectedElement='DiplomasPorValidar'"
[class.active]="selectedElement == 'DiplomasPorValidar'"
class="box-hover exp-card d-flex flex-column justify-center">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-diploma.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'DiplomasPorValidar' " src="assets/images/theme/gov/icons-expediente-diploma.svg"></ion-icon> src="assets/images/icons-expediente-diploma.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'DiplomasPorValidar' " src="assets/images/theme/gov/icons-expediente-diploma-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'DiplomasPorValidar' "
src="assets/images/theme/gov/icons-expediente-diploma.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'DiplomasPorValidar' "
src="assets/images/theme/gov/icons-expediente-diploma-hover.svg"></ion-icon>
</div> </div>
<p class="text-center exp-card-title "> <p class="text-center exp-card-title ">
Diplomas por Validar<br> Diplomas por Validar<br>
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasReviewListNewCount.length >=2">{{ TaskService.deplomasStore.diplomasReviewListNewCount.length}} correspondências novas</span> <span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasReviewListNewCount.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasReviewListNewCount.length ==1">{{ TaskService.deplomasStore.diplomasReviewListNewCount.length}} correspondência nova</span> TaskService.deplomasStore.diplomasReviewListNewCount.length}} correspondências novas</span>
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasReviewListNewCount.length ==1">{{
TaskService.deplomasStore.diplomasReviewListNewCount.length}} correspondência nova</span>
</p> </p>
<!-- <p class="text-center exp-card-title " *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])">Diplomas por Assinar PR</p> --> <!-- <p class="text-center exp-card-title " *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])">Diplomas por Assinar PR</p> -->
<p class="text-center exp-card-content"> <p class="text-center exp-card-content">
@@ -375,59 +460,92 @@
<!-- List --> <!-- List -->
<div *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])" (click)="openDiplomasAssinarPage(); selectedElement='DiplomasParaAssinar'" [class.active]="selectedElement == 'DiplomasParaAssinar'" class="box-hover exp-card d-flex flex-column justify-center"> <div *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])"
(click)="openDiplomasAssinarPage(); selectedElement='DiplomasParaAssinar'"
[class.active]="selectedElement == 'DiplomasParaAssinar'"
class="box-hover exp-card d-flex flex-column justify-center">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-diploma.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'DiplomasParaAssinar' " src="assets/images/theme/gov/icons-expediente-diploma.svg"></ion-icon> src="assets/images/icons-expediente-diploma.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'DiplomasParaAssinar' " src="assets/images/theme/gov/icons-expediente-diploma-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'DiplomasParaAssinar' "
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-diploma.svg"></ion-icon> src="assets/images/theme/gov/icons-expediente-diploma.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'DiplomasParaAssinar' " src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-diploma-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'DiplomasParaAssinar' "
src="assets/images/theme/gov/icons-expediente-diploma-hover.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-diploma.svg"></ion-icon>
<ion-icon hidden
*ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'DiplomasParaAssinar' "
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-diploma-hover.svg"></ion-icon>
</div> </div>
<p class="text-center exp-card-title">Diplomas para Assinar<br> <p class="text-center exp-card-title">Diplomas para Assinar<br>
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasParaAssinarNewCount.length >= 2">{{ TaskService.deplomasStore.diplomasParaAssinarNewCount.length}} correspondências novas</span> <span class="new-task-count"
<span class="new-task-count " *ngIf="TaskService.deplomasStore.diplomasParaAssinarNewCount.length == 1">{{ TaskService.deplomasStore.diplomasParaAssinarNewCount.length}} correspondência nova</span> *ngIf="TaskService.deplomasStore.diplomasParaAssinarNewCount.length >= 2">{{
TaskService.deplomasStore.diplomasParaAssinarNewCount.length}} correspondências novas</span>
<span class="new-task-count "
*ngIf="TaskService.deplomasStore.diplomasParaAssinarNewCount.length == 1">{{
TaskService.deplomasStore.diplomasParaAssinarNewCount.length}} correspondência nova</span>
</p> </p>
<p class="text-center exp-card-content"> <p class="text-center exp-card-content">
{{ TaskService.deplomasStore.diplomasParaAssinartCount }} {{ TaskService.deplomasStore.diplomasParaAssinartCount }}
<span class="title1" *ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 0">correspondência</span> <span class="title1"
<span class="title1" *ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 1">correspondência</span> *ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 0">correspondência</span>
<span class="title1" *ngIf="TaskService.deplomasStore.diplomasParaAssinartCount > 1">correspondências</span> <span class="title1"
*ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 1">correspondência</span>
<span class="title1"
*ngIf="TaskService.deplomasStore.diplomasParaAssinartCount > 1">correspondências</span>
</p> </p>
</div> </div>
<!-- List --> <!-- List -->
<div *ngIf="SessionStore.user.Profile == 'Consultant' && environment.presidential" (click)="openDiplomaPorElaborar('gerarDiplomas'); selectedElement='gerarDiplomas'" [class.active]="selectedElement == 'gerarDiplomas'" class="box-hover exp-card d-flex flex-column justify-center"> <div *ngIf="SessionStore.user.Profile == 'Consultant' && environment.presidential"
(click)="openDiplomaPorElaborar('gerarDiplomas'); selectedElement='gerarDiplomas'"
[class.active]="selectedElement == 'gerarDiplomas'"
class="box-hover exp-card d-flex flex-column justify-center">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-diplomas-assinados-presidente.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'gerarDiplomas'" src="assets/images/theme/gov/icons-diplomas-assinados-presidente.svg"></ion-icon> src="assets/images/icons-diplomas-assinados-presidente.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'gerarDiplomas'" src="assets/images/theme/gov/icons-diplomas-assinados-presidente-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'gerarDiplomas'"
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt'" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-diplomas-assinados-presidente.svg"></ion-icon> src="assets/images/theme/gov/icons-diplomas-assinados-presidente.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'gerarDiplomas'" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-diplomas-assinados-presidente-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'gerarDiplomas'"
src="assets/images/theme/gov/icons-diplomas-assinados-presidente-hover.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt'"
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-diplomas-assinados-presidente.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'gerarDiplomas'"
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-diplomas-assinados-presidente-hover.svg"></ion-icon>
</div> </div>
<p class="text-center exp-card-title"> <p class="text-center exp-card-title">
Diplomas por elaborar <br> Diplomas por elaborar <br>
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasGerarListNewCount.length >=2">{{ TaskService.deplomasStore.diplomasGerarListNewCount.length}} correspondências novas</span> <span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasGerarListNewCount.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasGerarListNewCount.length ==1">{{ TaskService.deplomasStore.diplomasGerarListNewCount.length}} correspondência nova</span> TaskService.deplomasStore.diplomasGerarListNewCount.length}} correspondências novas</span>
<span class="new-task-count" *ngIf="TaskService.deplomasStore.diplomasGerarListNewCount.length ==1">{{
TaskService.deplomasStore.diplomasGerarListNewCount.length}} correspondência nova</span>
</p> </p>
<p class="text-center exp-card-content"> <p class="text-center exp-card-content">
{{ TaskService.deplomasStore.DiplomaGerarList.length }} {{ TaskService.deplomasStore.DiplomaGerarList.length }}
<span class="title1" *ngIf="TaskService.deplomasStore.DiplomaGerarList.length == 0">correspondência</span> <span class="title1"
<span class="title1" *ngIf="TaskService.deplomasStore.DiplomaGerarList.length == 1">correspondência</span> *ngIf="TaskService.deplomasStore.DiplomaGerarList.length == 0">correspondência</span>
<span class="title1" *ngIf="TaskService.deplomasStore.DiplomaGerarList.length > 1">correspondências</span> <span class="title1"
*ngIf="TaskService.deplomasStore.DiplomaGerarList.length == 1">correspondência</span>
<span class="title1"
*ngIf="TaskService.deplomasStore.DiplomaGerarList.length > 1">correspondências</span>
</p> </p>
</div> </div>
<!-- List --> <!-- List -->
<div *ngIf="p.userPermission([p.permissionList.Gabinete.aprove_event])" (click)="openEventsToApprovePage();selectedElement='approval'" [class.active]="selectedElement == 'approval'" class="box-hover exp-card d-flex flex-column"> <div *ngIf="p.userPermission([p.permissionList.Gabinete.aprove_event])"
(click)="openEventsToApprovePage();selectedElement='approval'"
[class.active]="selectedElement == 'approval'" class="box-hover exp-card d-flex flex-column">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon src="assets/images/icons-agenda.svg"></ion-icon> <ion-icon src="assets/images/icons-agenda.svg"></ion-icon>
</div> </div>
<p class="text-center exp-card-title ">Eventos para Aprovação <br> <p class="text-center exp-card-title ">Eventos para Aprovação <br>
<span class="new-task-count" *ngIf="TaskService.eventoaprovacaostore.newList.length >=2">{{ TaskService.eventoaprovacaostore.newList.length}} eventos novos</span> <span class="new-task-count" *ngIf="TaskService.eventoaprovacaostore.newList.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.eventoaprovacaostore.newList.length ==1">{{ TaskService.eventoaprovacaostore.newList.length}} evento novo</span> TaskService.eventoaprovacaostore.newList.length}} eventos novos</span>
<span class="new-task-count" *ngIf="TaskService.eventoaprovacaostore.newList.length ==1">{{
TaskService.eventoaprovacaostore.newList.length}} evento novo</span>
</p> </p>
<p class="text-center exp-card-content"> <p class="text-center exp-card-content">
{{TaskService.eventoaprovacaostore.countAll}} {{TaskService.eventoaprovacaostore.countAll}}
@@ -438,18 +556,27 @@
</div> </div>
<!-- List --> <!-- List -->
<div (click)="openExpedientListPage(); selectedElement='Correspondence'" [class.active]="selectedElement == 'Correspondence' || selectedElement == 'Expediente Presidente'" class="box-hover exp-card d-flex flex-column justify-center"> <div (click)="openExpedientListPage(); selectedElement='Correspondence'"
[class.active]="selectedElement == 'Correspondence' || selectedElement == 'Expediente Presidente'"
class="box-hover exp-card d-flex flex-column justify-center">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-correspondencia.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'Correspondence'" src="assets/images/theme/gov/icons-correspondencia.svg"></ion-icon> src="assets/images/icons-correspondencia.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'Correspondence'" src="assets/images/theme/gov/icons-correspondencia-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'Correspondence'"
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/{{ThemeService.currentTheme}}/icons-correspondencia.svg"></ion-icon> src="assets/images/theme/gov/icons-correspondencia.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'Correspondence'" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-correspondencia-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'Correspondence'"
src="assets/images/theme/gov/icons-correspondencia-hover.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-correspondencia.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'Correspondence'"
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-correspondencia-hover.svg"></ion-icon>
</div> </div>
<p class="text-center exp-card-title ">Expediente <br> <p class="text-center exp-card-title ">Expediente <br>
<span *ngIf="TaskService.expedientegbstore.newList.length == 1" class="new-task-count">{{ TaskService.expedientegbstore.newList.length}} correspondência nova</span> <span *ngIf="TaskService.expedientegbstore.newList.length == 1" class="new-task-count">{{
<span *ngIf="TaskService.expedientegbstore.newList.length >= 2" class="new-task-count">{{ TaskService.expedientegbstore.newList.length}} correspondências novas</span> TaskService.expedientegbstore.newList.length}} correspondência nova</span>
<span *ngIf="TaskService.expedientegbstore.newList.length >= 2" class="new-task-count">{{
TaskService.expedientegbstore.newList.length}} correspondências novas</span>
</p> </p>
<p class="text-center exp-card-content"> <p class="text-center exp-card-content">
@@ -462,17 +589,27 @@
</div> </div>
<!-- List --> <!-- List -->
<div *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])" [class.active]="selectedElement == 'Dispatches'" class="box-hover exp-card d-flex flex-column justify-center" (click)="openDespachosPage(); selectedElement='Dispatches'"> <div *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])"
[class.active]="selectedElement == 'Dispatches'"
class="box-hover exp-card d-flex flex-column justify-center"
(click)="openDespachosPage(); selectedElement='Dispatches'">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-despachos-presidente.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'Dispatches'" src="assets/images/theme/gov/icons-despachos-presidente.svg"></ion-icon> src="assets/images/icons-despachos-presidente.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'Dispatches'" src="assets/images/theme/gov/icons-despachos-presidente-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'Dispatches'"
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt'" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-despachos-presidente.svg"></ion-icon> src="assets/images/theme/gov/icons-despachos-presidente.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'Dispatches'" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-despachos-presidente-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'Dispatches'"
src="assets/images/theme/gov/icons-despachos-presidente-hover.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt'"
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-despachos-presidente.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'Dispatches'"
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-despachos-presidente-hover.svg"></ion-icon>
</div> </div>
<p class="text-center exp-card-title ">Despachos<br> <p class="text-center exp-card-title ">Despachos<br>
<span class="new-task-count" *ngIf="TaskService.despachoStore.newList.length >=2">{{ TaskService.despachoStore.newList.length}} correspondências novas</span> <span class="new-task-count" *ngIf="TaskService.despachoStore.newList.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.despachoStore.newList.length ==1">{{ TaskService.despachoStore.newList.length}} correspondência nova</span> TaskService.despachoStore.newList.length}} correspondências novas</span>
<span class="new-task-count" *ngIf="TaskService.despachoStore.newList.length ==1">{{
TaskService.despachoStore.newList.length}} correspondência nova</span>
</p> </p>
<p class="text-center exp-card-content"> <p class="text-center exp-card-content">
{{TaskService.despachoStore.count}} {{TaskService.despachoStore.count}}
@@ -486,23 +623,35 @@
<!-- List --> <!-- List -->
<div (click)="openPedidosPage('parecer'); selectedElement='RequestsForOpinion'" [class.active]="selectedElement == 'RequestsForOpinion'" class="box-hover exp-card d-flex flex-column justify-center"> <div (click)="openPedidosPage('parecer'); selectedElement='RequestsForOpinion'"
[class.active]="selectedElement == 'RequestsForOpinion'"
class="box-hover exp-card d-flex flex-column justify-center">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-parecer.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'RequestsForOpinion' " src="assets/images/theme/gov/icons-expediente-parecer.svg"></ion-icon> src="assets/images/icons-expediente-parecer.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'RequestsForOpinion'" src="assets/images/theme/gov/icons-expediente-parecer-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'RequestsForOpinion' "
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-parecer.svg"></ion-icon> src="assets/images/theme/gov/icons-expediente-parecer.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'RequestsForOpinion'" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-parecer-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'RequestsForOpinion'"
src="assets/images/theme/gov/icons-expediente-parecer-hover.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-parecer.svg"></ion-icon>
<ion-icon hidden
*ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'RequestsForOpinion'"
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-parecer-hover.svg"></ion-icon>
</div> </div>
<p *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title "> <p *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title ">
Pedidos de Parecer<br> Pedidos de Parecer<br>
<span class="new-task-count" *ngIf="TaskService.pedidosstore.listParecerCount.length >=2" >{{ TaskService.pedidosstore.listParecerCount.length}} correspondências novas</span> <span class="new-task-count" *ngIf="TaskService.pedidosstore.listParecerCount.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.pedidosstore.listParecerCount.length ==1" >{{ TaskService.pedidosstore.listParecerCount.length}} correspondência nova</span> TaskService.pedidosstore.listParecerCount.length}} correspondências novas</span>
<span class="new-task-count" *ngIf="TaskService.pedidosstore.listParecerCount.length ==1">{{
TaskService.pedidosstore.listParecerCount.length}} correspondência nova</span>
</p> </p>
<p *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title "> <p *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title ">
Pedidos de Parecer solicitados por mim <br> Pedidos de Parecer solicitados por mim <br>
<span class="new-task-count" *ngIf="TaskService.pedidosstore.listParecerCount.length >=2">{{ TaskService.pedidosstore.listParecerCount.length}} correspondências novas</span> <span class="new-task-count" *ngIf="TaskService.pedidosstore.listParecerCount.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.pedidosstore.listParecerCount.length ==1">{{ TaskService.pedidosstore.listParecerCount.length}} correspondência nova</span> TaskService.pedidosstore.listParecerCount.length}} correspondências novas</span>
<span class="new-task-count" *ngIf="TaskService.pedidosstore.listParecerCount.length ==1">{{
TaskService.pedidosstore.listParecerCount.length}} correspondência nova</span>
</p> </p>
<p class="text-center exp-card-content"> <p class="text-center exp-card-content">
{{TaskService.pedidosstore.countparecer}} {{TaskService.pedidosstore.countparecer}}
@@ -513,19 +662,29 @@
</div> </div>
<!-- List --> <!-- List -->
<div (click)="openPedidosPage('deferimento'); selectedElement = 'RequestForApproval'" [class.active]="selectedElement == 'RequestForApproval'" class="box-hover exp-card d-flex flex-column justify-center"> <div (click)="openPedidosPage('deferimento'); selectedElement = 'RequestForApproval'"
[class.active]="selectedElement == 'RequestForApproval'"
class="box-hover exp-card d-flex flex-column justify-center">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-deferimento.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'RequestForApproval'" src="assets/images/theme/gov/icons-expediente-deferimento.svg"></ion-icon> src="assets/images/icons-expediente-deferimento.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'RequestForApproval'" src="assets/images/theme/gov/icons-expediente-deferimento-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'RequestForApproval'"
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-deferimento.svg"></ion-icon> src="assets/images/theme/gov/icons-expediente-deferimento.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'RequestForApproval'" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-deferimento-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'RequestForApproval'"
src="assets/images/theme/gov/icons-expediente-deferimento-hover.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-deferimento.svg"></ion-icon>
<ion-icon hidden
*ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'RequestForApproval'"
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-deferimento-hover.svg"></ion-icon>
</div> </div>
<p class="text-center exp-card-title "> <p class="text-center exp-card-title ">
Pedidos de Deferimento<br> Pedidos de Deferimento<br>
<span class="new-task-count" *ngIf="TaskService.pedidosstore.listDeferimentoCount.length >=2">{{ TaskService.pedidosstore.listDeferimentoCount.length}} correspondências novas</span> <span class="new-task-count" *ngIf="TaskService.pedidosstore.listDeferimentoCount.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.pedidosstore.listDeferimentoCount.length ==1">{{ TaskService.pedidosstore.listDeferimentoCount.length}} correspondência nova</span> TaskService.pedidosstore.listDeferimentoCount.length}} correspondências novas</span>
<span class="new-task-count" *ngIf="TaskService.pedidosstore.listDeferimentoCount.length ==1">{{
TaskService.pedidosstore.listDeferimentoCount.length}} correspondência nova</span>
</p> </p>
<p class="text-center exp-card-content"> <p class="text-center exp-card-content">
{{ TaskService.pedidosstore.countdeferimento}} {{ TaskService.pedidosstore.countdeferimento}}
@@ -536,23 +695,34 @@
</div> </div>
<!-- List --> <!-- List -->
<div [class.active]="selectedElementF('Pending')" (click)="openPendentesPage(); selectedElement='Pending'" class="box-hover exp-card d-flex flex-column justify-center" > <div [class.active]="selectedElementF('Pending')" (click)="openPendentesPage(); selectedElement='Pending'"
class="box-hover exp-card d-flex flex-column justify-center">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-pendente.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'Pending'" src="assets/images/theme/gov/icons-expediente-pendente.svg"></ion-icon> src="assets/images/icons-expediente-pendente.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'Pending'" src="assets/images/theme/gov/icons-expediente-pendente-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'Pending'"
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt'" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-pendente.svg"></ion-icon> src="assets/images/theme/gov/icons-expediente-pendente.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'Pending'" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-pendente-hover.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'Pending'"
src="assets/images/theme/gov/icons-expediente-pendente-hover.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt'"
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-pendente.svg"></ion-icon>
<ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'Pending'"
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-expediente-pendente-hover.svg"></ion-icon>
</div> </div>
<p *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title "> <p *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title ">
Pendentes<br> Pendentes<br>
<span class="new-task-count" *ngIf="TaskService.pendentesstore.newList.length >=2">{{ TaskService.pendentesstore.newList.length}} correspondências novas</span> <span class="new-task-count" *ngIf="TaskService.pendentesstore.newList.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.pendentesstore.newList.length >=1">{{ TaskService.pendentesstore.newList.length}} correspondência nova</span> TaskService.pendentesstore.newList.length}} correspondências novas</span>
<span class="new-task-count" *ngIf="TaskService.pendentesstore.newList.length >=1">{{
TaskService.pendentesstore.newList.length}} correspondência nova</span>
</p> </p>
<p *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title ">Meus Pendentes<br> <p *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title ">Meus
Pendentes<br>
<span class="new-task-count" *ngIf="TaskService.pendentesstore.newList.length >=2">{{ TaskService.pendentesstore.newList.length}} correspondências novas</span> <span class="new-task-count" *ngIf="TaskService.pendentesstore.newList.length >=2">{{
<span class="new-task-count" *ngIf="TaskService.pendentesstore.newList.length ==1">{{ TaskService.pendentesstore.newList.length}} correspondência nova</span> TaskService.pendentesstore.newList.length}} correspondências novas</span>
<span class="new-task-count" *ngIf="TaskService.pendentesstore.newList.length ==1">{{
TaskService.pendentesstore.newList.length}} correspondência nova</span>
</p> </p>
<p class="text-center exp-card-content"> <p class="text-center exp-card-content">
@@ -569,85 +739,125 @@
<div *ngIf="!TaskService.loadCount" class="width-100"> <div *ngIf="!TaskService.loadCount" class="width-100">
<ion-item-sliding class="width-100"> <ion-item-sliding class="width-100">
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
</ion-item-sliding> </ion-item-sliding>
<ion-item-sliding class="width-100"> <ion-item-sliding class="width-100">
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
<ion-item lines="none" <ion-item lines="none" class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
class="item-skeleton width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div class="item-content flex-grow-1 cursor-pointer"> <div class="item-content flex-grow-1 cursor-pointer">
<div class="my-2"><div style="width: 90%; background-color: #eeeeee; height: 10px;"></div></div> <div class="my-2">
<div class="my-2"><div style="width: 50%; background-color: #eeeeee; height: 10px;"></div></div> <div style="width: 90%; background-color: #eeeeee; height: 10px;"></div>
<div class="my-2"><div style="width: 100%; background-color: #eeeeee; height: 10px;"></div></div> </div>
<div class="my-2">
<div style="width: 50%; background-color: #eeeeee; height: 10px;"></div>
</div>
<div class="my-2">
<div style="width: 100%; background-color: #eeeeee; height: 10px;"></div>
</div>
</div> </div>
</ion-item> </ion-item>
@@ -663,21 +873,35 @@
<!-- Aside right --> <!-- Aside right -->
<div class="aside-content d-none flex-column height-100"> <div class="aside-content d-none flex-column height-100">
<app-empty-container [texto]="emptyTextDescription" *ngIf="showEmptyContainer" [style.display]="showEmptyContainer ? 'flex' : 'none'" class="height-100 flex-column"></app-empty-container> <app-empty-container [texto]="emptyTextDescription" *ngIf="showEmptyContainer"
<app-all-processes [profile]="profile" class=" height-100 flex-column" *ngIf="showAllProcesses" [style.display]="showAllProcesses ? 'flex' : 'none'" ></app-all-processes> [style.display]="showEmptyContainer ? 'flex' : 'none'" class="height-100 flex-column"></app-empty-container>
<app-events-to-approve [profile]="'MDGPR'" *ngIf="showEventsToApprove" [style.display]="showEventsToApprove ? 'flex' : 'none'" class=" height-100 flex-column"></app-events-to-approve> <app-all-processes [profile]="profile" class=" height-100 flex-column" *ngIf="showAllProcesses"
[style.display]="showAllProcesses ? 'flex' : 'none'"></app-all-processes>
<app-events-to-approve [profile]="'MDGPR'" *ngIf="showEventsToApprove"
[style.display]="showEventsToApprove ? 'flex' : 'none'" class=" height-100 flex-column"></app-events-to-approve>
<app-expedients [profile]="profile" class=" height-100 flex-column" *ngIf="showExpedients" [style.display]="showExpedients ? 'flex' : 'none'" ></app-expedients> <app-expedients [profile]="profile" class=" height-100 flex-column" *ngIf="showExpedients"
<app-pedidos [profile]="profile" [segment]="segment" [serialNumber]="serialNumber" class=" height-100 flex-column" *ngIf="showPedidos" [style.display]="showPedidos ? 'flex' : 'none'"></app-pedidos> [style.display]="showExpedients ? 'flex' : 'none'"></app-expedients>
<app-despachos [profile]="profile" class="height-100 flex-column" *ngIf="showDespachos" [style.display]="showDespachos ? 'flex' : 'none'" ></app-despachos> <app-pedidos [profile]="profile" [segment]="segment" [serialNumber]="serialNumber" class=" height-100 flex-column"
<app-despachos-pr [profile]="profile" class=" height-100 flex-column" *ngIf="showDespachosPr" [style.display]="showDespachosPr ? 'flex' : 'none'" ></app-despachos-pr> *ngIf="showPedidos" [style.display]="showPedidos ? 'flex' : 'none'"></app-pedidos>
<app-pendentes [profile]="profile" class=" height-100 flex-column" *ngIf="showPendentes" [style.display]="showPendentes ? 'flex' : 'none'" ></app-pendentes> <app-despachos [profile]="profile" class="height-100 flex-column" *ngIf="showDespachos"
<app-diplomas (openExpedientDetail)="openExpedientesPrPage($event)" [profile]="profile" [segment]="segment" class=" height-100 flex-column" *ngIf="showDiplomas" [style.display]="showDiplomas ? 'flex' : 'none'"></app-diplomas> [style.display]="showDespachos ? 'flex' : 'none'"></app-despachos>
<app-diplomas-assinar class=" height-100 flex-column" *ngIf="showDiplomasAssinar" [style.display]="showDiplomasAssinar ? 'flex' : 'none'"></app-diplomas-assinar> <app-despachos-pr [profile]="profile" class=" height-100 flex-column" *ngIf="showDespachosPr"
<app-expedientes-pr [profile]="profile" class=" height-100 flex-column" *ngIf="showExpedientesPr" [style.display]="showExpedientesPr ? 'flex' : 'none'" ></app-expedientes-pr> [style.display]="showDespachosPr ? 'flex' : 'none'"></app-despachos-pr>
<app-signed-diploma [profile]="profile" class=" height-100 flex-column" *ngIf="showSignedDiploma" [style.display]="showSignedDiploma ? 'flex' : 'none'" ></app-signed-diploma> <app-pendentes [profile]="profile" class=" height-100 flex-column" *ngIf="showPendentes"
[style.display]="showPendentes ? 'flex' : 'none'"></app-pendentes>
<app-diplomas (openExpedientDetail)="openExpedientesPrPage($event)" [profile]="profile" [segment]="segment"
class=" height-100 flex-column" *ngIf="showDiplomas"
[style.display]="showDiplomas ? 'flex' : 'none'"></app-diplomas>
<app-diplomas-assinar class=" height-100 flex-column" *ngIf="showDiplomasAssinar"
[style.display]="showDiplomasAssinar ? 'flex' : 'none'"></app-diplomas-assinar>
<app-expedientes-pr [profile]="profile" class=" height-100 flex-column" *ngIf="showExpedientesPr"
[style.display]="showExpedientesPr ? 'flex' : 'none'"></app-expedientes-pr>
<app-signed-diploma [profile]="profile" class=" height-100 flex-column" *ngIf="showSignedDiploma"
[style.display]="showSignedDiploma ? 'flex' : 'none'"></app-signed-diploma>
<app-diplomas-gerars [profile]="profile" class="height-100 flex-column" *ngIf="showDiplomasGerar" [style.display]="showDiplomasGerar ? 'flex' : 'none'"></app-diplomas-gerars> <app-diplomas-gerars [profile]="profile" class="height-100 flex-column" *ngIf="showDiplomasGerar"
[style.display]="showDiplomasGerar ? 'flex' : 'none'"></app-diplomas-gerars>
</div> </div>
</div> </div>
</ion-content> </ion-content>
@@ -7,9 +7,11 @@ ion-content{
/* --padding-bottom:15px; */ /* --padding-bottom:15px; */
/* --background:#ecf8ff; */ /* --background:#ecf8ff; */
} }
ion-segment { ion-segment {
overflow: auto; overflow: auto;
} }
ion-segment-button { ion-segment-button {
margin: 0 auto !important; margin: 0 auto !important;
padding: 0 !important; padding: 0 !important;
@@ -22,11 +24,14 @@ ion-content{
min-height: rem(25); min-height: rem(25);
min-width: 25px; min-width: 25px;
} }
:host { :host {
// background: #0782c9; // background: #0782c9;
ion-card-title { ion-card-title {
text-align: center; text-align: center;
} }
.title-container { .title-container {
background: var(--gabinete-title-container); background: var(--gabinete-title-container);
padding: 30px 20px 15px 20px !important; padding: 30px 20px 15px 20px !important;
@@ -39,21 +44,25 @@ ion-content{
font-size: rem(25) !important; font-size: rem(25) !important;
float: left; float: left;
} }
.btn-no-color { .btn-no-color {
display: flex; display: flex;
float: right; float: right;
} }
.title-icon { .title-icon {
float: right; float: right;
margin-right: 20px; margin-right: 20px;
font-size: rem(30); font-size: rem(30);
color: #42b9fe; color: #42b9fe;
} }
.title-icons { .title-icons {
width: fit-content; width: fit-content;
float: right !important; float: right !important;
align-self: baseline; align-self: baseline;
} }
.title-icons fa-icon { .title-icons fa-icon {
font-size: rem(25) !important; font-size: rem(25) !important;
} }
@@ -63,26 +72,31 @@ ion-content{
background-color: #d4d5ca; background-color: #d4d5ca;
border-radius: 20px; border-radius: 20px;
} }
ion-item { ion-item {
--ion-background-color: #ffffff; --ion-background-color: #ffffff;
margin-bottom: 10px; margin-bottom: 10px;
border-radius: 5px; border-radius: 5px;
} }
ion-button { ion-button {
color: #000; color: #000;
--background: none; --background: none;
--border-color: none; --border-color: none;
--box-shadow: none; --box-shadow: none;
} }
ion-label { ion-label {
padding: 10px; padding: 10px;
} }
} }
.ion-item-change-color { .ion-item-change-color {
--ion-background-color: #fff2cc !important; --ion-background-color: #fff2cc !important;
margin-bottom: 10px; margin-bottom: 10px;
border-radius: 5px; border-radius: 5px;
} }
.div-top-header { .div-top-header {
width: 400px; width: 400px;
margin: 0 auto; margin: 0 auto;
@@ -96,15 +110,18 @@ ion-content{
float: left; float: left;
margin: 0 0 0 10px margin: 0 0 0 10px
} }
.div-logo { .div-logo {
background: transparent; background: transparent;
width: 140px; width: 140px;
margin: 5px 0 0px 71px; margin: 5px 0 0px 71px;
float: left; float: left;
} }
.div-logo img { .div-logo img {
width: 100%; width: 100%;
} }
.div-profile { .div-profile {
font-size: rem(45); font-size: rem(45);
float: right; float: right;
@@ -115,7 +132,8 @@ ion-content{
/* NEW CSS */ /* NEW CSS */
.main-content { .main-content {
width: 100%; /* 400px */ width: 100%;
/* 400px */
height: 100%; height: 100%;
font-family: Roboto; font-family: Roboto;
margin: 0 auto; margin: 0 auto;
@@ -125,6 +143,7 @@ ion-content{
.aside-wrapper { .aside-wrapper {
overflow: hidden; overflow: hidden;
.listview { .listview {
width: 100%t; width: 100%t;
height: auto !important; height: auto !important;
@@ -152,6 +171,7 @@ ion-content{
border: 1px solid white; border: 1px solid white;
float: left; float: left;
} }
.exp-card-long { .exp-card-long {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
@@ -178,6 +198,7 @@ ion-content{
font-size: rem(48); font-size: rem(48);
float: left !important; float: left !important;
} }
.exp-card-text { .exp-card-text {
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
@@ -189,9 +210,11 @@ ion-content{
.exp-card-icon { .exp-card-icon {
margin: 0 auto; margin: 0 auto;
} }
.exp-card ion-icon { .exp-card ion-icon {
font-size: rem(48) !important; font-size: rem(48) !important;
} }
.exp-card fa-icon { .exp-card fa-icon {
font-size: rem(30); font-size: rem(30);
padding: 0 1px 0 1px; padding: 0 1px 0 1px;
@@ -199,9 +222,11 @@ ion-content{
//border: 1px solid #ccc; //border: 1px solid #ccc;
color: #797979; color: #797979;
} }
.exp-card-title { .exp-card-title {
font-size: rem(15); font-size: rem(15);
color: var(--title-text-color);; color: var(--title-text-color);
;
font-family: Roboto; font-family: Roboto;
font-weight: bold; font-weight: bold;
font-stretch: normal; font-stretch: normal;
@@ -209,10 +234,12 @@ ion-content{
margin: 15px 0 0 10px; margin: 15px 0 0 10px;
text-align: center; text-align: center;
} }
.exp-card-title p { .exp-card-title p {
text-align: center; text-align: center;
} }
.exp-card-content { .exp-card-content {
font-size: rem(13); font-size: rem(13);
color: #797979; color: #797979;
@@ -228,6 +255,7 @@ ion-content{
} }
} }
.title-content { .title-content {
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
@@ -235,13 +263,16 @@ ion-content{
padding: 0 !important; padding: 0 !important;
background: transparent; background: transparent;
} }
.div-title { .div-title {
padding: 0 !important; padding: 0 !important;
float: left; float: left;
} }
.title { .title {
font-size: rem(25); font-size: rem(25);
} }
.div-icon { .div-icon {
float: right; float: right;
font-size: rem(35); font-size: rem(35);
@@ -252,6 +283,7 @@ ion-content{
ion-list { ion-list {
background: transparent; background: transparent;
} }
.item-wrapper { .item-wrapper {
border-radius: 15px; border-radius: 15px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
@@ -292,17 +324,20 @@ ion-content{
/* font-size: rem(13); */ /* font-size: rem(13); */
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
background-color: white;
ion-icon { ion-icon {
font-size: rem(16); font-size: rem(16);
color: #42b9fe; color: #42b9fe;
float: left; float: left;
} }
label { label {
font-size: rem(13); font-size: rem(13);
} }
} }
} }
.item-middle-detail { .item-middle-detail {
font-size: rem(13); font-size: rem(13);
width: 100%; width: 100%;
@@ -326,6 +361,7 @@ ion-content{
} }
} }
} }
.item-middle-detail-extra { .item-middle-detail-extra {
font-size: rem(13); font-size: rem(13);
padding-left: 3px; padding-left: 3px;
@@ -340,6 +376,7 @@ ion-content{
} }
} }
} }
.item-bottom-detail { .item-bottom-detail {
font-size: rem(16); font-size: rem(16);
width: 100%; width: 100%;
@@ -362,6 +399,7 @@ ion-content{
color: #fff; color: #fff;
} }
} }
.item-date { .item-date {
width: auto; width: auto;
font-family: Roboto; font-family: Roboto;
@@ -381,7 +419,9 @@ ion-content{
} }
} }
} }
.item-middle-detail, .item-bottom-detail{
.item-middle-detail,
.item-bottom-detail {
margin-bottom: 5px; margin-bottom: 5px;
} }
} }
@@ -393,6 +433,7 @@ ion-content{
width: 547px !important; width: 547px !important;
} }
} }
/* @media only screen and (min-width: 749px) { /* @media only screen and (min-width: 749px) {
.exp-card-long{ .exp-card-long{
width: 734px !important; width: 734px !important;
@@ -404,6 +445,7 @@ ion-content{
ion-content { ion-content {
--background: transparent; --background: transparent;
} }
.title { .title {
font-size: rem(15) !important; font-size: rem(15) !important;
} }
@@ -427,11 +469,13 @@ ion-content{
display: block; display: block;
} }
} }
.aside-title { .aside-title {
font-family: Roboto; font-family: Roboto;
font-size: rem(16) !important; font-size: rem(16) !important;
text-align: left; text-align: left;
} }
.exp-card { .exp-card {
width: 90% !important; width: 90% !important;
justify-content: flex-start !important; justify-content: flex-start !important;
@@ -442,6 +486,7 @@ ion-content{
} }
} }
.exp-card-long { .exp-card-long {
//display: none; //display: none;
width: 90% !important; width: 90% !important;
@@ -461,20 +506,24 @@ ion-content{
width: calc(100% - 50px); width: calc(100% - 50px);
} }
} }
.title1 { .title1 {
display: none !important; display: none !important;
} }
.exp-card-title { .exp-card-title {
flex: 1; flex: 1;
float: left !important; float: left !important;
text-align: left; text-align: left;
padding-left: 10px; padding-left: 10px;
} }
.exp-card-content { .exp-card-content {
width: fit-content; width: fit-content;
float: right; float: right;
} }
.exp-card-text { .exp-card-text {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -482,6 +531,7 @@ ion-content{
} }
} }
} }
.aside-content { .aside-content {
width: 65%; width: 65%;
display: flex !important; display: flex !important;
@@ -505,13 +555,16 @@ ion-content{
text-align: left; text-align: left;
margin-top: 0px !important; margin-top: 0px !important;
} }
.exp-card-content { .exp-card-content {
margin: 0 !important; margin: 0 !important;
} }
.exp-card-content .title1 { .exp-card-content .title1 {
display: none; display: none;
margin-top: 0px !important; margin-top: 0px !important;
} }
.exp-card-content .number { .exp-card-content .number {
//display: none; //display: none;
margin-top: 0px !important; margin-top: 0px !important;
@@ -529,6 +582,7 @@ ion-content{
.title { .title {
font-size: rem(25) !important; font-size: rem(25) !important;
} }
.content { .content {
width: 65%; width: 65%;
} }
@@ -536,28 +590,34 @@ ion-content{
.aside-right { .aside-right {
width: 35%; width: 35%;
} }
.aside-title { .aside-title {
font-family: Roboto; font-family: Roboto;
font-size: rem(25); font-size: rem(25);
text-align: left; text-align: left;
} }
} }
@media only screen and (min-width: 1024px) { @media only screen and (min-width: 1024px) {
.content { .content {
width: 70%; width: 70%;
} }
.aside-right { .aside-right {
width: 30%; width: 30%;
} }
} }
@media only screen and (min-width: 1140px) { @media only screen and (min-width: 1140px) {
.div-icon { .div-icon {
display: none; display: none;
} }
.content { .content {
width: 75%; width: 75%;
border-right: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;
} }
.aside-right { .aside-right {
width: 25%; width: 25%;
} }
@@ -575,7 +635,8 @@ ion-content{
color: white; color: white;
} }
.exp-card-content, .icon-selected{ .exp-card-content,
.icon-selected {
color: white !important; color: white !important;
} }
@@ -636,6 +697,7 @@ ion-content{
color: #061b52; color: #061b52;
} }
} }
.item-icon2 { .item-icon2 {
//margin-top: 23px; //margin-top: 23px;
width: rem(45); width: rem(45);
@@ -661,27 +723,34 @@ ion-content{
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
.item-content-title { .item-content-title {
color: var(--title-text-color); color: var(--title-text-color);
font-size: rem(15); font-size: rem(15);
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
.item-content-detail { .item-content-detail {
color: #000000; color: #000000;
font-size: rem(13); font-size: rem(13);
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
.item-options { .item-options {
color: var(--box-hover-background-color); color: var(--box-hover-background-color);
width: 25px; width: 25px;
font-size: rem(20); font-size: rem(20);
} }
.item-content-date-active, .item-content-title-active, .item-content-detail-active{
.item-content-date-active,
.item-content-title-active,
.item-content-detail-active {
color: #fff; color: #fff;
} }
} }
.item-options-active { .item-options-active {
display: none !important; display: none !important;
} }
@@ -708,6 +777,7 @@ ion-content{
border-radius: 27.5px; border-radius: 27.5px;
border: solid 1px #ebebeb; border: solid 1px #ebebeb;
font-size: rem(14); font-size: rem(14);
.icon { .icon {
color: #797979; color: #797979;
width: 41px; width: 41px;
@@ -717,9 +787,11 @@ ion-content{
font-size: rem(25); font-size: rem(25);
align-items: center; align-items: center;
} }
.input-text { .input-text {
width: 100%; width: 100%;
} }
.icon-z { .icon-z {
width: 20px; width: 20px;
} }
@@ -7,9 +7,12 @@
<div class="title d-flex justify-space-between"> <div class="title d-flex justify-space-between">
<div class="d-flex align-center" (click)="goBack()"> <div class="d-flex align-center" (click)="goBack()">
<div class="d-flex align-center font-35-rem"> <div class="d-flex align-center font-35-rem">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end"
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon> src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " slot="end" src='assets/images/theme/{{ThemeService.currentTheme}}/icons-calendar-arrow-left.svg'></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end"
src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " slot="end"
src='assets/images/theme/{{ThemeService.currentTheme}}/icons-calendar-arrow-left.svg'></ion-icon>
</div> </div>
<div class="thetitle"><ion-label>Pedidos</ion-label></div> <div class="thetitle"><ion-label>Pedidos</ion-label></div>
</div> </div>
@@ -26,7 +29,8 @@
</div> </div>
</div> </div>
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda"> <mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
placeholder="Selecione agenda">
<mat-select [(value)]="filterName"> <mat-select [(value)]="filterName">
<mat-option value="Para hoje"> <mat-option value="Para hoje">
@@ -77,11 +81,8 @@
<ion-content> <ion-content>
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)"> <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-refresher-content <ion-refresher-content pullingIcon="chevron-down-circle-outline" pullingText="deslize para actualizar"
pullingIcon="chevron-down-circle-outline" refreshingSpinner="circles" refreshingText="A actualizar...">
pullingText="deslize para actualizar"
refreshingSpinner="circles"
refreshingText="A actualizar...">
</ion-refresher-content> </ion-refresher-content>
</ion-refresher> </ion-refresher>
@@ -94,11 +95,8 @@
<ion-list *ngSwitchCase="'parecer'"> <ion-list *ngSwitchCase="'parecer'">
<!-- *ngFor = "let task of pedidosstorage.listparecer; let i = index" <!-- *ngFor = "let task of pedidosstorage.listparecer; let i = index"
(click)="viewExpedientDetail(task.SerialNumber)" --> (click)="viewExpedientDetail(task.SerialNumber)" -->
<div <div class="ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of pedidosstorage.listparecer"
class="ion-no-padding ion-no-margin cursor-pointer" (click)="goToPedido(task.SerialNumber)">
*ngFor = "let task of pedidosstorage.listparecer"
(click)="goToPedido(task.SerialNumber)"
>
<!-- (click)="viewExpedientDetail(task.SerialNumber)" --> <!-- (click)="viewExpedientDetail(task.SerialNumber)" -->
<!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" --> <!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
@@ -109,8 +107,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -124,7 +124,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -134,11 +134,8 @@
</div> </div>
<div *ngIf="pedidosstorage.listdeferimento"> <div *ngIf="pedidosstorage.listdeferimento">
<ion-list *ngSwitchCase="'deferimento'"> <ion-list *ngSwitchCase="'deferimento'">
<div <div class="expediente ion-no-padding ion-no-margin cursor-pointer"
class="expediente ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of pedidosstorage.listdeferimento" (click)="goToPedido(task.SerialNumber)">
*ngFor = "let task of pedidosstorage.listdeferimento"
(click)="goToPedido(task.SerialNumber)"
>
<!-- (click)="viewExpedientDetail(task.SerialNumber)" --> <!-- (click)="viewExpedientDetail(task.SerialNumber)" -->
<!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" --> <!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
<div class="item width-100"> <div class="item width-100">
@@ -149,8 +146,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -164,7 +163,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -175,25 +174,22 @@
<div [ngSwitch]="segment"> <div [ngSwitch]="segment">
<div *ngSwitchCase="'parecer'" class="centered-div d-flex height-100 align-center justify-content-center"> <div *ngSwitchCase="'parecer'" class="centered-div d-flex height-100 align-center justify-content-center">
<div <div *ngIf="pedidosstorage.listparecer.length == 0"
*ngIf="pedidosstorage.listparecer.length == 0" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
</div> </div>
<div *ngSwitchCase="'deferimento'" class="centered-div d-flex height-100 align-center justify-content-center"> <div *ngSwitchCase="'deferimento'" class="centered-div d-flex height-100 align-center justify-content-center">
<div <div *ngIf="pedidosstorage.listdeferimento.length == 0"
*ngIf="pedidosstorage.listdeferimento.length == 0" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="skeletonLoader && pedidosstorage.listdeferimento.length == 0 && skeletonLoader && pedidosstorage.listparecer.length == 0"> <div
*ngIf="skeletonLoader && pedidosstorage.listdeferimento.length == 0 && skeletonLoader && pedidosstorage.listparecer.length == 0">
<ion-list> <ion-list>
<ion-item> <ion-item>
@@ -222,4 +218,3 @@
</ion-content> </ion-content>
@@ -15,7 +15,8 @@
<ion-content> <ion-content>
<div class="main-content"> <div class="main-content">
<div class="ion-item-container" [class.input-error]="Form?.get('Subject')?.invalid && validateFrom "> <div class="ion-item-container" [class.input-error]="Form?.get('Subject')?.invalid && validateFrom ">
<ion-input autocomplete="on" autocorrect="on" spellcheck="true" placeholder="Assunto*" [(ngModel)]="_postEvent.Subject"></ion-input> <ion-input autocomplete="on" autocorrect="on" spellcheck="true" placeholder="Assunto*"
[(ngModel)]="_postEvent.Subject"></ion-input>
</div> </div>
<div *ngIf="Form && validateFrom"> <div *ngIf="Form && validateFrom">
<div *ngIf="Form.get('Subject').invalid " class="input-errror-message"> <div *ngIf="Form.get('Subject').invalid " class="input-errror-message">
@@ -34,7 +35,8 @@
<ion-icon slot="start" src="assets/images/icons-location.svg"></ion-icon> <ion-icon slot="start" src="assets/images/icons-location.svg"></ion-icon>
</div> </div>
<div class="ion-input-class flex-grow-1" [class.input-error]="Form?.get('Location')?.invalid && validateFrom "> <div class="ion-input-class flex-grow-1" [class.input-error]="Form?.get('Location')?.invalid && validateFrom ">
<ion-input autocomplete="on" autocorrect="on" spellcheck="true" placeholder="Localização*" [(ngModel)]="_postEvent.Location"></ion-input> <ion-input autocomplete="on" autocorrect="on" spellcheck="true" placeholder="Localização*"
[(ngModel)]="_postEvent.Location"></ion-input>
</div> </div>
</div> </div>
<!-- Error messages --> <!-- Error messages -->
@@ -96,7 +98,8 @@
<div class="ion-icon-class"> <div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon> <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
</div> </div>
<div class="ion-input-class flex-grow-1" [class.input-error]="Form?.get('Categories')?.invalid && validateFrom "> <div class="ion-input-class flex-grow-1"
[class.input-error]="Form?.get('Categories')?.invalid && validateFrom ">
<mat-form-field appearance="none" floatLabel="never" class="width-100" required> <mat-form-field appearance="none" floatLabel="never" class="width-100" required>
<!-- <input matInput type="text" > --> <!-- <input matInput type="text" > -->
@@ -128,19 +131,11 @@
<div class="ion-input-class flex-grow-1" [class.input-error]="Form?.get('Date')?.invalid && validateFrom "> <div class="ion-input-class flex-grow-1" [class.input-error]="Form?.get('Date')?.invalid && validateFrom ">
<mat-form-field appearance="none" floatLabel="never" class="date-hour-picker"> <mat-form-field appearance="none" floatLabel="never" class="date-hour-picker">
<input matInput [ngxMatDatetimePicker]="picker1" <input matInput [ngxMatDatetimePicker]="picker1" placeholder="Choose a date"
placeholder="Choose a date" [(ngModel)]="_postEvent.StartDate" [max]="maxDate" [disabled]="disabled">
[(ngModel)]="_postEvent.StartDate"
[max]="maxDate"
[disabled]="disabled"
>
<mat-datepicker-toggle id="new-inicio" matSuffix [for]="picker1"></mat-datepicker-toggle> <mat-datepicker-toggle id="new-inicio" matSuffix [for]="picker1"></mat-datepicker-toggle>
<ngx-mat-datetime-picker #picker1 <ngx-mat-datetime-picker #picker1 [showSpinners]="showSpinners" [showSeconds]="showSeconds"
[showSpinners]="showSpinners" [stepHour]="stepHour" [stepMinute]="stepMinute" [stepSecond]="stepSecond" [touchUi]="touchUi">
[showSeconds]="showSeconds"
[stepHour]="stepHour" [stepMinute]="stepMinute"
[stepSecond]="stepSecond"
[touchUi]="touchUi">
</ngx-mat-datetime-picker> </ngx-mat-datetime-picker>
</mat-form-field> </mat-form-field>
@@ -156,19 +151,11 @@
<div class="ion-input-class flex-grow-1" [class.input-error]="Form?.get('Date')?.invalid && validateFrom "> <div class="ion-input-class flex-grow-1" [class.input-error]="Form?.get('Date')?.invalid && validateFrom ">
<mat-form-field appearance="none" floatLabel="never" floatLabel="never" class="date-hour-picker"> <mat-form-field appearance="none" floatLabel="never" floatLabel="never" class="date-hour-picker">
<input matInput [ngxMatDatetimePicker]="fim" <input matInput [ngxMatDatetimePicker]="fim" placeholder="Choose a date" [(ngModel)]="_postEvent.EndDate"
placeholder="Choose a date" [max]="maxDate" [disabled]="disabled" [min]="_postEvent.StartDate">
[(ngModel)]="_postEvent.EndDate"
[max]="maxDate"
[disabled]="disabled"
[min]="_postEvent.StartDate"
>
<mat-datepicker-toggle id="new-fim" matSuffix [for]="fim"></mat-datepicker-toggle> <mat-datepicker-toggle id="new-fim" matSuffix [for]="fim"></mat-datepicker-toggle>
<ngx-mat-datetime-picker #fim <ngx-mat-datetime-picker #fim [showSpinners]="showSpinners" [showSeconds]="showSeconds"
[showSpinners]="showSpinners" [stepHour]="stepHour" [stepMinute]="stepMinute" [stepSecond]="stepSecond">
[showSeconds]="showSeconds"
[stepHour]="stepHour" [stepMinute]="stepMinute"
[stepSecond]="stepSecond">
</ngx-mat-datetime-picker> </ngx-mat-datetime-picker>
</mat-form-field> </mat-form-field>
@@ -208,20 +195,11 @@
<div (click)="openLastOccurrence()" class="ion-input-class flex-grow-1"> <div (click)="openLastOccurrence()" class="ion-input-class flex-grow-1">
<mat-form-field class="date-hour-picker"> <mat-form-field class="date-hour-picker">
<input matInput [ngxMatDatetimePicker]="occurrrence" <input matInput [ngxMatDatetimePicker]="occurrrence" placeholder="Choose a date"
placeholder="Choose a date" [(ngModel)]="_postEvent.EventRecurrence.LastOccurrence" [disabled]="disabled" [min]="_postEvent.EndDate">
[(ngModel)]="_postEvent.EventRecurrence.LastOccurrence"
[disabled]="disabled"
[min]="_postEvent.EndDate"
>
<mat-datepicker-toggle id="last-occurrence" matSuffix [for]="occurrrence"></mat-datepicker-toggle> <mat-datepicker-toggle id="last-occurrence" matSuffix [for]="occurrrence"></mat-datepicker-toggle>
<ngx-mat-datetime-picker #occurrrence <ngx-mat-datetime-picker #occurrrence [showSpinners]="showSpinners" [showSeconds]="showSeconds"
[showSpinners]="showSpinners" [stepHour]="stepHour" [stepMinute]="stepMinute" [stepSecond]="stepSecond" [touchUi]="touchUi">
[showSeconds]="showSeconds"
[stepHour]="stepHour" [stepMinute]="stepMinute"
[stepSecond]="stepSecond"
[touchUi]="touchUi"
>
</ngx-mat-datetime-picker> </ngx-mat-datetime-picker>
</mat-form-field> </mat-form-field>
@@ -236,7 +214,8 @@
<div class="ion-icon-class"> <div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon> <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
</div> </div>
<div class="ion-input-class-no-height" [class.input-error]="Form?.get('participantes')?.invalid && validateFrom"> <div class="ion-input-class-no-height"
[class.input-error]="Form?.get('participantes')?.invalid && validateFrom">
<div class="list-people"> <div class="list-people">
<ion-item lines="none"> <ion-item lines="none">
<ion-list> <ion-list>
@@ -247,8 +226,10 @@
</div> </div>
<div class="add-people"> <div class="add-people">
<button class="btn-no-color cursor-pointer" (click)="addParticipants()"> <button class="btn-no-color cursor-pointer" (click)="addParticipants()">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35-rem" slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35-rem" slot="start"
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon> src="assets/images/icons-arrow-forward.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" slot="start"
src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
</button> </button>
</div> </div>
</div> </div>
@@ -260,7 +241,8 @@
<div class="ion-icon-class"> <div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon> <ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
</div> </div>
<div class="ion-input-class-no-height" [class.input-error]="Form?.get('participantes')?.invalid && validateFrom"> <div class="ion-input-class-no-height"
[class.input-error]="Form?.get('participantes')?.invalid && validateFrom">
<div class="list-people"> <div class="list-people">
<ion-item lines="none"> <ion-item lines="none">
<ion-list> <ion-list>
@@ -271,8 +253,10 @@
</div> </div>
<div class="add-people"> <div class="add-people">
<button class="btn-no-color cursor-pointer" (click)="addParticipantsCc()"> <button class="btn-no-color cursor-pointer" (click)="addParticipantsCc()">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35-rem" slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35-rem" slot="start"
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon> src="assets/images/icons-arrow-forward.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" slot="start"
src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
</button> </button>
</div> </div>
</div> </div>
@@ -285,7 +269,8 @@
<ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon> <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
</div> </div>
<div class="ion-input-class-no-height width-100"> <div class="ion-input-class-no-height width-100">
<ion-textarea autocomplete="on" autocorrect="on" spellcheck="true" [(ngModel)]="_postEvent.Body.Text" placeholder="Detalhes" rows="6" cols="20"></ion-textarea> <ion-textarea autocomplete="on" autocorrect="on" spellcheck="true" [(ngModel)]="_postEvent.Body.Text"
placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
</div> </div>
</div> </div>
</div> </div>
@@ -294,8 +279,10 @@
<ion-label> <ion-label>
<div class="attach-icon"> <div class="attach-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-attach-doc.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-attach-doc.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-attach-doc.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/{{ThemeService.currentTheme}}/icons-attach-doc.svg"></ion-icon> src="assets/images/theme/gov/icons-attach-doc.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-attach-doc.svg"></ion-icon>
</div> </div>
<div class="attach-document"> <div class="attach-document">
<ion-label>Adicionar documentos</ion-label> <ion-label>Adicionar documentos</ion-label>
@@ -317,7 +304,8 @@
<ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon> <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
</span> </span>
</p> </p>
<p><span class="span-left">{{document.Stakeholders}}</span><span class="span-right"> {{document.CreateDate | date: 'dd-MM-yyyy HH:mm'}} </span></p> <p><span class="span-left">{{document.Stakeholders}}</span><span class="span-right"> {{document.CreateDate |
date: 'dd-MM-yyyy HH:mm'}} </span></p>
</ion-label> </ion-label>
</ion-item> </ion-item>
</ion-list> </ion-list>
@@ -4,9 +4,12 @@
<div class="title-content d-flex"> <div class="title-content d-flex">
<div class="left"> <div class="left">
<button class="btn-no-color" (click)="close()"> <button class="btn-no-color" (click)="close()">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-calendar-arrow-left.svg'></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end"
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon> src='assets/images/icons-calendar-arrow-left.svg'></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " slot="end" src='assets/images/theme/{{ThemeService.currentTheme}}/icons-calendar-arrow-left.svg'></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end"
src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " slot="end"
src='assets/images/theme/{{ThemeService.currentTheme}}/icons-calendar-arrow-left.svg'></ion-icon>
</button> </button>
</div> </div>
<div class="middle" (click)="openOptions()"> <div class="middle" (click)="openOptions()">
@@ -15,9 +18,12 @@
<div class="div-icon d-flex align-base"> <div class="div-icon d-flex align-base">
<button class="btn-no-color" (click)="editEvent()"> <button class="btn-no-color" (click)="editEvent()">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="edit" slot="end" src="assets/images/icons-edit.svg" ></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="edit" slot="end"
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="edit" slot="end" src="assets/images/theme/gov/icons-edit.svg" ></ion-icon> src="assets/images/icons-edit.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="edit" slot="end" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-edit.svg" ></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="edit" slot="end"
src="assets/images/theme/gov/icons-edit.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="edit" slot="end"
src="assets/images/theme/{{ThemeService.currentTheme}}/icons-edit.svg"></ion-icon>
</button> </button>
<button class="btn-no-color" (click)="deleteYesOrNo()"> <button class="btn-no-color" (click)="deleteYesOrNo()">
<ion-icon class="delete" name="trash-sharp"></ion-icon> <ion-icon class="delete" name="trash-sharp"></ion-icon>
@@ -53,13 +59,17 @@
<div *ngIf="loadedEvent.Organizer"> <div *ngIf="loadedEvent.Organizer">
<div *ngIf="eventsService.isMyEvent(loadedEvent) == false || sesseionStora.user.Profile =='PR'"> <div *ngIf="eventsService.isMyEvent(loadedEvent) == false || sesseionStora.user.Profile =='PR'">
<span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' " style="background-color: #99e47b;">{{loadedEvent.CalendarName}}</span> <span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' "
<span class="label" *ngIf="loadedEvent.CalendarName == 'Pessoal' " style="background-color: #958bfc;">{{loadedEvent.CalendarName}}</span> style="background-color: #99e47b;">{{loadedEvent.CalendarName}}</span>
<span class="label" *ngIf="loadedEvent.CalendarName == 'Pessoal' "
style="background-color: #958bfc;">{{loadedEvent.CalendarName}}</span>
</div> </div>
<div *ngIf="eventsService.isMyEvent(loadedEvent) == true && sesseionStora.user.Profile !='PR'"> <div *ngIf="eventsService.isMyEvent(loadedEvent) == true && sesseionStora.user.Profile !='PR'">
<span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' " style="background-color: #ffb703;">{{loadedEvent.CalendarName}}</span> <span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' "
<span class="label" *ngIf="loadedEvent.CalendarName == 'Pessoal' " style="background-color: #f05d5e;">{{loadedEvent.CalendarName}}</span> style="background-color: #ffb703;">{{loadedEvent.CalendarName}}</span>
<span class="label" *ngIf="loadedEvent.CalendarName == 'Pessoal' "
style="background-color: #f05d5e;">{{loadedEvent.CalendarName}}</span>
</div> </div>
</div> </div>
@@ -67,8 +77,10 @@
<div class="content-details"> <div class="content-details">
<ion-label> <ion-label>
<p>{{customDate}}</p> <p>{{customDate}}</p>
<p *ngIf="toDateString(loadedEvent.StartDate) == toDateString(loadedEvent.EndDate)">das {{loadedEvent.StartDate | date: 'HH:mm'}} às {{loadedEvent.EndDate | date: 'HH:mm'}}</p> <p *ngIf="toDateString(loadedEvent.StartDate) == toDateString(loadedEvent.EndDate)">das
<p *ngIf="toDateString(loadedEvent.StartDate) != toDateString(loadedEvent.EndDate)">{{loadedEvent.StartDate | date: 'd/M/yy' }} - {{ loadedEvent.EndDate | date: 'dd/M/yy'}} </p> {{loadedEvent.StartDate | date: 'HH:mm'}} às {{loadedEvent.EndDate | date: 'HH:mm'}}</p>
<p *ngIf="toDateString(loadedEvent.StartDate) != toDateString(loadedEvent.EndDate)">{{loadedEvent.StartDate |
date: 'd/M/yy' }} - {{ loadedEvent.EndDate | date: 'dd/M/yy'}} </p>
<p *ngIf="loadedEvent.EventRecurrence"> <p *ngIf="loadedEvent.EventRecurrence">
<span *ngIf="loadedEvent.EventRecurrence.Type == 0">Diário</span> <span *ngIf="loadedEvent.EventRecurrence.Type == 0">Diário</span>
<span *ngIf="loadedEvent.EventRecurrence.Type == 1">Semanal</span> <span *ngIf="loadedEvent.EventRecurrence.Type == 1">Semanal</span>
@@ -104,7 +116,8 @@
<div *ngIf="loadedEvent.Attachments" class="bottom-content width-100"> <div *ngIf="loadedEvent.Attachments" class="bottom-content width-100">
<h5 class="font-17-rem">Documentos Anexados</h5> <h5 class="font-17-rem">Documentos Anexados</h5>
<ion-list class="width-100"> <ion-list class="width-100">
<li *ngFor="let attach of loadedEvent.Attachments; let i = index" class="width-100" lines="none" class="ion-no-margin ion-no-padding pa-0"> <li *ngFor="let attach of loadedEvent.Attachments; let i = index" class="width-100" lines="none"
class="ion-no-margin ion-no-padding pa-0">
<ion-label class="width-100 d-flex align-center"> <ion-label class="width-100 d-flex align-center">
<p class="flex-grow-1 cursor-pointer" (click)="docIndex(i);LoadDocumentDetails()"> <p class="flex-grow-1 cursor-pointer" (click)="docIndex(i);LoadDocumentDetails()">
<span class="attach-title-item d-block">{{attach.SourceName}}</span> <span class="attach-title-item d-block">{{attach.SourceName}}</span>
@@ -117,7 +130,8 @@
<div (click)="docIndex(i);LoadDocumentDetails()" class="doc-options"> <div (click)="docIndex(i);LoadDocumentDetails()" class="doc-options">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-menu.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-menu.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-menu.svg" ></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-menu.svg"></ion-icon>
</div> </div>
</ion-label> </ion-label>
@@ -7,13 +7,19 @@
<div> <div>
<div title="Pesquisa" *ngIf="!hideSearchBtn" class="mr-20 d-flex align-center cursor-pointer"> <div title="Pesquisa" *ngIf="!hideSearchBtn" class="mr-20 d-flex align-center cursor-pointer">
<div (click)="openSearch();showSearch=true" *ngIf="!showSearch" class="d-flex"> <div (click)="openSearch();showSearch=true" *ngIf="!showSearch" class="d-flex">
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35-rem" src="assets/images/theme/doneIt/icons-search.svg"></ion-icon> <ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35-rem"
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'default' " class="font-35-rem" src='assets/images/icons-search.svg'></ion-icon> src="assets/images/theme/doneIt/icons-search.svg"></ion-icon>
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" src='assets/images/theme/gov/icons-search.svg'></ion-icon> <ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'default' " class="font-35-rem"
src='assets/images/icons-search.svg'></ion-icon>
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem"
src='assets/images/theme/gov/icons-search.svg'></ion-icon>
</div> </div>
<button title="Fechar" class="btn-no-color d-flex" (click)="closeSearch();showSearch=false;searchSubject=''" *ngIf="showSearch"> <button title="Fechar" class="btn-no-color d-flex" (click)="closeSearch();showSearch=false;searchSubject=''"
<ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-35-rem" name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon> *ngIf="showSearch">
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' "
class="font-35-rem" name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" name="restaurant-outline"
src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
</button> </button>
<div *ngIf="showSearch"> <div *ngIf="showSearch">
@@ -53,7 +59,8 @@
</div> </div>
<div> <div>
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda"> <mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
placeholder="Selecione agenda">
<mat-select [(value)]="filterName"> <mat-select [(value)]="filterName">
<mat-option value="Para hoje"> <mat-option value="Para hoje">
@@ -107,9 +114,7 @@
<ion-item-sliding class="overflow-y-auto height-100"> <ion-item-sliding class="overflow-y-auto height-100">
<div class="listview"> <div class="listview">
<ion-list *ngIf="AllProcess"> <ion-list *ngIf="AllProcess">
<div <div class="item-hover ion-no-padding cursor-pointer" *ngFor="let task of AllProcess"
class="item-hover ion-no-padding cursor-pointer"
*ngFor = "let task of AllProcess"
(click)="goToProcess(task.SerialNumber || task.serialNumber, task.WorkflowName || task.workflowName|| task.workflowDisplayName , task.activityInstanceName)"> (click)="goToProcess(task.SerialNumber || task.serialNumber, task.WorkflowName || task.workflowName|| task.workflowDisplayName , task.activityInstanceName)">
<div class="item-wrapper" *ngIf="TaskService.filter(task, filterName)"> <div class="item-wrapper" *ngIf="TaskService.filter(task, filterName)">
<div class="item width-100 "> <div class="item width-100 ">
@@ -118,20 +123,26 @@
<!-- {{ task.SerialNumber || task.serialNumber}} {{ task.WorkflowName || task.workflowName || task.workflowDisplayName }} {{ task.activityInstanceName }} --> <!-- {{ task.SerialNumber || task.serialNumber}} {{ task.WorkflowName || task.workflowName || task.workflowDisplayName }} {{ task.activityInstanceName }} -->
<ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio || task.Subject || task.workflowInstanceDataFields.Subject}}</ion-label> <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio || task.Subject ||
<span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline || task.deadline)">Para hoje</span> task.workflowInstanceDataFields.Subject}}</ion-label>
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate || task.taskReceiveDate)">Nova</span> <span class="dead-line ml-10"
*ngIf="TaskService.deadlineIsToday(task.Deadline || task.deadline)">Para hoje</span>
<span class="new-task ml-10"
*ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate || task.taskReceiveDate)">Nova</span>
</div> </div>
<div *ngIf="task.DocumentsQty != 0" class="item-icon"> <div *ngIf="task.DocumentsQty != 0" class="item-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label>{{task.DocumentsQty || task.totalDocuments}}</label> <label>{{task.DocumentsQty || task.totalDocuments}}</label>
</div> </div>
</div> </div>
<div class="item-middle-detail"> <div class="item-middle-detail">
<div class="item-remetente"> <div class="item-remetente">
<ion-label class="sender" *ngIf="task.Senders">{{task.Senders }}</ion-label> <ion-label class="sender" *ngIf="task.Senders">{{task.Senders }}</ion-label>
<ion-label class="sender" *ngIf="task.workflowInstanceDataFields">{{ task.workflowInstanceDataFields.Sender }}</ion-label> <ion-label class="sender" *ngIf="task.workflowInstanceDataFields">{{
task.workflowInstanceDataFields.Sender }}</ion-label>
</div> </div>
</div> </div>
<div *ngIf="task.Agenda" class="item-middle-detail"> <div *ngIf="task.Agenda" class="item-middle-detail">
@@ -141,11 +152,13 @@
</div> </div>
<div *ngIf="task.Agenda" class="item-middle-detail-extra"> <div *ngIf="task.Agenda" class="item-middle-detail-extra">
<div class="item-middle-detail-extra-text"> <div class="item-middle-detail-extra-text">
<ion-label *ngIf=" task.WorkflowName == 'Agenda Oficial PR' || task.WorkflowName == 'Agenda Pessoal PR'"> <ion-label
*ngIf=" task.WorkflowName == 'Agenda Oficial PR' || task.WorkflowName == 'Agenda Pessoal PR'">
<!-- Agenda {{task.Agenda}} do Presidente da República --> <!-- Agenda {{task.Agenda}} do Presidente da República -->
Agenda {{task.Agenda}} do Titular Agenda {{task.Agenda}} do Titular
</ion-label> </ion-label>
<ion-label *ngIf=" task.WorkflowName == 'Agenda Oficial MDGPR' || task.WorkflowName == 'Agenda Pessoal MDGPR'"> <ion-label
*ngIf=" task.WorkflowName == 'Agenda Oficial MDGPR' || task.WorkflowName == 'Agenda Pessoal MDGPR'">
A sua agenda {{task.Agenda}} A sua agenda {{task.Agenda}}
</ion-label> </ion-label>
</div> </div>
@@ -155,7 +168,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="item-date"> <div class="item-date">
<ion-label>{{ task.CreateDate || task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -167,10 +180,8 @@
</ion-item-sliding> </ion-item-sliding>
</div> </div>
<div <div *ngIf="!TaskService.showLoader && AllProcess.length == 0"
*ngIf="!TaskService.showLoader && AllProcess.length == 0" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
@@ -15,7 +15,8 @@
</div> </div>
</div> </div>
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda"> <mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
placeholder="Selecione agenda">
<mat-select [(value)]="filterName"> <mat-select [(value)]="filterName">
<mat-option value="Para hoje"> <mat-option value="Para hoje">
@@ -54,11 +55,8 @@
</ion-header> </ion-header>
<ion-content> <ion-content>
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)"> <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-refresher-content <ion-refresher-content pullingIcon="chevron-down-circle-outline" pullingText="deslize para actualizar"
pullingIcon="chevron-down-circle-outline" refreshingSpinner="circles" refreshingText="A actualizar...">
pullingText="deslize para actualizar"
refreshingSpinner="circles"
refreshingText="A actualizar...">
</ion-refresher-content> </ion-refresher-content>
</ion-refresher> </ion-refresher>
@@ -69,11 +67,8 @@
<ion-list> <ion-list>
<div <div class=" item-hover ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of list"
class=" item-hover ion-no-padding ion-no-margin cursor-pointer" (click)="goToDiploma(task.SerialNumber)">
*ngFor = "let task of list"
(click)="goToDiploma(task.SerialNumber)"
>
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
<div class="exp-top-detail"> <div class="exp-top-detail">
<div class="subject d-flex"> <div class="subject d-flex">
@@ -82,8 +77,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -97,7 +94,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -106,10 +103,8 @@
</ion-list> </ion-list>
</div> </div>
<div <div *ngIf="!skeletonLoader && diplomasList.length == 0"
*ngIf="!skeletonLoader && diplomasList.length == 0" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
@@ -142,4 +137,3 @@
</ion-content> </ion-content>
@@ -44,7 +44,8 @@
</div> </div>
<div> <div>
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda"> <mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
placeholder="Selecione agenda">
<mat-select [(value)]="filterName"> <mat-select [(value)]="filterName">
<mat-option value="Para hoje"> <mat-option value="Para hoje">
@@ -103,11 +104,8 @@
<div *ngIf="listDiplomasPorValidar.length >= 1 && p.userPermission([p.permissionList.Gabinete.md_tasks])"> <div *ngIf="listDiplomasPorValidar.length >= 1 && p.userPermission([p.permissionList.Gabinete.md_tasks])">
<ion-list *ngSwitchCase="'validar'"> <ion-list *ngSwitchCase="'validar'">
<div <div class=" item-hover ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of listDiplomasPorValidar"
class=" item-hover ion-no-padding ion-no-margin cursor-pointer" (click)="goToDiploma(task.SerialNumber)">
*ngFor = "let task of listDiplomasPorValidar"
(click)="goToDiploma(task.SerialNumber)"
>
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
<div class="exp-top-detail"> <div class="exp-top-detail">
<div class="subject d-flex"> <div class="subject d-flex">
@@ -116,8 +114,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -131,7 +131,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -141,12 +141,8 @@
</div> </div>
<div *ngIf="listDiplomasAssinadosPR.length >= 1"> <div *ngIf="listDiplomasAssinadosPR.length >= 1">
<ion-list *ngSwitchCase="'assinados'"> <ion-list *ngSwitchCase="'assinados'">
<div <div class=" ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of listDiplomasAssinadosPR"
class=" ion-no-padding ion-no-margin cursor-pointer" (click)="goToDiploma(task.SerialNumber)">
*ngFor = "let task of listDiplomasAssinadosPR"
(click)="goToDiploma(task.SerialNumber)"
>
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
<div class="exp-top-detail"> <div class="exp-top-detail">
<div class="subject d-flex"> <div class="subject d-flex">
@@ -155,8 +151,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -170,7 +168,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -180,19 +178,15 @@
<div *ngSwitchCase="'validar'" class="centered-div"> <div *ngSwitchCase="'validar'" class="centered-div">
<div <div *ngIf=" listDiplomasPorValidar.length == 0 && !skeletonLoader"
*ngIf=" listDiplomasPorValidar.length == 0 && !skeletonLoader" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
</div> </div>
<div *ngSwitchCase="'assinados'" class="centered-div"> <div *ngSwitchCase="'assinados'" class="centered-div">
<div <div *ngIf="listDiplomasAssinadosPR.length == 0 && !skeletonLoader"
*ngIf="listDiplomasAssinadosPR.length == 0 && !skeletonLoader" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
</div> </div>
@@ -256,4 +250,3 @@
</div> </div>
</ion-content> </ion-content>
@@ -3,11 +3,8 @@
<div *ngIf="taskList.length >= 1" class="width-100"> <div *ngIf="taskList.length >= 1" class="width-100">
<ion-list part="divo" class="width-100"> <ion-list part="divo" class="width-100">
<div <div class=" item-hover ion-no-padding ion-no-margin cursor-pointer"
class=" item-hover ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of taskList; let i = index" (click)="viewTaskDetail.emit(task)">
*ngFor = "let task of taskList; let i = index"
(click)="viewTaskDetail.emit(task)"
>
<!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" --> <!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
@@ -18,8 +15,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' "src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -33,7 +32,7 @@
<span class="label">{{task.activityInstanceName}}</span> <span class="label">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -41,10 +40,8 @@
</ion-list> </ion-list>
</div> </div>
<div <div *ngIf="!skeletonLoader && taskList.length == 0"
*ngIf="!skeletonLoader && taskList.length == 0" class="empty-list d-flex height-100 width-100 align-center justify-content-center">
class="empty-list d-flex height-100 width-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
@@ -48,7 +48,8 @@
</div> </div>
<div> <div>
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda"> <mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
placeholder="Selecione agenda">
<mat-select [(value)]="filterName"> <mat-select [(value)]="filterName">
<mat-option value="Para hoje"> <mat-option value="Para hoje">
@@ -98,11 +99,8 @@
</ion-header> </ion-header>
<ion-content> <ion-content>
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)"> <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-refresher-content <ion-refresher-content pullingIcon="chevron-down-circle-outline" pullingText="deslize para actualizar"
pullingIcon="chevron-down-circle-outline" refreshingSpinner="circles" refreshingText="A actualizar...">
pullingText="deslize para actualizar"
refreshingSpinner="circles"
refreshingText="A actualizar...">
</ion-refresher-content> </ion-refresher-content>
</ion-refresher> </ion-refresher>
@@ -112,11 +110,8 @@
<ion-list *ngSwitchCase="'parecer'"> <ion-list *ngSwitchCase="'parecer'">
<!-- *ngFor = "let task of listPedidosParecer; let i = index" <!-- *ngFor = "let task of listPedidosParecer; let i = index"
(click)="viewExpedientDetail(task.SerialNumber)" --> (click)="viewExpedientDetail(task.SerialNumber)" -->
<div <div class=" item-hover ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of listPedidosParecer"
class=" item-hover ion-no-padding ion-no-margin cursor-pointer" (click)="goToPedido(task.SerialNumber)">
*ngFor = "let task of listPedidosParecer"
(click)="goToPedido(task.SerialNumber)"
>
<!-- (click)="viewExpedientDetail(task.SerialNumber)" --> <!-- (click)="viewExpedientDetail(task.SerialNumber)" -->
<!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" --> <!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
@@ -127,8 +122,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -142,7 +139,7 @@
<span class="label mr-10">{{task.activityInstanceName}}</span> <span class="label mr-10">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -152,11 +149,8 @@
</div> </div>
<div *ngIf="listPedidosDeferimento.length >= 1"> <div *ngIf="listPedidosDeferimento.length >= 1">
<ion-list *ngSwitchCase="'deferimento'"> <ion-list *ngSwitchCase="'deferimento'">
<div <div class=" item-hover ion-no-padding ion-no-margin cursor-pointer" *ngFor="let task of listPedidosDeferimento"
class=" item-hover ion-no-padding ion-no-margin cursor-pointer" (click)="goToPedido(task.SerialNumber)">
*ngFor = "let task of listPedidosDeferimento"
(click)="goToPedido(task.SerialNumber)"
>
<!-- (click)="viewExpedientDetail(task.SerialNumber)" --> <!-- (click)="viewExpedientDetail(task.SerialNumber)" -->
<!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" --> <!-- [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
<div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)"> <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
@@ -167,8 +161,10 @@
<span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span> <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskReceiveDate)">Nova</span>
</div> </div>
<div class="exp-icon"> <div class="exp-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon> <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon> src="assets/images/icons-expediente-attachment.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
src="assets/images/theme/gov/icons-expediente-attachment.svg"></ion-icon>
<label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label> <label *ngIf="task.DocumentsQty != 0">{{task.DocumentsQty}}</label>
</div> </div>
</div> </div>
@@ -182,7 +178,7 @@
<span class="label mr-10">{{task.activityInstanceName}}</span> <span class="label mr-10">{{task.activityInstanceName}}</span>
</div> </div>
<div class="exp-date"> <div class="exp-date">
<ion-label>{{ task.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label> <ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm' }}</ion-label>
</div> </div>
</div> </div>
</div> </div>
@@ -191,19 +187,15 @@
</div> </div>
<div *ngSwitchCase="'parecer'" class="centered-div"> <div *ngSwitchCase="'parecer'" class="centered-div">
<div <div *ngIf=" listPedidosParecer.length == 0 && !skeletonLoader"
*ngIf=" listPedidosParecer.length == 0 && !skeletonLoader" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
</div> </div>
<div *ngSwitchCase="'deferimento'" class="centered-div"> <div *ngSwitchCase="'deferimento'" class="centered-div">
<div <div *ngIf="listPedidosDeferimento.length == 0 && !skeletonLoader"
*ngIf="listPedidosDeferimento.length == 0 && !skeletonLoader" class="empty-list d-flex height-100 align-center justify-content-center">
class="empty-list d-flex height-100 align-center justify-content-center"
>
<span>Lista vazia</span> <span>Lista vazia</span>
</div> </div>
</div> </div>
@@ -263,4 +255,3 @@
</div> </div>
</ion-content> </ion-content>