add viewer at agenda in events to approve

This commit is contained in:
tiago.kayaya
2021-10-18 15:44:22 +01:00
parent d0a15a256e
commit cf1eb1aa03
4 changed files with 43 additions and 29 deletions
@@ -21,7 +21,7 @@
<ion-icon src="assets/images/icons-arrow-arrow-left.svg"></ion-icon> <ion-icon src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
</div> </div>
<div class="header-title flex-grow-1 cursor-pointer"> <div class="header-title flex-grow-1 cursor-pointer">
<label>{{loadedEvent.workflowInstanceDataFields.Subject}} </label> <label>{{loadedEvent.workflowInstanceDataFields.Subject}} 11</label>
</div> </div>
<div (click)="editar(loadedEvent.serialNumber)" class="header-icon-right display-none-{{showAside}}"> <div (click)="editar(loadedEvent.serialNumber)" class="header-icon-right display-none-{{showAside}}">
@@ -89,15 +89,15 @@
</div> </div>
</div> </div>
<div *ngIf="loadedAttachments" class="bottom-content width-100"> <div *ngIf="loadedEvent.Documents" class="bottom-content width-100">
<ion-list> <ion-list>
<h5>Documentos Anexados</h5> <h5>Documentos Anexados {{loadedEvent.Documents.length}}</h5>
<ion-item class="ion-no-margin ion-no-padding" <ion-item class="ion-no-margin ion-no-padding"
*ngFor="let attach of loadedAttachments" *ngFor="let attachment of loadedEvent.Documents"
(click)="viewDocument(attach.SourceId)"> (click)="viewDocument(attachment.DocId, attachment)">
<ion-label> <ion-label>
<p class="attach-title-item d-block">{{attach.SourceName}}</p> <p class="attach-title-item d-block">{{attachment.Assunto}}</p>
<p><span class="span-left">{{attach.Stakeholders}}</span><span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</span></p> <p><span class="span-left">{{attachment.Sender}}</span><span class="span-right">{{ attachment.DocDate | date: 'dd-MM-yyyy HH:mm' }}</span></p>
</ion-label> </ion-label>
</ion-item> </ion-item>
</ion-list> </ion-list>
@@ -9,6 +9,7 @@ import { EmendMessageModalPage } from 'src/app/pages/agenda/emend-message-modal/
import { EventActionsPopoverPage } from 'src/app/pages/agenda/event-actions-popover/event-actions-popover.page'; import { EventActionsPopoverPage } from 'src/app/pages/agenda/event-actions-popover/event-actions-popover.page';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx'; import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
import { ToastService } from 'src/app/services/toast.service'; import { ToastService } from 'src/app/services/toast.service';
import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
@Component({ @Component({
selector: 'app-approve-event', selector: 'app-approve-event',
@@ -23,7 +24,7 @@ export class ApproveEventPage implements OnInit {
customDate:any; customDate:any;
today:any; today:any;
show: boolean = false; show: boolean = false;
months = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"]; months = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
days = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"]; days = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"];
@@ -62,7 +63,7 @@ export class ApproveEventPage implements OnInit {
this.getAttachments(); this.getAttachments();
} }
ngOnChanges() { /* ngOnChanges() {
this.getTask(); this.getTask();
this.getAttachments(); this.getAttachments();
@@ -76,7 +77,7 @@ export class ApproveEventPage implements OnInit {
this.getAttachments(); this.getAttachments();
}, 10000) }, 10000)
} } */
notImplemented() { notImplemented() {
this.alertService.presentAlert('Funcionalidade em desenvolvimento'); this.alertService.presentAlert('Funcionalidade em desenvolvimento');
@@ -90,12 +91,12 @@ export class ApproveEventPage implements OnInit {
getTask() { getTask() {
this.processes.GetTask(this.serialNumber).subscribe(res => { this.processes.GetTask(this.serialNumber).subscribe(res => {
// console.log(res); console.log(res);
this.loadedEvent = res; this.loadedEvent = res;
this.today = new Date(res.workflowInstanceDataFields.StartDate); this.today = new Date(res.workflowInstanceDataFields.StartDate);
// console.log(new Date(this.today)); // console.log(new Date(this.today));
this.customDate = this.days[this.today.getDay()]+ ", " + this.today.getDate() +" de " + ( this.months[this.today.getMonth()]); this.customDate = this.days[this.today.getDay()]+ ", " + this.today.getDate() +" de " + ( this.months[this.today.getMonth()]);
}) })
} }
@@ -115,9 +116,9 @@ export class ApproveEventPage implements OnInit {
loader.remove() loader.remove()
} }
/* this.approveEventDismiss.emit({ /* this.approveEventDismiss.emit({
"serialNumber": serialNumber, "serialNumber": serialNumber,
"action": "Aprovar", "action": "Aprovar",
"saveData": { "saveData": {
loadedEvent: this.loadedEvent, loadedEvent: this.loadedEvent,
today: this.today, today: this.today,
@@ -127,7 +128,7 @@ export class ApproveEventPage implements OnInit {
} }
async rejectTask(serialNumber:string) { async rejectTask(serialNumber:string) {
let body = { "serialNumber": serialNumber, "action": "Rejeitar" } let body = { "serialNumber": serialNumber, "action": "Rejeitar" }
console.log(body); console.log(body);
@@ -144,20 +145,33 @@ export class ApproveEventPage implements OnInit {
} }
} }
async getAttachments() { async getAttachments() {
this.loadedAttachments = await this.attachmentsService.getAttachmentsById(this.InstanceId).toPromise(); this.loadedAttachments = await this.attachmentsService.getAttachmentsById(this.InstanceId).toPromise();
} }
viewDocument(sourceId) { async viewDocument(DocId:string, Document) {
this.processes.GetDocumentUrl(sourceId, '8').subscribe(res=>{
/* console.log(res); */ const modal = await this.modalController.create({
const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1"); component: ViewDocumentPage,
const browser = this.iab.create(url,"_blank"); componentProps: {
browser.show(); trustedUrl: '',
file: {
title: Document.Assunto,
url: '',
title_link: '',
},
Document,
applicationId: Document.ApplicationId,
docId: Document.DocId || Document.SourceId,
folderId: this.loadedEvent.FolderId,
task: this.loadedEvent
},
cssClass: 'modal modal-desktop'
}); });
await modal.present();
} }
async openOptions(ev:any) { async openOptions(ev:any) {
@@ -186,9 +200,9 @@ export class ApproveEventPage implements OnInit {
modal.onDidDismiss() modal.onDidDismiss()
.then( async (res) => { .then( async (res) => {
console.log(res.data); console.log(res.data);
if(res.data !== ''){ if(res.data !== ''){
let body = { "serialNumber": serialNumber, let body = { "serialNumber": serialNumber,
"action": "Emendar", "action": "Emendar",
"dataFields": { "dataFields": {
"ReviewUserComment": res.data, "ReviewUserComment": res.data,
@@ -197,7 +211,7 @@ export class ApproveEventPage implements OnInit {
console.log(body); console.log(body);
const loader = this.toastService.loading() const loader = this.toastService.loading()
try { try {
await this.processes.PostTaskAction(body).toPromise(); await this.processes.PostTaskAction(body).toPromise();
this.toastService.successMessage('Pedido enviado'); this.toastService.successMessage('Pedido enviado');
this.close(); this.close();
@@ -211,7 +225,7 @@ export class ApproveEventPage implements OnInit {
//this.alertService.presentAlert('Operação cancelada!'); //this.alertService.presentAlert('Operação cancelada!');
} }
}); });
//this.openEmendMessageModal(serialNumber); //this.openEmendMessageModal(serialNumber);
//this.goBack(); //this.goBack();
} }
@@ -1,7 +1,7 @@
<ion-header class="ion-no-border"> <ion-header class="ion-no-border">
<div class="header-content"> <div class="header-content">
<div class="header-title d-flex align-center justify-between width-100"> <div class="header-title d-flex align-center justify-between width-100">
<div class="flex-grow-1">Eventos para Aprovação11</div> <div class="flex-grow-1">Eventos para Aprovação</div>
<div (click)="refreshing()"> <div (click)="refreshing()">
<button class="btn-no-color" > <button class="btn-no-color" >
<ion-icon slot="end" class="title-icon" name="reload-circle"></ion-icon> <ion-icon slot="end" class="title-icon" name="reload-circle"></ion-icon>
@@ -95,7 +95,7 @@ export class EventListPage implements OnInit {
async openApproveModal(eventSerialNumber, data) { async openApproveModal(eventSerialNumber, data) {
let a =this.eventsMDGPRList.filter((elem)=>{ let a =this.eventsMDGPRList.filter((elem)=>{
console.log(eventSerialNumber," ",elem.serialNumber) //console.log(eventSerialNumber," ",elem.serialNumber)
return eventSerialNumber == elem.serialNumber return eventSerialNumber == elem.serialNumber
}); });