implementation of add + view event modals

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

@@ -4,7 +4,7 @@
       <div class="title-content">
         <app-btn-modal-dismiss></app-btn-modal-dismiss>
         <div class="middle">
-          <ion-label class="title">Ver Evento</ion-label>
+          <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
         </div>
         <div class="header-icon-right">
           <ion-icon slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
@@ -19,18 +19,18 @@
     <div class="upper-content">
       <div class="content-location">
         <div class="location-detail">
-          <ion-label >Texto</ion-label>
+          <ion-label >{{loadedEvent.Location}}</ion-label>
         </div>
         <div class="button-calendar-type">
-          <ion-button  class="button-calendar-type" slot="end">Texto</ion-button>
+          <ion-button  class="button-calendar-type" slot="end">{{loadedEvent.CalendarName}}</ion-button>
         </div>
       </div>
       <div class="content-details">
         <ion-label>
-          <p>Texto</p>
-          <p>das Texto às Texto</p>
-          <p >(Não se repete)</p>
-          <p >Repete</p>
+          <p>{{customDate}}</p>
+          <p>das {{loadedEvent.StartDate | date: 'hh:mm'}} às {{loadedEvent.EndDate | date: 'hh:mm'}}</p>
+          <p *ngIf="!loadedEvent.IsRecurring">(Não se repete)</p>
+          <p *ngIf="loadedEvent.IsRecurring">Repete</p>
         </ion-label>
       </div>
     </div>
@@ -38,13 +38,15 @@
       <ion-item class="ion-no-margin ion-no-padding">
         <ion-label>
           <h3>Intervenientes</h3>
-          <p>Texto</p>
+          <div *ngFor="let attendee of loadedEvent.Attendees">
+            <p>{{attendee.Name}}</p>
+          </div>
         </ion-label>
       </ion-item>
       <ion-item class="ion-no-margin ion-no-padding">
         <ion-label>
           <h3>Detalhes</h3>
-          <p>Texto</p>
+          <p>{{loadedEvent.Body.Text}}</p>
         </ion-label>
       </ion-item>
     </div>
@@ -53,9 +55,9 @@
       <ion-list>
         <h3>Documentos Anexados</h3>
         <ion-item class="ion-no-margin ion-no-padding">
-        <ion-label>
-          <p class="attach-title-item">Receita por Natureza</p>
-          <p><span class="span-left">Texto</span><span class="span-right"><!-- {{ task.CreateDate | date: 'dd-MM-yy' }} --></span></p>
+        <ion-label *ngFor="let attach of loadedAttachments">
+          <p class="attach-title-item">{{attach.SourceName}}</p>
+          <p><span class="span-left">{{attach.Stakeholders}}</span><span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span></p>
         </ion-label>
       </ion-item>
       </ion-list>