Improve modal for mobile

This commit is contained in:
Peter Maquiran
2021-05-26 15:53:39 +01:00
parent 516e146b22
commit dd5407b391
16 changed files with 212 additions and 133 deletions
@@ -81,12 +81,14 @@ export class DespachoPrPage implements OnInit {
} }
goBack(){ goBack(){
let navigationExtras: NavigationExtras = { // let navigationExtras: NavigationExtras = {
queryParams: { // queryParams: {
"despachospr": true, // "despachospr": true,
} // }
}; // };
this.router.navigate(['/home/gabinete-digital'], navigationExtras); // this.router.navigate(['/home/gabinete-digital'], navigationExtras);
window.history.back()
} }
@@ -2,9 +2,9 @@
<app-header > </app-header> <app-header > </app-header>
</ion-header> </ion-header>
<ion-header class="ion-no-border header-2"> <ion-header class="ion-no-border header-2">
<div class="main-header"> <div class="main-header">
<app-btn-modal-dismiss (click)="goBack()" ></app-btn-modal-dismiss>
<div class="thetitle"> <div class="thetitle">
<ion-label *ngIf="loggeduser.Profile =='MDGPR'" >Despachos Presidenciais</ion-label> <ion-label *ngIf="loggeduser.Profile =='MDGPR'" >Despachos Presidenciais</ion-label>
<ion-label *ngIf="loggeduser.Profile =='PR'" >Despachos</ion-label> <ion-label *ngIf="loggeduser.Profile =='PR'" >Despachos</ion-label>
@@ -25,7 +25,7 @@ ion-content, .header-2, .main-content{
font-size: 25px; font-size: 25px;
color:#000; color:#000;
overflow: auto; overflow: auto;
padding: 30px 20px 0 20px !important; // padding: 30px 20px 0 20px !important;
margin: 0; margin: 0;
.thetitle{ .thetitle{
@@ -74,6 +74,7 @@ export class DespachosPrPage implements OnInit {
} }
segmentChanged(ev: any) { segmentChanged(ev: any) {
this.LoadList(); this.LoadList();
} }
@@ -295,7 +296,7 @@ export class DespachosPrPage implements OnInit {
this.dicIndex = index; this.dicIndex = index;
} }
goBack(){ goBack() {
this.router.navigate(['/home/gabinete-digital']); this.router.navigate(['/home/gabinete-digital']);
} }
@@ -83,13 +83,23 @@ export class DespachoPage implements OnInit {
this.modalController.dismiss(); this.modalController.dismiss();
} }
goBack(){ goBack() {
let navigationExtras: NavigationExtras = {
queryParams: { // this.activatedRoute.queryParams.subscribe(params => {
"despachos": true, // if(params["from"] == 'pendentes') {
} // this.router.navigate(['/home/gabinete-digital/pendentes']);
}; // } else {
this.router.navigate(['/home/gabinete-digital'], navigationExtras); // let navigationExtras: NavigationExtras = {
// queryParams: {
// "despachos": true,
// }
// };
// this.router.navigate(['/home/gabinete-digital/despachos'], navigationExtras);
// }
// });
window.history.back()
} }
@@ -293,7 +303,7 @@ export class DespachoPage implements OnInit {
} }
async openExpedientActionsModal(taskAction: any, task: any) { async openExpedientActionsModal(taskAction: any, task: any) {
//this.modalController.dismiss();
let classs; let classs;
if( window.innerWidth <= 800){ if( window.innerWidth <= 800){
classs = 'modal modal-desktop' classs = 'modal modal-desktop'
@@ -4,7 +4,6 @@
<ion-header class="ion-no-border header-2"> <ion-header class="ion-no-border header-2">
<div class="title"> <div class="title">
<app-btn-modal-dismiss (click)="goBack()" ></app-btn-modal-dismiss> <app-btn-modal-dismiss (click)="goBack()" ></app-btn-modal-dismiss>
@@ -69,16 +69,13 @@ export class DespachosPage implements OnInit {
this.LoadList(); this.LoadList();
} }
goBack(){
this.router.navigate(['/home/gabinete-digital']);
}
notImplemented(){
notImplemented() {
this.alertService.presentAlert('Funcionalidade em desenvolvimento'); this.alertService.presentAlert('Funcionalidade em desenvolvimento');
} }
openExpedientDetailPage(data){ openExpedientDetailPage(data) {
console.log(data);
this.openExpedientDetail.emit(data); this.openExpedientDetail.emit(data);
} }
@@ -142,7 +139,7 @@ export class DespachosPage implements OnInit {
let navigationExtras: NavigationExtras = { let navigationExtras: NavigationExtras = {
queryParams: { queryParams: {
"serialNumber": serialNumber, "serialNumber": serialNumber,
} }
}; };
@@ -153,5 +150,13 @@ export class DespachosPage implements OnInit {
docIndex(index: number) { docIndex(index: number) {
this.dicIndex = index; this.dicIndex = index;
} }
goBack() {
this.router.navigate(['/home/gabinete-digital']);
}
goToList() {
this.router.navigate(['/home/gabinete-digital/despachos']);
}
} }
@@ -53,12 +53,14 @@ export class DiplomaPage implements OnInit {
} }
goBack(){ goBack(){
let navigationExtras: NavigationExtras = { // let navigationExtras: NavigationExtras = {
queryParams: { // queryParams: {
"diplomas": true, // "diplomas": true,
} // }
}; // };
this.router.navigate(['/home/gabinete-digital'], navigationExtras); // this.router.navigate(['/home/gabinete-digital'], navigationExtras);
window.history.back()
} }
async openOptions(taskAction?: any) { async openOptions(taskAction?: any) {
@@ -52,7 +52,18 @@ constructor(
} }
segmentChanged(ev: any) { segmentChanged(ev: any) {
this.LoadList();
let navigationExtras: NavigationExtras;
if (this.segment == 'assinados') {
navigationExtras= { queryParams: {"assinados": true,}};
} else if (this.segment == 'validar') {
navigationExtras = { queryParams: {"validar": true,}};
}
this.router.navigate(['/home/gabinete-digital/diplomas'], navigationExtras);
// this.LoadList();
} }
goToDiploma(serialNumber:any) { goToDiploma(serialNumber:any) {
@@ -150,8 +161,11 @@ constructor(
}); });
} }
goBack(){ goBack() {
this.router.navigate(['/home/gabinete-digital']); this.router.navigate(['/home/gabinete-digital']);
// window.history.back()
} }
} }
@@ -296,6 +296,7 @@ export class BookMeetingModalPage implements OnInit {
setTimeout(()=>{ setTimeout(()=>{
modal.dismiss() modal.dismiss()
this.goToGabinete()
},3000) },3000)
} }
@@ -316,5 +317,9 @@ export class BookMeetingModalPage implements OnInit {
},3000) },3000)
} }
goToGabinete() {
this.router.navigate(['/home/gabinete-digital']);
}
} }
@@ -84,13 +84,16 @@ export class ExpedientePrPage implements OnInit {
this.modalController.dismiss(); this.modalController.dismiss();
} }
goBack(){ goBack() {
let navigationExtras: NavigationExtras = { // let navigationExtras: NavigationExtras = {
queryParams: { // queryParams: {
"expedientes-pr": true, // "expedientes-pr": true,
} // }
}; // };
this.router.navigate(['/home/gabinete-digital'], navigationExtras); // this.router.navigate(['/home/gabinete-digital'], navigationExtras);
window.history.back();
} }
sendExpedienteToPending(){ sendExpedienteToPending(){
@@ -144,8 +144,16 @@ export class ExpedientesPrPage implements OnInit {
}); });
} }
goBack(){ goBack() {
this.router.navigate(['/home/gabinete-digital']); // let navigationExtras: NavigationExtras = {
// queryParams: {
// "expedientes-pr": true,
// }
// };
// this.router.navigate(['/home/gabinete-digital'], navigationExtras);
window.history.back();
} }
} }
@@ -356,7 +356,15 @@ export class GabineteDigitalPage implements OnInit {
this.closeAllDesktopComponents(); this.closeAllDesktopComponents();
if( window.innerWidth <= 800) { if( window.innerWidth <= 800) {
//this.openPedidoList(); //this.openPedidoList();
let navigationExtras: NavigationExtras = { queryParams: {"deferimento": true,}};
let navigationExtras: NavigationExtras;
if (segment == 'deferimento') {
navigationExtras= { queryParams: {"deferimento": true,}};
} else if (segment == 'parecer') {
navigationExtras = { queryParams: {"parecer": true,}};
}
this.router.navigate(['/home/gabinete-digital/pedidos'], navigationExtras); this.router.navigate(['/home/gabinete-digital/pedidos'], navigationExtras);
} }
else{ else{
@@ -63,15 +63,6 @@ export class PedidoPage implements OnInit {
this.LoadTaskDetail(this.serialnumber); this.LoadTaskDetail(this.serialnumber);
} }
goBack(){
let navigationExtras: NavigationExtras = {
queryParams: {
"pedidos": true,
}
};
this.router.navigate(['/home/gabinete-digital'], navigationExtras);
}
close(){ close(){
this.modalController.dismiss(); this.modalController.dismiss();
} }
@@ -396,4 +387,10 @@ export class PedidoPage implements OnInit {
}); });
} }
goBack() {
window.history.back();
}
} }
@@ -68,17 +68,28 @@ export class PedidosPage implements OnInit {
} }
segmentChanged(ev: any) { segmentChanged(ev: any) {
this.LoadList();
let navigationExtras: NavigationExtras;
if (this.segment == 'deferimento') {
navigationExtras= { queryParams: {"deferimento": true,}};
} else if (this.segment == 'parecer') {
navigationExtras = { queryParams: {"parecer": true,}};
}
this.router.navigate(['/home/gabinete-digital/pedidos'], navigationExtras);
//this.LoadList();
} }
goToPedido(serialNumber:any){ goToPedido(serialNumber:any){
let navigationExtras: NavigationExtras = { let navigationExtras: NavigationExtras = {
queryParams: { queryParams: {
"serialNumber": serialNumber, "serialNumber": serialNumber,
} }
}; };
this.router.navigate(['/home/gabinete-digital/pedidos/pedido'], navigationExtras); this.router.navigate(['/home/gabinete-digital/pedidos/pedido'], navigationExtras);
} }
notImplemented(){ notImplemented(){
this.alertService.presentAlert('Funcionalidade em desenvolvimento'); this.alertService.presentAlert('Funcionalidade em desenvolvimento');
@@ -154,24 +165,34 @@ export class PedidosPage implements OnInit {
}, 2000); }, 2000);
} }
async viewPedidoDetail(serialNumber:any) { async viewPedidoDetail(serialNumber:any) {
console.log(this.profile); console.log(this.profile);
const modal = await this.modalController.create({ // const modal = await this.modalController.create({
component: PedidoPage, // component: PedidoPage,
componentProps:{ // componentProps:{
enterAnimation: "", // enterAnimation: "",
serialNumber: serialNumber, // serialNumber: serialNumber,
profile: this.profile, // profile: this.profile,
}, // },
cssClass: 'modal modal-desktop', // cssClass: 'modal modal-desktop',
}); // });
await modal.present(); // await modal.present();
modal.onDidDismiss().then((res)=>{ // modal.onDidDismiss().then((res)=>{
console.log('refresh list'); // console.log('refresh list');
this.LoadList(); // this.LoadList();
}); // });
}
let navigationExtras: NavigationExtras = {
queryParams: {
enterAnimation: "",
serialNumber: serialNumber,
profile: this.profile,
}
};
this.router.navigate(['/home/gabinete-digital/pedidos/pedido'], navigationExtras);
}
} }
@@ -53,7 +53,8 @@ export class PendentesPage implements OnInit {
} }
goBack() { goBack() {
this.router.navigate(['/home/gabinete-digital']);
window.history.back();
} }
notImplemented(){ notImplemented(){
@@ -66,54 +67,54 @@ export class PendentesPage implements OnInit {
} }
async LoadList(){ async LoadList(){
this.processes.GetTasksList("Despacho", false).subscribe(despachos => { this.processes.GetTasksList("Despacho", false).subscribe(despachos => {
//ParecerList //ParecerList
this.processes.GetTasksList("Pedido de Parecer", false).subscribe(pareceres => { this.processes.GetTasksList("Pedido de Parecer", false).subscribe(pareceres => {
//DeferimentoList //DeferimentoList
this.processes.GetTasksList("Pedido de Deferimento", false).subscribe(deferimentos => { this.processes.GetTasksList("Pedido de Deferimento", false).subscribe(deferimentos => {
this.pendentesList = new Array(); this.pendentesList = new Array();
//PendentesList //PendentesList
let pendentes = despachos.concat(pareceres, deferimentos).reverse().filter(data => data.workflowInstanceDataFields.Status == "Pending"); let pendentes = despachos.concat(pareceres, deferimentos).reverse().filter(data => data.workflowInstanceDataFields.Status == "Pending");
pendentes.forEach(element => { pendentes.forEach(element => {
let DocId = element.workflowInstanceDataFields.FolderID; let DocId = element.workflowInstanceDataFields.FolderID;
this.processes.GetDocumentDetails(DocId, '361').subscribe(res=>{ this.processes.GetDocumentDetails(DocId, '361').subscribe(res=>{
this.totalDocs = res.DocumentsTotal; this.totalDocs = res.DocumentsTotal;
console.log(res.DocumentsTotal); console.log(res.DocumentsTotal);
let task = { let task = {
"SerialNumber": element.serialNumber, "SerialNumber": element.serialNumber,
"Folio": element.workflowInstanceDataFields.Subject, "Folio": element.workflowInstanceDataFields.Subject,
"Senders": element.workflowInstanceDataFields.Sender, "Senders": element.workflowInstanceDataFields.Sender,
"CreateDate": formatDate(new Date(element.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'), "CreateDate": formatDate(new Date(element.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'),
"DocumentURL": element.workflowInstanceDataFields.ViewerRequest, "DocumentURL": element.workflowInstanceDataFields.ViewerRequest,
"Remetente": element.workflowInstanceDataFields.Remetente, "Remetente": element.workflowInstanceDataFields.Remetente,
"DocumentsQty": this.totalDocs, "DocumentsQty": this.totalDocs,
"DocId": element.workflowInstanceDataFields.DocId, "DocId": element.workflowInstanceDataFields.DocId,
"WorkflowName": element.workflowDisplayName, "WorkflowName": element.workflowDisplayName,
"activityInstanceName": element.activityInstanceName, "activityInstanceName": element.activityInstanceName,
} }
this.pendentesList.push(task); this.pendentesList.push(task);
}, },
(error)=>{ (error)=>{
let task = { let task = {
"SerialNumber": element.serialNumber, "SerialNumber": element.serialNumber,
"Folio": element.workflowInstanceDataFields.Subject, "Folio": element.workflowInstanceDataFields.Subject,
"Senders": element.workflowInstanceDataFields.Sender, "Senders": element.workflowInstanceDataFields.Sender,
"CreateDate": formatDate(new Date(element.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'), "CreateDate": formatDate(new Date(element.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'),
"DocumentURL": element.workflowInstanceDataFields.ViewerRequest, "DocumentURL": element.workflowInstanceDataFields.ViewerRequest,
"Remetente": element.workflowInstanceDataFields.Remetente, "Remetente": element.workflowInstanceDataFields.Remetente,
"DocumentsQty": 0, "DocumentsQty": 0,
"DocId": element.workflowInstanceDataFields.DocId, "DocId": element.workflowInstanceDataFields.DocId,
"WorkflowName": element.workflowDisplayName, "WorkflowName": element.workflowDisplayName,
"activityInstanceName": element.activityInstanceName, "activityInstanceName": element.activityInstanceName,
} }
this.pendentesList.push(task); this.pendentesList.push(task);
});
}); });
console.log(pendentes); });
console.log(this.pendentesList); console.log(pendentes);
});//Fim deferimento console.log(this.pendentesList);
});//Fim parecer });//Fim deferimento
});//Fim despacho });//Fim parecer
});//Fim despacho
} }
doRefresh(event) { doRefresh(event) {
@@ -141,17 +142,19 @@ export class PendentesPage implements OnInit {
goToDespacho(serialNumber:any){ goToDespacho(serialNumber:any){
let navigationExtras: NavigationExtras = { let navigationExtras: NavigationExtras = {
queryParams: { queryParams: {
"serialNumber": serialNumber, "serialNumber": serialNumber,
} "from": "pendentes"
}; }
this.router.navigate(['/home/gabinete-digital/despachos/despacho'], navigationExtras); };
this.router.navigate(['/home/gabinete-digital/despachos/despacho'], navigationExtras);
} }
goToPedido(serialNumber:any){ goToPedido(serialNumber:any) {
let navigationExtras: NavigationExtras = { let navigationExtras: NavigationExtras = {
queryParams: { queryParams: {
"serialNumber": serialNumber, "serialNumber": serialNumber,
"from": "pendentes"
} }
}; };
this.router.navigate(['/home/gabinete-digital/pedidos/pedido'], navigationExtras); this.router.navigate(['/home/gabinete-digital/pedidos/pedido'], navigationExtras);
@@ -161,6 +164,7 @@ export class PendentesPage implements OnInit {
let navigationExtras: NavigationExtras = { let navigationExtras: NavigationExtras = {
queryParams: { queryParams: {
"serialNumber": serialNumber, "serialNumber": serialNumber,
"from": "pendentes"
} }
}; };
this.router.navigate(['/home/gabinete-digital/expediente/expediente-detail'], navigationExtras); this.router.navigate(['/home/gabinete-digital/expediente/expediente-detail'], navigationExtras);