Add new modal to edit task to approve

2026-04-20 05:16:07 +00:00 · 2021-05-04 13:55:28 +01:00
parent 1ccb311a0a
commit ab1954255e
8 changed files with 794 additions and 0 deletions
@@ -0,0 +1,260 @@
+import { Component, OnInit } from '@angular/core';
+import { AlertController, ModalController, NavParams } from '@ionic/angular';
+import { Attachment } from 'src/app/models/attachment.model';
+import { EventPerson } from 'src/app/models/eventperson.model';
+import { AttendeesPage } from 'src/app/pages/events/attendees/attendees.page';
+import { SearchPage } from 'src/app/pages/search/search.page';
+import { AttachmentsService } from 'src/app/services/attachments.service';
+import { EventsService } from 'src/app/services/events.service';
+import { ProcessesService } from 'src/app/services/processes.service';
+import { Event } from '../../../models/event.model';
+
+
+@Component({
+  selector: 'app-edit-event',
+  templateUrl: './edit-event.page.html',
+  styleUrls: ['./edit-event.page.scss'],
+})
+export class EditEventToApproveComponent implements OnInit {
+
+  serialNumber: string
+  loadedAttachments:any
+
+  eventProcess = {
+    taskStartDate: "",
+    workflowInstanceDataFields:{
+      Body: "",
+      IsRecurring: false,
+      ParticipantsList: [],
+      Agenda: '',
+      EndDate: '',
+      Location: '',
+      Subject: ''
+    }
+  }
+
+  show =false
+
+  postEvent: Event;
+  isRecurring:string;
+  isEventEdited: boolean;
+  segment:string = "true";
+  profile:string;
+  eventAttendees: EventPerson[];
+
+  loadedEventAttachments: Attachment[];
+  taskParticipants: any = [];
+  taskParticipantsCc: any = [];
+  adding: "intervenient" | "CC" = "intervenient";
+
+  Location = ''
+
+  showAttendees = false;
+
+  InstanceId: string
+
+  constructor(
+    private modalController: ModalController,
+    private navParams: NavParams,
+    private eventsService: EventsService,
+    public alertController: AlertController,
+    private attachmentsService: AttachmentsService,
+    private processes:ProcessesService,
+  ) {
+
+    this.serialNumber = this.navParams.get('serialNumber');
+    this.postEvent = this.navParams.get('event');
+    this.profile = this.navParams.get('profile');
+    this.InstanceId = this.navParams.get('InstanceId')
+
+    this.isEventEdited = false;
+
+    console.log(this.eventProcess.workflowInstanceDataFields.Subject)
+
+
+    this.getTask()
+    this.getAttachments()
+
+  }
+
+  async getTask() {
+    console.log('this.eventProcess', this.eventProcess);
+
+    const result = await this.processes.GetTask(this.serialNumber).subscribe( result =>{
+      this.eventProcess = result
+      console.log('this.eventProcess', this.eventProcess);
+  
+      console.log(this.eventProcess.workflowInstanceDataFields.Subject)
+      
+      // description
+      let body : any =this.eventProcess.workflowInstanceDataFields.Body.replace(/<[^>]+>/g, '')
+      this.eventProcess.workflowInstanceDataFields.Body = body
+      this.Location = this.eventProcess.workflowInstanceDataFields.Location
+      
+      // attendees
+      //this.eventProcess.workflowInstanceDataFields.ParticipantsList
+      // subject
+      //this.eventProcess.workflowInstanceDataFields.Subject |  this.eventProcess.workflowInstanceFolio
+      // location
+      //this.eventProcess.workflowInstanceDataFields.Location
+      // startDate
+      //this.eventProcess.taskStartDate
+      // endDate
+      //this.eventProcess.workflowInstanceDataFields.EndDate
+  
+      //  this.eventProcess.workflowInstanceDataFields.Agenda
+  
+      // eventProcess.workflowInstanceDataFields.IsRecurring
+  
+      if(this.eventProcess.workflowInstanceDataFields.IsRecurring == false) {
+        this.isRecurring = "Não se repete";
+      }
+      else {
+        this.isRecurring = "Repete";
+      }
+  
+      this.eventProcess.workflowInstanceDataFields.ParticipantsList.forEach(e => {
+        if(e.IsRequired){
+          this.taskParticipants.push(e);
+        } else {
+          this.taskParticipantsCc.push(e);
+        }
+      })
+    })
+
+
+
+
+  }
+
+  ngOnInit() {
+    
+    
+    window.onresize = (event) => {
+      // if not mobile remove all component
+      if( window.innerWidth >= 800){
+        this.modalController.dismiss();
+      }
+    };
+    
+  }
+  
+  close() {
+    this.modalController.dismiss();
+  }
+
+  save() {
+
+    this.eventProcess.workflowInstanceDataFields.ParticipantsList = this.taskParticipants.concat(this.taskParticipantsCc)
+
+
+  }
+
+  async openAttendees() {
+
+    if(window.innerWidth <= 1024) {
+      const modal = await this.modalController.create({
+        component: AttendeesPage,
+         componentProps: {
+          adding: this.adding,
+          taskParticipants: this.taskParticipants,
+          taskParticipantsCc: this.taskParticipantsCc
+        },
+        cssClass: 'attendee modal modal-desktop',
+        backdropDismiss: false
+      });
+  
+      await modal.present();
+  
+      modal.onDidDismiss().then((data) => {
+        
+        if(data){
+          data = data['data'];
+
+          const newAttendees: EventPerson[] = data['taskParticipants'];
+          const newAttendeesCC: EventPerson[] = data['taskParticipantsCc'];
+
+          this.setIntervenient(newAttendees);
+          this.setIntervenientCC(newAttendeesCC);
+        }
+      });
+    }
+  }
+
+  setIntervenient(data){
+    this.taskParticipants = data;
+    this.postEvent.Attendees = data;
+  }
+  
+  setIntervenientCC(data){
+    this.taskParticipantsCc = data;
+  }
+
+  addParticipants(){
+    this.adding = 'intervenient'
+
+    this.openAttendees();
+  }
+
+  addParticipantsCC(){
+    this.adding = 'CC'
+    this.openAttendees();
+  }
+
+  dynamicSetIntervenient({taskParticipants, taskParticipantsCc}){
+    this.taskParticipants = taskParticipants;
+    this.taskParticipantsCc = taskParticipantsCc;
+  }
+
+  
+  async getAttachments(){
+    this.loadedAttachments = await this.attachmentsService.getAttachmentsById(this.InstanceId).toPromise();
+
+    console.log(this.loadedAttachments)
+
+  }
+
+  deleteAttachment(attachmentID: string) {
+
+    this.attachmentsService.deleteEventAttachmentById(this.InstanceId).subscribe( 
+      res=>{
+      this.loadedEventAttachments = this.loadedEventAttachments.filter(e=> e.Id.toString() != attachmentID);
+    })
+  }
+
+  async getDoc() {
+    const modal = await this.modalController.create({
+      component: SearchPage,
+      cssClass: 'modal-width-100-width-background modal',
+      componentProps: {
+        type: 'AccoesPresidenciais & ArquivoDespachoElect',
+        showSearchInput: true,
+        select: true,
+      }
+    });
+    await modal.present();
+    modal.onDidDismiss().then( async (res)=>{
+      if(res){
+
+        const data = res.data;
+        //data.selected
+        const DocumentToSave = {
+          SourceTitle: data.selected.Assunto,
+          ParentId: this.postEvent.EventId,
+          Source: '1',
+          SourceId: data.selected.Id,
+          ApplicationId: data.selected.ApplicationType.toString(),
+          Id: '0',
+          Link: '',
+          SerialNumber: '',
+        };
+
+        await this.attachmentsService.setEventAttachmentById(DocumentToSave).subscribe(()=>{
+          this.getAttachments();
+        });
+
+      }
+    });
+  }
+
+}