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

<ion-header  class="ion-no-border">
  <ion-toolbar class="header-toolbar">
    <div class="main-header px-20">
      <div class="title-content d-flex"  >
        <div class="left">
          <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
        </div>
        <div class="middle flex-grow-1">
          <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
        </div>
        <div class="div-icon">
          <ion-icon class="edit" (click)="editEvent()" slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
          <ion-icon class="delete" (click)="deleteEvent()" name="trash-sharp"></ion-icon> 
        </div>
      </div>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="main-content">
    <div class="upper-content">
      <div class="content-location d-flex justify-space-between ">
        <div class="location-detail">
          <ion-label >{{loadedEvent.Location}}</ion-label>
        </div>
        <div class="button-{{profile}}-{{loadedEvent.CalendarName}}">
          <ion-button  class="button-{{profile}}-{{loadedEvent.CalendarName}}" slot="end">{{loadedEvent.CalendarName}}</ion-button>
        </div>
      </div>
      <div class="content-details">
        <ion-label>
          <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>
    <div class="middle-content">
      <ion-item class="ion-no-margin ion-no-padding">
        <ion-label>
          <h3>Intervenientes</h3>
          <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>{{loadedEvent.Body.Text}}</p>
        </ion-label>
      </ion-item>
    </div>
  
    <div *ngIf="loadedAttachments" class="bottom-content">
      <ion-list>
        <h3>Documentos Anexados</h3>
        <ion-item class="ion-no-margin ion-no-padding">
        <ion-label *ngFor="let attach of loadedAttachments"
        (click)="viewDocument()">
          <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>
    </div>
  </div>    
</ion-content>