further improvements on events to approve and expedientes view for mobile

src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.html

@@ -41,7 +41,11 @@
   <div class="upper-content d-flex width-100">
     <div class="content-location d-flex justify-between width-100">
       <div class="location-detail flex-grow-1">
-        <ion-label >{{loadedEvent.workflowInstanceDataFields.Location}}</ion-label>
+        <div *ngIf="loadedEvent.workflowInstanceDataFields.Location">
+          <ion-label>
+            {{loadedEvent.workflowInstanceDataFields.Location}}
+          </ion-label>
+        </div>
         <div class="content-details">
           <ion-label>
             <p>1 {{customDate}}</p>
@@ -57,14 +61,15 @@
     </div>
 
   </div>
-  <div class="middle-content">
+  <div *ngIf="loadedEvent.workflowInstanceDataFields.Participants" class="middle-content">
     <div *ngIf="loadedEvent.workflowInstanceDataFields.Participants">
       <h5>Intervenientes</h5>
       <div *ngFor="let att of loadedEvent.workflowInstanceDataFields.ParticipantsList">
         <ion-label>{{att.Name}}</ion-label>
       </div>
     </div>
-    
+    </div>
+    <div *ngIf="loadedEvent.workflowInstanceDataFields.Body">
     <h5>Detalhes</h5>
     <ion-item lines="none" class="ion-no-padding ion-no-margin">
       <div [innerHTML]="loadedEvent.workflowInstanceDataFields.Body"></div>
@@ -74,17 +79,16 @@
 
   <div class="d-flex container-div width-100"  > 
     <ion-list class="width-100 " >
+      <h5>Documentos Anexados</h5>
       <ion-item class="width-100"   *ngFor="let document of loadedAttachments">
-        <ion-label class="width-100 d-block list">
+        <ion-label 
+          (click)="viewDocument(document.SourceId, document.ApplicationId)"
+          class="width-100 d-block list">
           <p class="d-flex ion-justify-content-between"> 
             <span class="attach-title-item">{{document.SourceName}}</span> 
             <span class="app-name" *ngIf="document.ApplicationId  == 8"> Correspondencia </span>
             <span class="app-name" *ngIf="document.ApplicationId == 386"> AccoesPresidenciais </span>
             <span class="app-name" *ngIf="document.ApplicationId == 361 "> ArquivoDespachoElect </span>
-            <span class="close-button text-black" >
-              <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
-            </span>
-
           </p> 
           <p><span class="span-left">{{document.Stakeholders}}</span><span class="span-right"> {{document.CreateDate | date: 'dd-MM-yy'}} </span></p>
         </ion-label>

src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.ts

@@ -8,7 +8,7 @@ import { ProcessesService } from 'src/app/services/processes.service';
 import { EditEventToApproveComponent } from 'src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page';
 import { EmendMessageModalPage } from '../../../agenda/emend-message-modal/emend-message-modal.page';
 import { EventActionsPopoverPage } from '../../../agenda/event-actions-popover/event-actions-popover.page';
-
+import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
 
 @Component({
   selector: 'app-approve-event-modal',
@@ -37,6 +37,7 @@ export class ApproveEventModalPage implements OnInit {
     private menu: MenuController,
     private alertService: AlertService,
     private activatedRoute: ActivatedRoute,
+    private iab: InAppBrowser,
   ) {
 
 
@@ -82,6 +83,14 @@ export class ApproveEventModalPage implements OnInit {
     })
   }
 
+  viewDocument(docId:string, applicationId:string){
+    this.processes.GetDocumentUrl(docId, applicationId).subscribe(res=>{
+      console.log(res);
+      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
+      const browser = this.iab.create(url,"_blank");
+      browser.show();
+    });
+  }
   
   approveTask(serialNumber:string){
     console.log('approveTask SERIALNUMBER: ', serialNumber)
@@ -111,6 +120,8 @@ export class ApproveEventModalPage implements OnInit {
   async getAttachments(){
 
     this.loadedAttachments = await this.attachmentsService.getAttachmentsById(this.InstanceId).toPromise();
+    console.log(this.loadedAttachments);
+    
 
   }
 

src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html

@@ -42,6 +42,11 @@
         <div  (click)="editar(loadedEvent.serialNumber)" class="header-icon-right display-none-true">
           <ion-icon src="assets/images/icons-edit.svg"></ion-icon>
         </div>
+        <div class="menu-ptions">
+          <button class="btn-no-color" (click)="openOptions(loadedEvent)">
+            <ion-icon src="assets/images/icons-menu.svg"></ion-icon>
+          </button>
+        </div>
       </div>
       <div class="upper-content d-flex flex-column">
         <div class="content-location">

src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.scss

@@ -206,6 +206,9 @@ ion-menu{
   .div-icon{
     display: none;
   }
+  .menu-ptions{
+    display: none;
+  }
   .content{
     width: 65%;
     border-right: 1px solid #d8d8d8;

src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.ts

@@ -73,7 +73,11 @@ export class ApproveEventPage implements OnInit {
           "eventos": true,
       }
     };
-    this.router.navigate(['/home/gabinete-digital'], navigationExtras);
+    if( window.innerWidth < 801){
+      this.router.navigate(['/home/gabinete-digital/event-list']);
+    } else {
+      this.router.navigate(['/home/gabinete-digital'], navigationExtras);
+    }
   }
 
   async getTask(){
@@ -135,9 +139,13 @@ export class ApproveEventPage implements OnInit {
   async openOptions(ev:any) {
     const popover = await this.popoverController.create({
       component: EventActionsPopoverPage,
-      cssClass: 'event-actions-popover',
+      cssClass: 'events-options',
       event: ev,
-      translucent: true
+      translucent: true,
+      componentProps:{
+        serialNumber: ev.serialNumber,
+        InstanceId: ev.workflowInstanceDataFields.InstanceId,
+      },
     });
     return await popover.present();
   }

src/app/pages/gabinete-digital/event-list/event-list.module.ts

@@ -7,12 +7,14 @@ import { IonicModule } from '@ionic/angular';
 import { EventListPageRoutingModule } from './event-list-routing.module';
 
 import { EventListPage } from './event-list.page';
+import { SharedModule } from 'src/app/shared/shared.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
+    SharedModule,
     EventListPageRoutingModule
   ],
   declarations: [EventListPage]

src/app/pages/gabinete-digital/event-list/event-list.page.html

@@ -1,39 +1,41 @@
 <ion-header class="ion-no-border">
-  <div class="header-content">
-    <div class="header-icon-left">
-      <button class="btn-no-color cursor-pointer" (click)="close()">
-        <ion-icon src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
-      </button>
-    </div>
-    <div class="header-title">
-      <label>Eventos para Aprovação</label>
-    </div>
-  <ion-toolbar>
-    <ion-segment [(ngModel)]="profile">
-      <ion-segment-button value="MDGPR">
-        Seu calendário
-      </ion-segment-button>
-      <ion-segment-button value="PR">
-        Presidente da República
-      </ion-segment-button>
-    </ion-segment>
-  </ion-toolbar>
-</div>
+  <app-header></app-header>
 </ion-header>
-
 <ion-content>
   <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
     <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
      <ion-refresher-content>
     </ion-refresher-content>
   </ion-refresher>
-  <div [ngSwitch]="profile"> 
+  <div class="main-content d-flex height-100" [ngSwitch]="segment">
+    <div class="content d-flex flex-column">
+      <div class="header-content">
+        <div class="header-icon-left">
+          <button class="btn-no-color cursor-pointer" (click)="goBack()">
+            <ion-icon src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+          </button>
+        </div>
+        <div class="header-title">
+          <label>Eventos para Aprovação</label>
+        </div>
+      <ion-toolbar>
+        <ion-segment [(ngModel)]="segment">
+          <ion-segment-button value="MDGPR">
+            Seu calendário
+          </ion-segment-button>
+          <ion-segment-button value="PR">
+            Presidente da República
+          </ion-segment-button>
+        </ion-segment>
+      </ion-toolbar>
+    </div>
+
     <ion-list *ngSwitchCase="'MDGPR'">
       <div *ngIf="eventsMDGPRList">
         <ion-list>
           <ion-item-sliding>
             <ion-item class="Rectangle cursor-pointer" lines="none" 
-              *ngFor="let event of eventsMDGPRList" (click)="openApproveModal(event.serialNumber, event)">
+              *ngFor="let event of eventsMDGPRList" (click)="goToEventDetail(event)">
               
               <div class="content-mdgpr-{{event.workflowInstanceDataFields.Agenda}} width-100">
                 <div class="approve-event-time">
@@ -72,4 +74,5 @@
       </div>
     </ion-list>
   </div>
+  </div>
 </ion-content>

src/app/pages/gabinete-digital/event-list/event-list.page.scss

@@ -1,7 +1,13 @@
-
-:host{
+@import '~src/function.scss';
+.main-content{
+  background-color: #fff !important;
+  border-top-left-radius: 25px;
+  border-top-right-radius: 25px;
+}
+.content{
   padding: 30px 20px 0 20px !important;
   margin: 0;
+  float: left;
 }
 .header-content{
   margin: 0 !important;

src/app/pages/gabinete-digital/event-list/event-list.page.ts

@@ -3,9 +3,9 @@ import { EventBody } from 'src/app/models/eventbody.model';
 import { EventPerson } from 'src/app/models/eventperson.model';
 import { Event } from 'src/app/models/event.model';
 import { ProcessesService } from 'src/app/services/processes.service';
-import { ModalController, NavParams } from '@ionic/angular';
+import { ModalController } from '@ionic/angular';
 import { ApproveEventModalPage } from './approve-event-modal/approve-event-modal.page';
-import { NavigationEnd, Router } from '@angular/router';
+import { NavigationEnd, NavigationExtras, Router } from '@angular/router';
 
 @Component({
   selector: 'app-event-list',
@@ -14,6 +14,7 @@ import { NavigationEnd, Router } from '@angular/router';
 })
 export class EventListPage implements OnInit {
   profile:string;
+  segment:string;
   showLoader: boolean;
   eventsPRList: any;
   eventsMDGPRList: any;
@@ -27,18 +28,10 @@ export class EventListPage implements OnInit {
     private processes:ProcessesService,
     private modalController: ModalController,
     private router: Router,
-    private navParams: NavParams,
   ) { }
 
   ngOnInit() {
-    this.profile = this.navParams.get('profile');
-      
-    /* console.log(this.navParams.get('md')); */
-    if(this.profile == "mdgpr"){
-      this.profile = 'MDGPR'
-    } else {
-      this.profile = 'PR'
-    }
+    this.segment =  'MDGPR';
     
     this.LoadToApproveEvents();
 
@@ -71,8 +64,6 @@ export class EventListPage implements OnInit {
   }
 
   async openApproveModal(eventSerialNumber, event){
-
-
     const modal = await this.modalController.create({
       component: ApproveEventModalPage,
       componentProps:{
@@ -81,12 +72,30 @@ export class EventListPage implements OnInit {
       cssClass: 'event-list cal-modal  modal modal-desktop',
       backdropDismiss: false
     });
-
     await modal.present();
-
-
   }
 
+  goToEventDetail(eventToAprove){
+    let InstanceId;
+
+    if(!eventToAprove.workflowInstanceDataFields.hasOwnProperty('InstanceId')){
+      InstanceId = ''
+    } else {
+      InstanceId =eventToAprove.workflowInstanceDataFields.InstanceId
+    }
+
+    let navigationExtras: NavigationExtras = {
+      queryParams: {
+          "serialNumber": eventToAprove.serialNumber,
+      }
+    };
+    this.router.navigate(['/home/gabinete-digital/event-list/approve-event'], navigationExtras)
+  }
+
+
+
+
+
   doRefresh(event) {
     this.LoadToApproveEvents();
     console.log('refresh');
@@ -97,6 +106,9 @@ export class EventListPage implements OnInit {
   close(){
     this.modalController.dismiss(null);
   }
+  goBack(){
+    this.router.navigate(['/home/gabinete-digital']);
+  }
 
 
 }