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>