Improve gabenite digital(possible conflict)

2026-04-19 21:06:06 +00:00 · 2021-04-28 11:06:55 +01:00
parent 12dff45a9c
commit a7277f0f90
19 changed files with 728 additions and 150 deletions
@@ -0,0 +1,14 @@
+<ion-content class="container">
+  <div class="arrow-right">
+    <button class="btn-no-color">
+      <ion-icon slot="end" class="arrow-right-icon" src='assets/images/icons-arrow-arrow-right.svg'></ion-icon>
+    </button>
+  </div>
+  <div class="buttons">
+    <button  class="btn-cancel" shape="round" >Efectuar Despacho</button>
+    <button  class="btn-ok" shape="round" >Pedido de Parecer</button>
+    <div class="solid"></div>
+    <button full class="btn-cancel mobile-only" shape="round" >Pedido de Deferimento</button>
+    <button  class="btn-delete" shape="round">Marcar reunião</button>
+  </div>
+</ion-content>
@@ -0,0 +1,54 @@
+.container{
+    --padding-top:20px !important;
+   --padding-bottom:20px !important;
+   --padding-start:20px !important;
+   --padding-end:20px !important;
+  }
+  .arrow-right{
+    display: none;
+    margin-bottom: 20px;
+    .arrow-right-icon{
+        width: 37px;
+        float: right;
+        font-size: 35px;
+        overflow: hidden;
+    }
+  }
+  .buttons{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+  }
+  .solid {
+    display: none;
+    width: 90%;
+    border-top: 1px solid #bbb;
+    margin: 0 auto !important;
+  }
+  @media only screen and (min-width: 1024px) {
+    .arrow-right{
+        display: flex;
+        justify-content: flex-end;
+    }
+    .btn-cancel{
+        //display: none;
+        width: 100% !important;
+        margin-bottom: 10px !important;
+    }
+    .btn-ok{
+      width: 100% !important;
+      margin-bottom: 10px !important;
+  }
+    .btn-delete{
+        width: 100% !important;
+        margin-bottom: 10px !important;
+        margin-top: 10px !important;
+    }
+    .solid{
+        display: block;
+    }
+    .mobile-only{
+      display: none !important;
+    }
+  }
+  
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { OptionsComponent } from './options.component';
+
+describe('OptionsComponent', () => {
+  let component: OptionsComponent;
+  let fixture: ComponentFixture<OptionsComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OptionsComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(OptionsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-options',
+  templateUrl: './options.component.html',
+  styleUrls: ['./options.component.scss'],
+})
+export class OptionsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}
@@ -8,6 +8,7 @@ import { ViewEventPageRoutingModule } from './view-event-routing.module';

 import { ViewEventPage } from './view-event.page';
 import { SharedModule } from 'src/app/shared/shared.module';
+import { ChatPopoverPage } from '../../popover/chat-popover/chat-popover.page';

@NgModule({
  imports: [
@@ -17,6 +18,9 @@ import { SharedModule } from 'src/app/shared/shared.module';
    SharedModule,
    ViewEventPageRoutingModule
  ],
-  declarations: [ViewEventPage]
+  declarations: [
+    ViewEventPage,
+    ChatPopoverPage
+  ]
 })
 export class ViewEventPageModule {}
@@ -42,7 +42,7 @@
            <ion-icon slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
          </button>
        </div>
-        <div class="middle flex-grow-1">
+        <div class="middle flex-grow-1" (click)="openOptions()">
          <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
        </div>

@@ -120,5 +120,7 @@
      </ion-list>
    </div>
    <!-- <div class="line"></div> -->
-  </div>    
+  </div>  
+  
+  
 </ion-content>
@@ -168,4 +168,14 @@ ion-menu{
        font-size: 13px;
        }
    }
-  }
+  }
+
+.chat-popover .popover-content {
+  width: 100% !important;
+  left: 0 !important;
+  bottom: 0 !important;
+  right: 0 !important;
+  top: calc(100% - 160px) !important;
+  max-height: 160px;
+  min-height: 160px; 
+}
@@ -1,5 +1,5 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
-import { AlertController, ModalController, NavParams } from '@ionic/angular';
+import { AlertController, ModalController, NavParams, PopoverController } from '@ionic/angular';
 import { Attachment } from 'src/app/models/attachment.model';
 import { EventBody } from 'src/app/models/eventbody.model';
 import { AttachmentsService } from 'src/app/services/attachments.service';
@@ -10,6 +10,8 @@ import { ProcessesService } from 'src/app/services/processes.service';
 import { ExpedientTaskModalPage } from 'src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page';
 import { momentG }  from 'src/plugin/momentG';
 import { BookMeetingModalPage } from 'src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page';
+import { ChatPopoverPage } from '../../popover/chat-popover/chat-popover.page';
+import { OptionsComponent } from './options/options.component';

@Component({
  selector: 'app-view-event',
@@ -49,6 +51,7 @@ export class ViewEventPage implements OnInit {
    private iab: InAppBrowser,
    private processes: ProcessesService,
    private modalController: ModalController,
+    public popoverController: PopoverController
  ) 
  {
    this.isEventEdited = false;
@@ -176,6 +179,27 @@ export class ViewEventPage implements OnInit {
    });
  }

+  async openOptions(ev: any) {
+    const popover = await this.popoverController.create({
+      component: OptionsComponent,
+      cssClass: 'chat-popover modal-desktop',
+      event: ev,
+      componentProps: {
+        // room: this.room,
+      },
+      translucent: true
+    });
+    await popover.present();
+    popover.onDidDismiss().then(res=>{
+      console.log(res);
+      if(res.data){
+        // this.getRoomInfo();
+        //this.modalController.dismiss(); 
+      };
+      
+    });
+  }
+
  async openBookMeetingModal(task: any) {

    const doc = this.loadedAttachments[ this.dicIndex];
@@ -1,3 +1,38 @@
+<ion-menu autoHide="false" side="end" content-id="main-content" >
+  <ion-header>
+    <ion-toolbar translucent>
+      <ion-title>Menu</ion-title>
+    </ion-toolbar>
+  </ion-header>
+  <ion-content>
+    <ion-list>
+      <ion-item  (click)="openExpedientActionsModal('0',fulltask)">
+        <ion-icon name="documents" slot="start"></ion-icon>
+        <ion-label>Efectuar Despacho</ion-label>
+      </ion-item>
+      <ion-item  (click)="openExpedientActionsModal('1',fulltask)">
+        <ion-icon name="arrow-undo" slot="start"></ion-icon>
+        <ion-label>Pedido de Parecer</ion-label>
+      </ion-item>
+<!--       <ion-item  (click)="openExpedientActionsModal('2',fulltask)">
+        <ion-icon name="arrow-redo" slot="start"></ion-icon>
+        <ion-label>Pedido de Deferimento</ion-label>
+      </ion-item> -->
+      <!-- <ion-item  (click)="openBookMeetingModal(task)">
+        <ion-icon name="calendar" slot="start"></ion-icon>
+        <ion-label>Marcar reunião</ion-label>
+      </ion-item> -->
+      <ion-item (click)="distartExpedientModal()">
+        <ion-icon name="trash" slot="start"></ion-icon>
+        <ion-label>Descartar</ion-label>
+      </ion-item>
+    </ion-list>
+  </ion-content>
+</ion-menu>
+<div class="ion-page d-none" id="main-content">
+  <ion-menu-button></ion-menu-button>
+</div>
+
 <ion-header class="ion-no-border">
  <div class="title">
    <div class="thetitle"><ion-label >Despacho</ion-label></div>
@@ -30,7 +65,7 @@
      <ion-list *ngSwitchCase="'despachos'">
        <ion-item 
            class="expediente ion-no-padding"  
-            *ngFor = "let task of despachoList"
+            *ngFor = "let task of despachoList; let i = index"
            >
            <!-- (click)="viewExpedientDetail(task.SerialNumber)" -->
            <!--  [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
@@ -43,7 +78,10 @@
                    <ion-label>{{task.Remetente}}</ion-label>
                  </div>
                  <div class="exp-icon">
-                    <ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
+                    <ion-menu-button (click)="docIndex(i)" style="width: 35px; height: 41px;" autoHide="false">
+                      <ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
+                    </ion-menu-button>
+                   
                    <label></label>
                  </div>
                </div>
@@ -1,14 +1,15 @@
 import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
-import { Router } from '@angular/router';
 import { CalendarComponent } from 'ionic2-calendar';

-import { DailyWorkTask } from '../../../models/dailyworktask.model';
+import { DailyWorkTask, tasksList } from '../../../models/dailyworktask.model';
 import { ProcessesService } from 'src/app/services/processes.service';
 import { formatDate } from '@angular/common';
-import { LoadingService } from 'src/app/services/loading.service';
-import { ModalController, NavParams } from '@ionic/angular';
+import { ModalController } from '@ionic/angular';
 import { ExpedienteDetailPage } from 'src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page';
 import { AlertService } from 'src/app/services/alert.service';
+import { ExpedientTaskModalPage } from 'src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page';
+import { BookMeetingModalPage } from 'src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page';
+import { DiscartExpedientModalPage } from 'src/app/pages/gabinete-digital/discart-expedient-modal/discart-expedient-modal.page';

@Component({
  selector: 'app-despachos',
@@ -23,6 +24,9 @@ export class DespachosPage implements OnInit {
 taskslist:DailyWorkTask[];
 despachoList:DailyWorkTask[];
 deferimentoList:DailyWorkTask[];
+
+ taskList:tasksList[] = [];
+ 
 taskType: string;
 serialNumber:string;

@@ -30,7 +34,10 @@ export class DespachosPage implements OnInit {
 segment:string;
 @Output() openExpedientDetail:EventEmitter<any> = new EventEmitter<any>();

- constructor(
+ loadedAttachments:any;
+ dicIndex = 0;
+
+ constructor (
   private processes:ProcessesService,
   private modalController: ModalController,
   private alertService: AlertService,
@@ -39,77 +46,190 @@ export class DespachosPage implements OnInit {
   }

 ngOnInit() {
-   //Inicializar segment
-   this.segment = "despachos";
-   this.LoadList();
- }
- segmentChanged(ev: any) {
-   this.LoadList();
- }
+    //Inicializar segment
+    this.segment = "despachos";
+    this.LoadList();
+  }
+  segmentChanged(ev: any) {
+    this.LoadList();
+  }

- notImplemented(){
-   this.alertService.presentAlert('Funcionalidade em desenvolvimento');
- }
+  notImplemented(){
+    this.alertService.presentAlert('Funcionalidade em desenvolvimento');
+  }

- openExpedientDetailPage(data){
-   console.log(data);
-   this.openExpedientDetail.emit(data);
- }
+  openExpedientDetailPage(data) {
+    this.openExpedientDetail.emit(data);
+  }

 LoadList(){
-     this.processes.GetTasksList("Despacho", false).subscribe(result => {
-       console.log(result);
-       
-       this.despachoList = new Array();
-       let res = result.reverse();
-       res.forEach(element => {
-         let task: DailyWorkTask = {
-           "SerialNumber": element.serialNumber,
-           "Folio": element.workflowInstanceFolio,
-           "Senders": element.originator.email,
-           "CreateDate": formatDate(new Date(element.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'),
-           "DocumentURL": element.workflowInstanceDataFields.ViewerRequest,
-           "Remetente": element.workflowInstanceDataFields.Remetente
-         }
-         this.despachoList.push(task);
-       });
-       console.log(this.despachoList);
-     });
+  this.processes.GetTasksList("Despacho", false).subscribe(result => {
+    console.log('Despacho', result);
+    
+    this.taskList = result;
+
+    this.despachoList = new Array();
+    let res = result.reverse();
+    res.forEach(element => {
+      let task: DailyWorkTask = {
+        "SerialNumber": element.serialNumber,
+        "Folio": element.workflowInstanceFolio,
+        "Senders": element.originator.email,
+        "CreateDate": formatDate(new Date(element.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'),
+        "DocumentURL": element.workflowInstanceDataFields.ViewerRequest,
+        "Remetente": element.workflowInstanceDataFields.Remetente
+      }
+      this.despachoList.push(task);
+    });
+  });
 }

- doRefresh(event) {
-   this.LoadList();
+  doRefresh(event) {
+    this.LoadList();

-   setTimeout(() => {
-     event.target.complete();
-   }, 2000);
- }
+    setTimeout(() => {
+      event.target.complete();
+    }, 2000);
+  }

- async viewExpedientDetail(serialNumber:any) {
-   console.log(this.profile);
+  async viewExpedientDetail(serialNumber:any) {
+    console.log(this.profile);

-   let classs;
-   if( window.innerWidth <= 800){
-     classs = 'modal'
-   } else  {
-     classs = 'modal modal-desktop'
-   }
+    let classs;
+    if( window.innerWidth <= 800){
+      classs = 'modal'
+    } else  {
+      classs = 'modal modal-desktop'
+    }

-   const modal = await this.modalController.create({
-     component: ExpedienteDetailPage,
-     componentProps:{
-       enterAnimation: "",
-       serialNumber: serialNumber,
-       profile: this.profile,
-     },
-     cssClass: classs,
-   });
-   await modal.present();
-   modal.onDidDismiss().then((res)=>{
-     console.log('refresh list');
-     this.LoadList();
-   });
- }
+    const modal = await this.modalController.create({
+      component: ExpedienteDetailPage,
+      componentProps:{
+        enterAnimation: "",
+        serialNumber: serialNumber,
+        profile: this.profile,
+      },
+      cssClass: classs,
+    });
+    await modal.present();
+    modal.onDidDismiss().then((res)=>{
+      console.log('refresh list');
+      this.LoadList();
+    });
+  }

+  async openExpedientActionsModal(taskAction: any, task: any) {
+    //this.modalController.dismiss();
+    let classs;
+    if( window.innerWidth <= 800){
+      classs = 'modal modal-desktop'
+    } else  {
+      classs = 'modal modal-desktop showAsideOptions'
+    }
+
+    const doc = this.loadedAttachments[ this.dicIndex];
+
+    task = {
+      serialNumber: doc.SourceId,
+      taskStartDate: doc.CreateDate,
+      isEvent: true,
+      workflowInstanceDataFields: {
+        FsId: doc.ApplicationId, 
+        FolderID: null,
+        DocId: doc.SourceId, 
+        Subject: doc.SourceName
+      },
+    }
+
+    const modal = await this.modalController.create({
+      component: ExpedientTaskModalPage,
+      componentProps: {
+        taskAction: taskAction,
+        task: task,
+        profile: this.profile,
+      },
+      cssClass: classs,
+    });
+    await modal.present();
+    modal.onDidDismiss().then(res=>{
+      console.log(res['data']);
+      if(res['data']=='openDiscart'){
+        console.log('open discart');
+        
+        // this.distartExpedientModal();
+
+      }
+
+    });
+  }
+
+  async openBookMeetingModal(task: any) {
+
+    const doc = this.loadedAttachments[ this.dicIndex];
+
+    task = {
+      serialNumber: doc.SourceId,
+      taskStartDate: doc.CreateDate,
+      isEvent: true,
+      workflowInstanceDataFields: {
+        FsId: doc.ApplicationId, 
+        FolderID: null,
+        DocId: doc.SourceId, 
+        Subject: doc.SourceName
+      },
+    }
+    
+    let classs;
+    if( window.innerWidth <= 800){
+      classs = 'book-meeting-modal modal modal-desktop'
+    } else  {
+      classs = 'modal modal-desktop showAsideOptions'
+    }
+    const modal = await this.modalController.create({
+      component: BookMeetingModalPage,
+      componentProps: {
+        task: task,
+      },
+      cssClass: classs,
+      backdropDismiss: false
+    });
+    await modal.present();
+    modal.onDidDismiss();
+  }
+
+
+  async distartExpedientModal() {
+
+    const doc = this.taskList[ this.dicIndex];
+
+    console.log(doc, this.dicIndex, this.taskList)
+    
+    const modal = await this.modalController.create({
+      component: DiscartExpedientModalPage,
+       componentProps: {
+        serialNumber: doc.serialNumber,
+        folderId: doc.workflowInstanceDataFields.FolderID,
+        action: 'complete',
+      },
+      cssClass: 'discart-expedient-modal',
+      backdropDismiss: false
+    });
+    
+    await modal.present();
+    modal.onDidDismiss().then(res=>{
+      if(res['data']=='close'){
+        // this.close();
+        /* console.log('2Expedient Discard closed2');
+        this.close();
+        this.openMenu(); */
+      }
+      
+    });
+  }
+
+  docIndex(index: number) {
+    this.dicIndex = index;
+  }
+  
 }
 
@@ -1,3 +1,5 @@
+
+
 <ion-header  class="ion-no-border">
  <ion-toolbar class="header-toolbar">
    <div class="main-header">
@@ -7,9 +9,9 @@
          <ion-label class="title">Detalhes do Expediente</ion-label>
        </div>
        <div class="div-icon">
-            <ion-menu-button autoHide="false">
-              <ion-icon name="ellipsis-vertical-outline"></ion-icon>
-            </ion-menu-button>
+          <ion-menu-button autoHide="false">
+            <ion-icon name="ellipsis-vertical-outline"></ion-icon>
+          </ion-menu-button>
        </div>
      </div>
    </div>
@@ -29,45 +31,6 @@
  </ion-toolbar>
 </ion-header> -->

-<ion-menu autoHide="false" side="end" content-id="main-content">
-  <ion-header>
-    <ion-toolbar translucent>
-      <ion-title>Menu</ion-title>
-    </ion-toolbar>
-  </ion-header>
-  <ion-content>
-    <ion-list>
-      <ion-item (click)="openExpedientActionsModal('0',fulltask)">
-        <ion-icon name="documents" slot="start"></ion-icon>
-        <ion-label>Efectuar Despacho</ion-label>
-      </ion-item>
-      <ion-item (click)="openExpedientActionsModal('1',fulltask)">
-        <ion-icon name="arrow-undo" slot="start"></ion-icon>
-        <ion-label>Pedido de Parecer</ion-label>
-      </ion-item>
-      <ion-item (click)="openExpedientActionsModal('2',fulltask)">
-        <ion-icon name="arrow-redo" slot="start"></ion-icon>
-        <ion-label>Pedido de Deferimento</ion-label>
-      </ion-item>
-      <ion-item (click)="openBookMeetingModal(task)">
-        <ion-icon name="calendar" slot="start"></ion-icon>
-        <ion-label>Marcar reunião</ion-label>
-      </ion-item>
-      <ion-item (click)="discartExpedient()">
-        <ion-icon name="trash" slot="start"></ion-icon>
-        <ion-label>Descartar</ion-label>
-      </ion-item>
-      <ion-item disabled>
-        <ion-icon name="paper-plane" slot="start"></ion-icon>
-        <ion-label>Enviar para pendentes</ion-label>
-      </ion-item>
-    </ion-list>
-  </ion-content>
-</ion-menu>
-<div class="ion-page" id="main-content">
-  <ion-menu-button></ion-menu-button>
-</div>
-
 <ion-content  padding>
  <div *ngIf="task">
  <h3 class="h3-event-title">Detalhes do Expediente</h3>
@@ -1,3 +1,38 @@
+<ion-menu autoHide="false" side="end" content-id="main-content" >
+  <ion-header>
+    <ion-toolbar translucent>
+      <ion-title>Menu PEDIDO</ion-title>
+    </ion-toolbar>
+  </ion-header>
+  <ion-content>
+    <ion-list>
+      <ion-item  (click)="openExpedientActionsModal('0',fulltask)">
+        <ion-icon name="documents" slot="start"></ion-icon>
+        <ion-label>Efectuar Despacho</ion-label>
+      </ion-item>
+      <ion-item  (click)="openExpedientActionsModal('1',fulltask)">
+        <ion-icon name="arrow-undo" slot="start"></ion-icon>
+        <ion-label>Pedido de Parecer</ion-label>
+      </ion-item>
+<!--       <ion-item  (click)="openExpedientActionsModal('2',fulltask)">
+        <ion-icon name="arrow-redo" slot="start"></ion-icon>
+        <ion-label>Pedido de Deferimento</ion-label>
+      </ion-item> -->
+      <!-- <ion-item  (click)="openBookMeetingModal(task)">
+        <ion-icon name="calendar" slot="start"></ion-icon>
+        <ion-label>Marcar reunião</ion-label>
+      </ion-item> -->
+      <ion-item (click)="distartExpedientModal()">
+        <ion-icon name="trash" slot="start"></ion-icon>
+        <ion-label>Descartar</ion-label>
+      </ion-item>
+    </ion-list>
+  </ion-content>
+</ion-menu>
+<div class="ion-page d-none" id="main-content">
+  <ion-menu-button></ion-menu-button>
+</div>
+
 <ion-header class="ion-no-border">
  <div class="title">
    <div class="thetitle"><ion-label >Pedidos</ion-label></div>
@@ -33,7 +68,7 @@
      <ion-list *ngSwitchCase="'parecer'">
        <ion-item 
            class="expediente ion-no-padding"  
-            *ngFor = "let task of parecerList"
+            *ngFor = "let task of parecerList; let i = index"
            >
            <!-- (click)="viewExpedientDetail(task.SerialNumber)" -->
            <!--  [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
@@ -46,8 +81,9 @@
                    <ion-label>{{task.Remetente}}</ion-label>
                  </div>
                  <div class="exp-icon">
-                    <ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
-                    <label></label>
+                    <ion-menu-button (click)="docIndex(i)" style="width: 35px; height: 41px;" autoHide="false">
+                      <ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
+                    </ion-menu-button>       
                  </div>
                </div>
                <div class="exp-bottom-detail">
@@ -75,8 +111,9 @@
                    <ion-label>{{task.Remetente}}</ion-label>
                  </div>
                  <div class="exp-icon">
-                    <ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
-                    <label></label>
+                    <ion-menu-button (click)="docIndex(i)" style="width: 35px; height: 41px;" autoHide="false">
+                      <ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
+                    </ion-menu-button> 
                  </div>
                </div>
                <div class="exp-bottom-detail">
@@ -2,13 +2,16 @@ import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angu
 import { Router } from '@angular/router';
 import { CalendarComponent } from 'ionic2-calendar';

-import { DailyWorkTask } from '../../../models/dailyworktask.model';
+import { DailyWorkTask, tasksList } from '../../../models/dailyworktask.model';
 import { ProcessesService } from 'src/app/services/processes.service';
 import { formatDate } from '@angular/common';
 import { LoadingService } from 'src/app/services/loading.service';
 import { ModalController, NavParams } from '@ionic/angular';
 import { ExpedienteDetailPage } from 'src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page';
 import { AlertService } from 'src/app/services/alert.service';
+import { BookMeetingModalPage } from 'src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page';
+import { ExpedientTaskModalPage } from 'src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page';
+import { DiscartExpedientModalPage } from 'src/app/pages/gabinete-digital/discart-expedient-modal/discart-expedient-modal.page';

@Component({
  selector: 'app-pedidos',
@@ -23,6 +26,10 @@ export class PedidosPage implements OnInit {

  taskslist:DailyWorkTask[];
  parecerList:DailyWorkTask[];
+  
+  parecerListResult:tasksList[] = [];
+  deferimentoListResult:tasksList[] = [];
+
  deferimentoList:DailyWorkTask[];
  taskType: string;
  serialNumber:string;
@@ -31,6 +38,9 @@ export class PedidosPage implements OnInit {
  @Input() segment:string;
  @Output() openExpedientDetail:EventEmitter<any> = new EventEmitter<any>();

+  loadedAttachments:any;
+  dicIndex = 0;
+
  constructor(
    private processes:ProcessesService,
    private modalController: ModalController,
@@ -61,7 +71,9 @@ export class PedidosPage implements OnInit {
      this.taskType = "Pedido de Parecer";
      this.processes.GetTasksList("Pedido de Parecer", false).subscribe(result => {
        console.log(result);
-        
+  
+        this.parecerListResult =result;
+
        this.parecerList = new Array();
        let res = result.reverse();
        res.forEach(element => {
@@ -83,6 +95,8 @@ export class PedidosPage implements OnInit {
      this.taskType = "Pedido de Deferimento";
      this.processes.GetTasksList("Pedido de Deferimento", false).subscribe(result => {
        console.log(result);
+
+        this.deferimentoListResult =result;
        
        this.deferimentoList = new Array();
        let res = result.reverse();
@@ -140,5 +154,141 @@ export class PedidosPage implements OnInit {
    });
  }

+
+
+  async openExpedientActionsModal(taskAction: any, task: any) {
+    //this.modalController.dismiss();
+    let classs;
+    if( window.innerWidth <= 800){
+      classs = 'modal modal-desktop'
+    } else  {
+      classs = 'modal modal-desktop showAsideOptions'
+    }
+
+    let doc: tasksList;
+
+    if (this.segment == 'parecer') {
+      doc = this.parecerListResult[ this.dicIndex];
+    } else if (this.segment == 'deferimento') {
+      doc = this.deferimentoListResult[ this.dicIndex];
+    }
+
+    task = {
+      serialNumber: doc.serialNumber,
+      taskStartDate: doc.taskStartDate,
+      isEvent: true,
+      workflowInstanceDataFields: {
+        FsId: doc.workflowInstanceDataFields.SourceSecFsID, 
+        FolderID: null,
+        DocId: doc.workflowInstanceDataFields.SourceID, 
+        Subject: doc.workflowInstanceFolio
+      },
+    }
+
+    const modal = await this.modalController.create({
+      component: ExpedientTaskModalPage,
+      componentProps: {
+        taskAction: taskAction,
+        task: task,
+        profile: this.profile,
+      },
+      cssClass: classs,
+    });
+    await modal.present();
+    modal.onDidDismiss().then(res=>{
+      console.log(res['data']);
+      if(res['data']=='openDiscart'){
+        console.log('open discart');
+        
+        // this.distartExpedientModal();
+
+      }
+
+    });
+  }
+
+  async openBookMeetingModal(task: any) {
+
+
+    let doc: tasksList;
+
+    if (this.segment == 'parecer') {
+      doc = this.parecerListResult[ this.dicIndex];
+    } else if (this.segment == 'deferimento') {
+      doc = this.deferimentoListResult[ this.dicIndex];
+    }
+
+    task = {
+      serialNumber: doc.serialNumber,
+      taskStartDate: doc.taskStartDate,
+      isEvent: true,
+      workflowInstanceDataFields: {
+        FsId: doc.workflowInstanceDataFields.SourceSecFsID, 
+        FolderID: null,
+        DocId: doc.workflowInstanceDataFields.SourceID, 
+        Subject: doc.workflowInstanceFolio
+      },
+    }
+
+    
+    let classs;
+    if( window.innerWidth <= 800) {
+      classs = 'book-meeting-modal modal modal-desktop'
+    } else  {
+      classs = 'modal modal-desktop showAsideOptions'
+    }
+
+    const modal = await this.modalController.create({
+      component: BookMeetingModalPage,
+      componentProps: {
+        task: task,
+      },
+      cssClass: classs,
+      backdropDismiss: false
+    });
+
+    await modal.present();
+    modal.onDidDismiss();
+
+  }
+
+  async distartExpedientModal(){
+
+    let doc: tasksList;
+
+    if (this.segment == 'parecer') {
+      doc = this.parecerListResult[ this.dicIndex];
+    } else if (this.segment == 'deferimento') {
+      doc = this.deferimentoListResult[ this.dicIndex];
+    }
+
+    
+    const modal = await this.modalController.create({
+      component: DiscartExpedientModalPage,
+       componentProps: {
+        serialNumber: doc.serialNumber,
+        folderId: doc.workflowInstanceDataFields.FolderID,
+        action: 'complete',
+      },
+      cssClass: 'discart-expedient-modal',
+      backdropDismiss: false
+    });
+    
+    await modal.present();
+    modal.onDidDismiss().then(res=>{
+      if(res['data']=='close'){
+        //this.close();
+        /* console.log('2Expedient Discard closed2');
+        this.close();
+        this.openMenu(); */
+      }
+      
+    });
+  }
+
+  docIndex(index: number) {
+    this.dicIndex = index;
+  }
+
 }