mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-19 04:57:52 +00:00
Peter Maquiran
910 lines
54 KiB
HTML
910 lines
54 KiB
HTML
<!-- {{ NotificationsService.active }} -->
|
|
<ion-content class="height-100 container-wrapper">
|
|
<ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)" *ngIf="refresh">
|
|
<ion-refresher-content>
|
|
</ion-refresher-content>
|
|
</ion-refresher>
|
|
|
|
<div class="main-content d-flex height-100 border-t-radius">
|
|
|
|
<!-- Aside left -->
|
|
<div class="aside-wrapper d-flex flex-column width-md-40 flex-grow-1">
|
|
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
|
|
<div class="title-container">
|
|
<div class="title d-flex justify-center">
|
|
<ion-label *ngIf="hideRefreshBtn">Gabinete Digital</ion-label>
|
|
<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-select [(value)]="filterName" (selectionChange)="dynamicSearch()">
|
|
|
|
<mat-option value="Para hoje">
|
|
Para hoje
|
|
</mat-option>
|
|
|
|
<mat-option value="Novos">
|
|
Novas
|
|
</mat-option>
|
|
|
|
<mat-option value="Lidos">
|
|
Lidas
|
|
</mat-option>
|
|
|
|
<mat-option value="Não lidos">
|
|
Não lidas
|
|
</mat-option>
|
|
|
|
<mat-option value="OverdueTasks">
|
|
Em atraso
|
|
</mat-option>
|
|
|
|
<mat-option value="Todos">
|
|
Todas
|
|
</mat-option>
|
|
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<div class="d-flex" (click)="reorderList('old')" *ngIf="ordinance == 'recent' && !hideRefreshBtn ">
|
|
|
|
<ion-icon class="ml-10 font-25-rem" src="assets/images/theme/gov/crescente.svg"></ion-icon>
|
|
</div>
|
|
|
|
<div class="d-flex" (click)="reorderList('recent')" *ngIf="ordinance != 'recent' && !hideRefreshBtn ">
|
|
<ion-icon class="ml-10 font-25-rem" src="assets/images/theme/gov/decrescente.svg"></ion-icon>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<button title="Atualizar" *ngIf="hideRefreshBtn && TaskService.loadCount" class="btn-no-color btn-refresh"
|
|
(click)="doRefreshAside()">
|
|
<ion-icon class=" font-45-em" src="assets/images/theme/gov/icon-reload.svg"></ion-icon>
|
|
</button>
|
|
<div *ngIf="!hideRefreshBtn" class="title-icons">
|
|
|
|
<!-- <ion-segment [(ngModel)]="segmentVista" (ionChange)="onSegmentVistaChange()" style="overflow:hidden; margin-right: 45px;">
|
|
<ion-segment-button value="listview" class="ion-segment-button-no-border pr-30" >
|
|
<fa-icon icon="align-justify" [class.activeTab]="segmentVista == 'listview' "></fa-icon>
|
|
</ion-segment-button>
|
|
<ion-segment-button value="boxview" class="ion-segment-button-no-border">
|
|
<fa-icon icon="th-large" [class.activeTab]="segmentVista == 'boxview' "></fa-icon>
|
|
</ion-segment-button>
|
|
</ion-segment> -->
|
|
|
|
<div class="d-flex">
|
|
<div (click)="segmentVista = 'listview' " class="mr-30">
|
|
<fa-icon icon="align-justify" [class.activeTab]="segmentVista == 'listview' "></fa-icon>
|
|
</div>
|
|
<div (click)="segmentVista = 'boxview' ">
|
|
<fa-icon icon="th-large" [class.activeTab]="segmentVista == 'boxview' "></fa-icon>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div *ngIf="segmentVista == 'listview' " class="d-flex px-20-rem pb-10 justify-content-end width-100">
|
|
<div title="Pesquisa" class="d-flex align-center cursor-pointer width-100 justify-end">
|
|
<!-- <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 == '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>
|
|
<button title="Fechar" class="btn-no-color d-flex" (click)="closeSearch();showSearch=false;searchSubject=''" *ngIf="showSearch">
|
|
<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> -->
|
|
|
|
<div *ngIf="showSearch" class="width-100">
|
|
<div class="d-flex search-input-container justify-between" *ngIf="showSearch">
|
|
<!-- <div class="icon" (click)="basicSearch()">
|
|
<ion-icon class="icon-z" slot="end" name="search"></ion-icon>
|
|
</div> -->
|
|
<div class="input-text d-flex ion-align-items-center flex-1">
|
|
<ion-input (keyup.enter)="basicSearch()" [(ngModel)]='searchSubject' (ngModelChange)="dynamicSearch()"
|
|
class="search-input text-black" type="search" placeholder="Pesquisar"></ion-input>
|
|
</div>
|
|
|
|
<div (click)="basicSearch()" class="d-flex align-center icon">
|
|
|
|
<ion-icon class="icon-z" slot="end" src="assets/images/theme/gov/search.svg"></ion-icon>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngIf="hideSearchBtn">
|
|
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary"
|
|
placeholder="Selecione agenda">
|
|
<mat-select [(value)]="filterName" (selectionChange)="dynamicSearch()">
|
|
|
|
<mat-option value="Para hoje">
|
|
Para hoje
|
|
</mat-option>
|
|
|
|
<mat-option value="Novos">
|
|
Novas
|
|
</mat-option>
|
|
|
|
<mat-option value="Lidos">
|
|
Lidas
|
|
</mat-option>
|
|
|
|
<mat-option value="Não lidos">
|
|
Não lidas
|
|
</mat-option>
|
|
|
|
<mat-option value="OverdueTasks">
|
|
Em atraso
|
|
</mat-option>
|
|
|
|
<mat-option value="Todos">
|
|
Todas
|
|
</mat-option>
|
|
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- {{ segmentVista }}: segmentVista -->
|
|
<div #scroll [ngSwitch]="segmentVista" class="overflow-y-auto">
|
|
<!-- This is the list view -->
|
|
<div *ngSwitchCase="'listview'">
|
|
|
|
<ion-item-sliding *ngIf="TaskService.loadCount || (AllProcess.length >= 1 && TaskService.loadNum >= 1)">
|
|
<div class="listview">
|
|
<ion-list *ngIf="AllProcess">
|
|
<div 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)">
|
|
<div class="item-wrapper">
|
|
<div class="item width-100">
|
|
<div class="item-top-detail">
|
|
<div class="item-subject">
|
|
<!-- ... {{ 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>
|
|
<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 *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 == '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>
|
|
</div>
|
|
</div>
|
|
<div class="item-middle-detail">
|
|
<div class="item-remetente">
|
|
<ion-label *ngIf="task.Senders">{{task.Senders }}</ion-label>
|
|
<ion-label *ngIf="task.workflowInstanceDataFields">{{ task.workflowInstanceDataFields.Sender
|
|
}}</ion-label>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="task.Agenda" class="item-middle-detail">
|
|
<div class="item-remetente">
|
|
<ion-label>{{task.customDate}}</ion-label>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="task.Agenda" class="item-middle-detail-extra">
|
|
<div class="item-middle-detail-extra-text">
|
|
<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 Titular
|
|
</ion-label>
|
|
<ion-label
|
|
*ngIf=" task.WorkflowName == 'Agenda Oficial MDGPR' || task.WorkflowName == 'Agenda Pessoal MDGPR'">
|
|
A sua agenda {{task.Agenda || task.workflowInstanceDataFields.Agenda}}
|
|
</ion-label>
|
|
</div>
|
|
</div>
|
|
<div class="item-bottom-detail d-flex align-items-center">
|
|
<div class="item-workflow">
|
|
<span class="label">{{task.WorkflowName}}</span>
|
|
</div>
|
|
<div class="item-date">
|
|
<ion-label>{{ task.taskStartDate || task.TaskStartDate | date: 'dd-MM-yyyy HH:mm'
|
|
}}</ion-label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-list>
|
|
</div>
|
|
</ion-item-sliding>
|
|
|
|
|
|
<ion-item-sliding *ngIf="!TaskService.loadCount" class="width-100">
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
</ion-item-sliding>
|
|
</div>
|
|
|
|
<!-- This is the box view -->
|
|
<div *ngSwitchCase="'boxview'" class="aside d-flex flex-wrap width-100 height-100">
|
|
<div *ngIf="TaskService.loadCount" class="center-box">
|
|
|
|
<!-- List -->
|
|
<div *ngIf="hideInMobile" (click)="openAllProcessesPage()"
|
|
[class.active]="selectedElement == 'allProcessesTag'" class="box-hover exp-card d-flex flex-column">
|
|
<div class="d-flex justify-center">
|
|
<!-- <ion-icon src="assets/images/icons-agenda.svg"></ion-icon> -->
|
|
<fa-icon class="icon-selected" icon="align-justify"></fa-icon>
|
|
</div>
|
|
<p class="text-center exp-card-title ">
|
|
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 == 1">{{ TaskService.new }} correspondência
|
|
novas</span>
|
|
</p>
|
|
<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 == 1">correspondência</span>
|
|
<span class="title1" *ngIf="AllProcess.length > 1">correspondências</span>
|
|
</p>
|
|
</div>
|
|
<!-- 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 class="center-div">
|
|
<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 == '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 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])">
|
|
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 == 1">{{
|
|
TaskService.despachoprstore.newList.length}} correspondência nova </span>
|
|
</p>
|
|
|
|
<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>
|
|
<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 ==1">{{
|
|
TaskService.despachoprstore.newList.length}} correspondência nova </span>
|
|
</p>
|
|
<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 == 1">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.despachoprstore.count > 1">correspondências</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 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 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 == '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>
|
|
<p class="text-center exp-card-title " *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])">
|
|
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"
|
|
*ngIf="TaskService.deplomasStore.diplomasAssinadoListNewCount.length ==1">{{
|
|
TaskService.deplomasStore.diplomasAssinadoListNewCount.length}} correspondência nova</span>
|
|
</p>
|
|
<p class="text-center exp-card-title " *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])">
|
|
Diplomas <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"
|
|
*ngIf="TaskService.deplomasStore.diplomasAssinadoListNewCount.length ==1">{{
|
|
TaskService.deplomasStore.diplomasAssinadoListNewCount.length}} correspondência nova</span>
|
|
</p>
|
|
<p class="text-center exp-card-content"> {{ TaskService.deplomasStore.countDiplomasAssinadoListCount }}
|
|
<span class="title1"
|
|
*ngIf="TaskService.deplomasStore.countDiplomasAssinadoListCount == 0">correspondência</span>
|
|
<span class="title1"
|
|
*ngIf="TaskService.deplomasStore.countDiplomasAssinadoListCount == 1">correspondência</span>
|
|
<span class="title1"
|
|
*ngIf="TaskService.deplomasStore.countDiplomasAssinadoListCount > 1">correspondências</span>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 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 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 == 'gov' && selectedElement != 'DiplomasParaAssinar' "
|
|
src="assets/images/theme/gov/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 == '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>
|
|
<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 ==1">{{
|
|
TaskService.deplomasStore.diplomasParaAssinarNewCount.length}} Diploma correspondência nova</span>
|
|
</p>
|
|
<p class="text-center exp-card-content">
|
|
{{ TaskService.deplomasStore.diplomasParaAssinartCount }}
|
|
<span class="title1"
|
|
*ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 0">correspondência</span>
|
|
<span class="title1"
|
|
*ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 1">correspondência</span>
|
|
<span class="title1"
|
|
*ngIf="TaskService.deplomasStore.diplomasParaAssinartCount > 1">correspondências</span>
|
|
</p>
|
|
</div>
|
|
|
|
<!-- 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 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 == '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>
|
|
<p class="text-center exp-card-title ">
|
|
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 ==1">{{
|
|
TaskService.deplomasStore.diplomasReviewListNewCount.length}} correspondência nova</span>
|
|
</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">
|
|
{{ TaskService.deplomasStore.deplomasReviewCount }}
|
|
<span class="title1" *ngIf="TaskService.deplomasStore.deplomasReviewCount == 0">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.deplomasStore.deplomasReviewCount == 1">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.deplomasStore.deplomasReviewCount > 1">correspondências</span>
|
|
</p>
|
|
</div>
|
|
|
|
|
|
<!-- 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 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 == 'gov' && selectedElement != 'DiplomasParaAssinar' "
|
|
src="assets/images/theme/gov/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 == '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>
|
|
<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 "
|
|
*ngIf="TaskService.deplomasStore.diplomasParaAssinarNewCount.length == 1">{{
|
|
TaskService.deplomasStore.diplomasParaAssinarNewCount.length}} correspondência nova</span>
|
|
</p>
|
|
<p class="text-center exp-card-content">
|
|
{{ TaskService.deplomasStore.diplomasParaAssinartCount }}
|
|
<span class="title1"
|
|
*ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 0">correspondência</span>
|
|
<span class="title1"
|
|
*ngIf="TaskService.deplomasStore.diplomasParaAssinartCount == 1">correspondência</span>
|
|
<span class="title1"
|
|
*ngIf="TaskService.deplomasStore.diplomasParaAssinartCount > 1">correspondências</span>
|
|
</p>
|
|
</div>
|
|
|
|
|
|
<!-- 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 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 == 'gov' && selectedElement != 'gerarDiplomas'"
|
|
src="assets/images/theme/gov/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 == '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>
|
|
|
|
<p class="text-center exp-card-title">
|
|
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 ==1">{{
|
|
TaskService.deplomasStore.diplomasGerarListNewCount.length}} correspondência nova</span>
|
|
</p>
|
|
<p class="text-center exp-card-content">
|
|
{{ TaskService.deplomasStore.DiplomaGerarList.length }}
|
|
<span class="title1"
|
|
*ngIf="TaskService.deplomasStore.DiplomaGerarList.length == 0">correspondência</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>
|
|
|
|
</div>
|
|
|
|
<!-- 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 class="d-flex justify-center">
|
|
<ion-icon src="assets/images/icons-agenda.svg"></ion-icon>
|
|
</div>
|
|
<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 ==1">{{
|
|
TaskService.eventoaprovacaostore.newList.length}} evento novo</span>
|
|
</p>
|
|
<p class="text-center exp-card-content">
|
|
{{TaskService.eventoaprovacaostore.countAll}}
|
|
<span class="title1" *ngIf="TaskService.eventoaprovacaostore.countAll == 0">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.eventoaprovacaostore.countAll == 1">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.eventoaprovacaostore.countAll > 1">correspondências</span>
|
|
</p>
|
|
</div>
|
|
|
|
<!-- 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 class="d-flex justify-center">
|
|
<ion-icon *ngIf="ThemeService.currentTheme == 'default' "
|
|
src="assets/images/icons-correspondencia.svg"></ion-icon>
|
|
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'Correspondence'"
|
|
src="assets/images/theme/gov/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 == '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>
|
|
|
|
<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 >= 2" class="new-task-count">{{
|
|
TaskService.expedientegbstore.newList.length}} correspondências novas</span>
|
|
</p>
|
|
|
|
<p class="text-center exp-card-content">
|
|
{{TaskService.expedientegbstore.count}}
|
|
<span class="title1" *ngIf="TaskService.expedientegbstore.count == 0">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.expedientegbstore.count == 1">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.expedientegbstore.count > 1">correspondências</span>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<!-- 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 cypress-despacho-item"
|
|
(click)="openDespachosPage(); selectedElement='Dispatches'">
|
|
<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 == 'gov' && selectedElement != 'Dispatches'"
|
|
src="assets/images/theme/gov/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 == '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>
|
|
<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 ==1">{{
|
|
TaskService.despachoStore.newList.length}} correspondência nova</span>
|
|
</p>
|
|
<p class="text-center exp-card-content">
|
|
{{TaskService.despachoStore.count}}
|
|
<span class="title1" *ngIf="TaskService.despachoStore.count == 0">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.despachoStore.count == 1">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.despachoStore.count > 1">correspondências</span>
|
|
</p>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- List -->
|
|
<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">
|
|
<ion-icon *ngIf="ThemeService.currentTheme == 'default' "
|
|
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.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>
|
|
<p *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title ">
|
|
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 ==1">{{
|
|
TaskService.pedidosstore.listParecerCount.length}} correspondência nova</span>
|
|
</p>
|
|
<p *ngIf="p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title ">
|
|
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 ==1">{{
|
|
TaskService.pedidosstore.listParecerCount.length}} correspondência nova</span>
|
|
</p>
|
|
<p class="text-center exp-card-content">
|
|
{{TaskService.pedidosstore.countparecer}}
|
|
<span class="title1" *ngIf="TaskService.pedidosstore.countparecer == 0">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.pedidosstore.countparecer == 1">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.pedidosstore.countparecer > 1">correspondências</span>
|
|
</p>
|
|
</div>
|
|
|
|
<!-- List -->
|
|
<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">
|
|
|
|
<ion-icon *ngIf="ThemeService.currentTheme == 'default' "
|
|
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.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>
|
|
<p class="text-center exp-card-title ">
|
|
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 ==1">{{
|
|
TaskService.pedidosstore.listDeferimentoCount.length}} correspondência nova</span>
|
|
</p>
|
|
<p class="text-center exp-card-content">
|
|
{{ TaskService.pedidosstore.countdeferimento}}
|
|
<span class="title1" *ngIf="TaskService.pedidosstore.countdeferimento == 0">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.pedidosstore.countdeferimento == 1">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.pedidosstore.countdeferimento > 1">correspondências</span>
|
|
</p>
|
|
</div>
|
|
|
|
<!-- List -->
|
|
<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">
|
|
<ion-icon *ngIf="ThemeService.currentTheme == 'default' "
|
|
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.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>
|
|
<p *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])" class="text-center exp-card-title ">
|
|
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 ==1">{{
|
|
TaskService.pendentesstore.newList.length}} correspondência nova</span>
|
|
</p>
|
|
<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 ==1">{{
|
|
TaskService.pendentesstore.newList.length}} correspondência nova</span>
|
|
</p>
|
|
|
|
<p class="text-center exp-card-content">
|
|
<span class="number">{{TaskService.pendentesstore.count}} </span>
|
|
<span class="title1" *ngIf="TaskService.pendentesstore.count == 0">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.pendentesstore.count == 1">correspondência</span>
|
|
<span class="title1" *ngIf="TaskService.pendentesstore.count > 1">correspondências</span>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div *ngIf="!TaskService.loadCount" class="width-100">
|
|
|
|
<ion-item-sliding class="width-100">
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
</ion-item-sliding>
|
|
<ion-item-sliding class="width-100">
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
<ion-item lines="none" 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="my-2">
|
|
<div style="width: 90%; background-color: #eeeeee; height: 10px;"></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>
|
|
|
|
</ion-item>
|
|
</ion-item-sliding>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Aside right -->
|
|
<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-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-pedidos [profile]="profile" [segment]="segment" [serialNumber]="serialNumber" class=" height-100 flex-column"
|
|
*ngIf="showPedidos" [style.display]="showPedidos ? 'flex' : 'none'"></app-pedidos>
|
|
<app-despachos [profile]="profile" class="height-100 flex-column" *ngIf="showDespachos"
|
|
[style.display]="showDespachos ? 'flex' : 'none'"></app-despachos>
|
|
<app-despachos-pr [profile]="profile" class=" height-100 flex-column" *ngIf="showDespachosPr"
|
|
[style.display]="showDespachosPr ? 'flex' : 'none'"></app-despachos-pr>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|