save

src/app/pages/agenda/view-event/view-event.page.html

@@ -3,7 +3,7 @@
 </ion-header>
 
 <ion-content class="main-content-l height-100 white ">
-  
+
   <div class="main-content d-flex height-100" [className]="isModal ? '_main-content d-flex height-100 ma-0 px-20 pt-30 pb-20 background-white' : 'main-content d-flex height-100'">
     <div class="content d-flex flex-column width-100">
       <div class="main-header  d-flex">
@@ -22,29 +22,29 @@
             </button>
             <button class="btn-no-color" (click)="deleteEvent()">
               <ion-icon class="delete"  name="trash-sharp"></ion-icon>
-            </button> 
+            </button>
           </div>
         </div>
       </div>
 
       <div class="overflow-y-auto">
         <div class="upper-content ml-45">
-          
+
           <div class="content-location">
             <span class="date">{{loadedEvent.Location}}</span>
-            
+
             <div *ngIf="loadedEvent.Organizer">
               <div *ngIf="loadedEvent.Organizer.Name == 'Agenda do Presidente da República' ">
                 <span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' " style="background-color: #99e47b;">{{loadedEvent.CalendarName}}</span>
                 <span class="label" *ngIf="loadedEvent.CalendarName == 'Pessoal' " style="background-color: #958bfc;">{{loadedEvent.CalendarName}}</span>
               </div>
-      
+
               <div *ngIf="loadedEvent.Organizer.Name == 'Agenda do Ministro e Director do Gabinete do PR' ">
                 <span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' "  style="background-color: #ffb703;">{{loadedEvent.CalendarName}}</span>
                 <span class="label" *ngIf="loadedEvent.CalendarName == 'Pessoal' " style="background-color: #f05d5e;">{{loadedEvent.CalendarName}}</span>
               </div>
             </div>
-    
+
           </div>
 
           <div class="content-details">
@@ -76,8 +76,8 @@
             <div class="line"></div>
           </div>
         </div>
-      
-        <div *ngIf="loadedAttachments" class="bottom-content width-100">
+
+        <div *ngIf="loadedEvent.Attachments" class="bottom-content width-100">
           <h5>Documentos Anexados</h5>
           <ion-list class="width-100">
             <ion-item *ngFor="let attach of loadedEvent.Attachments; let i = index" class="width-100" class="ion-no-margin ion-no-padding">
@@ -86,20 +86,20 @@
                   <span class="attach-title-item d-block">{{attach.SourceName}}</span>
                   <span class="span-left d-block">{{attach.Stakeholders}}</span>
                 </p>
-    
+
                 <div class="d-flex pr-10">
                   <span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</span>
                 </div>
-    
+
                 <div (click)="docIndex(i);openTaskOptions()" class="cursor-pointer" style="width: 35px; height: 41px;" autoHide="false">
                   <ion-icon src="assets/images/icons-menu.svg"  ></ion-icon>
                 </div>
-    
+
               </ion-label>
             </ion-item>
           </ion-list>
         </div>
-        
+
       </div>
 
     </div>
@@ -110,6 +110,6 @@
         <button (click)="deleteEvent()" full class="btn-delete" shape="round" >Eliminar</button>
       </div>
     </div>
-    
-  </div>    
-</ion-content>
+
+  </div>
+</ion-content>

src/app/shared/agenda/view-event/view-event.page.html

@@ -16,7 +16,7 @@
             <ion-icon class="edit" slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
           </button>
           <button class="btn-no-color" (click)="deleteEvent()">
-            <ion-icon class="delete" name="trash-sharp"></ion-icon> 
+            <ion-icon class="delete" name="trash-sharp"></ion-icon>
           </button>
         </div>
 
@@ -32,14 +32,14 @@
       <div class="content-location">
 
         <span class="date">{{loadedEvent.Location}}</span>
-        
-        
+
+
         <div *ngIf="loadedEvent.Organizer">
           <div *ngIf="loadedEvent.Organizer.Name == 'Agenda do Presidente da República' ">
             <span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' " style="background-color: #99e47b;">{{loadedEvent.CalendarName}}</span>
             <span class="label" *ngIf="loadedEvent.CalendarName == 'Pessoal' " style="background-color: #958bfc;">{{loadedEvent.CalendarName}}</span>
           </div>
-  
+
           <div *ngIf="loadedEvent.Organizer.Name == 'Agenda do Ministro e Director do Gabinete do PR' ">
             <span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' "  style="background-color: #ffb703;">{{loadedEvent.CalendarName}}</span>
             <span class="label" *ngIf="loadedEvent.CalendarName == 'Pessoal' " style="background-color: #f05d5e;">{{loadedEvent.CalendarName}}</span>
@@ -77,8 +77,8 @@
         <div class="line"></div>
       </div>
     </div>
-  
-    <div *ngIf="loadedEvent.Attachments" class="bottom-content width-100">
+
+    <div *ngIf="loadedEvent.Attachments.length > 0" class="bottom-content width-100">
       <h5>Documentos Anexados</h5>
       <ion-list class="width-100">
         <li *ngFor="let attach of loadedEvent.Attachments; let i = index" class="width-100" lines="none" class="ion-no-margin ion-no-padding pa-0">
@@ -101,7 +101,7 @@
       </ion-list>
     </div>
     <!-- <div class="line"></div> -->
-  </div>  
-  
-  
-</ion-content>
+  </div>
+
+
+</ion-content>