peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-19 21:06:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve gabinete add border to selected item

Browse Source
This commit is contained in:
Peter Maquiran
2021-04-15 11:04:21 +01:00
parent 2c1cfaa434
commit eb7caf1f40
5 changed files with 33 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/home/home.page.html
+1 -1
View File
@@ -10,7 +10,7 @@
<ion-tab-button tab="agenda">
<!-- <ion-icon name="calendar"></ion-icon> -->
<ion-icon class="nav-icon" src="assets/images/icons-nav-calendar.svg"></ion-icon>
<ion-label>Agenda</ion-label>
<ion-label class="overflow-visible">Agenda</ion-label>
</ion-tab-button>
<ion-tab-button tab="gabinete-digital">
<!-- <ion-icon name="file-tray-stacked"></ion-icon> -->
src/app/pages/agenda/agenda.page.ts
-3
View File
@@ -1150,8 +1150,6 @@ export class AgendaPage implements OnInit {
this.postEvent = false;
}
async changeSegment(segments: "Combinado" | "Pessoal" | "Oficial") {
this.segment = segments;
@@ -1162,5 +1160,4 @@ export class AgendaPage implements OnInit {
}
}
}
src/app/pages/gabinete-digital/gabinete-digital.page.html
+18 -14
View File
@@ -20,7 +20,7 @@
</div>
<div class="aside overflow-y-auto d-flex flex-wrap width-100">
<div class="exp-card d-flex flex-column" (click)="openEventsToApprovePage('MDGPR')">
<div [class.active]="selectedElement == 'approval'" (click)="openEventsToApprovePage('MDGPR');selectedElement='approval'" class="exp-card d-flex flex-column" >
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-agenda.svg"></ion-icon>
</div>
@@ -28,7 +28,7 @@
<p class="text-center exp-card-content">{{count_ev_md+count_ev_pr}} <span class="title1">Documentos</span></p>
</div>
<div class="exp-card d-flex flex-column justify-center" (click)="openExpedientListPage()">
<div [class.active]="selectedElement == 'Correspondence'" (click)="openExpedientListPage(); selectedElement='Correspondence'" class="exp-card d-flex flex-column justify-center" >
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-correspondencia.svg"></ion-icon>
</div>
@@ -36,7 +36,7 @@
<p class="text-center exp-card-content">{{count_exp_dailywork}} <span class="title1">Documentos</span></p>
</div>
<div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div [class.active]="selectedElement == 'Pending'" (click)="notImplemented()" class="exp-card d-flex flex-column justify-center" >
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-expediente-pendente.svg"></ion-icon>
</div>
@@ -44,21 +44,24 @@
<p class="text-center exp-card-title ">Pendentes</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
</div>
<div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div [class.active]="selectedElement == 'RequestsForOpinion'" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-expediente-parecer.svg"></ion-icon>
</div>
<p class="text-center exp-card-title ">Pedidos de Parecer</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
</div>
<div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div [class.active]="selectedElement == 'RequestForApproval'" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-expediente-deferimento.svg"></ion-icon>
</div>
<p class="text-center exp-card-title ">Pedidos de Deferimento</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
</div>
<div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-expediente-diploma.svg"></ion-icon>
</div>
@@ -66,15 +69,15 @@
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
</div>
<div class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
<div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-expediente-presidente.svg"></ion-icon>
</div>
<p class="text-center exp-card-title ">Expediente Presidente</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
</div>
<div class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
<div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-despachos-presidente.svg"></ion-icon>
</div>
@@ -82,9 +85,7 @@
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
</div>
<div class="exp-card-long justify-center width-100" (click)="notImplemented()">
<div [class.active]="selectedElement == '£££££££'" class="exp-card-long justify-center width-100" (click)="notImplemented()">
<div class="center-div">
<div class="exp-card-icon">
<ion-icon src="assets/images/icons-expediente-presidente.svg"></ion-icon>
@@ -95,7 +96,8 @@
</div>
</div>
</div>
<div class="exp-card-long width-100" (click)="notImplemented()">
<div [class.active]="selectedElement == '£££££££'" class="exp-card-long width-100" (click)="notImplemented()">
<div class="center-div">
<div class="exp-card-icon">
<ion-icon src="assets/images/icons-despachos-presidente.svg"></ion-icon>
@@ -107,14 +109,16 @@
</div>
</div>
<div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-diplomas-assinados-presidente.svg"></ion-icon>
</div>
<p class="text-center exp-card-title ">Diplomas assinaldos PR</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
</div>
</div>
</div>
<!-- Aside right -->
src/app/pages/gabinete-digital/gabinete-digital.page.scss
+6
View File
@@ -345,3 +345,9 @@ ion-content{
width: 25%;
}
}
.active {
border: 1px solid green;
box-sizing: border-box;
}
src/app/pages/gabinete-digital/gabinete-digital.page.ts
+8 -1
View File
@@ -12,6 +12,7 @@ import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
templateUrl: './gabinete-digital.page.html',
styleUrls: ['./gabinete-digital.page.scss'],
})
export class GabineteDigitalPage implements OnInit {
segment:string;
@@ -27,11 +28,13 @@ export class GabineteDigitalPage implements OnInit {
count_ev_pr=0;
count_ev_md=0;
selectedElement = "";
desktopComponent: any = {
showEventList: false,
showExpediente : false
}
showEventsToApprove = false;
showEmptyContainer = false;
showExpedients = true;
@@ -46,7 +49,7 @@ export class GabineteDigitalPage implements OnInit {
private alertService: AlertService,
private activatedRoute: ActivatedRoute,
private router: Router,
) {
) {
window.onresize = (event) => {
// if not mobile remove all component
@@ -74,6 +77,7 @@ export class GabineteDigitalPage implements OnInit {
showExpediente: false
}
}
ngOnInit() {
//Initialize profile as mdgpr
this.profile = "MDGPR";
@@ -174,6 +178,7 @@ this.processesbackend.GetActionsList().subscribe(res=>{
//}
}
openExpedientListPage(){
this.closeAllDesktopComponents();
if( window.innerWidth <= 1024){
@@ -183,6 +188,7 @@ this.processesbackend.GetActionsList().subscribe(res=>{
this.showExpedients = true;
}
}
openExpedientPage(data){
console.log(data);
@@ -195,6 +201,7 @@ this.processesbackend.GetActionsList().subscribe(res=>{
this.showExpedientDetail = true;
}
}
async openExpedientList(){
this.closeAllDesktopComponent();