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

<!-- <ion-header  class="ion-no-border">
  <ion-toolbar class="header-toolbar">
    <div class="main-header">
      <div class="title-content">
        <div class="left">
          <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
        </div>
        <div class="middle">
          <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 class="height-100">
  <div class="main-content d-flex height-100">
    <div class="content d-flex flex-column width-100">
      <div class="main-header">
        <div class="title-content">
          <div class="left">
            <button class="btn-no-color" (click)="close()">
              <ion-icon slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
            </button>
          </div>
          <div class="middle">
            <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
          </div>
          <div class="div-icon">
            <button class="btn-no-color" (click)="editEvent()">
              <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>
            </button> 
          </div>
        </div>
      </div>

      <div class="overflow-y-auto">
        <div class="upper-content">
          <div class="content-location">
            <p><span class="date">{{loadedEvent.Location}}</span><span class="label">{{loadedEvent.CalendarName}}</span></p>
          </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="line"></div>
        <div class="middle-content">
          <div *ngIf="loadedEvent.Attendees">
            <h5>Intervenientes</h5>
            <ion-item class="ion-no-margin ion-no-padding">
              <ion-label>
                <div *ngFor="let attendee of loadedEvent.Attendees">
                  <p>{{attendee.Name}}</p>
                </div>
              </ion-label>
            </ion-item>
          </div>
          <div *ngIf="loadedEvent.Body.Text">
            <h5>Detalhes</h5>
            <ion-item lines="none" class="ion-no-margin ion-no-padding">
              <div disabled class="width-100" [innerHTML]="loadedEvent.Body.Text" rows="6"></div>
            </ion-item>
          </div>
          <div class="line"></div>
        </div>
      
        <div *ngIf="loadedAttachments" class="bottom-content width-100">
          <ion-list>
            <h5>Documentos Anexados</h5>
            <ion-item class="ion-no-margin ion-no-padding"
            *ngFor="let attach of loadedAttachments" 
            (click)="viewDocument(attach.SourceId)">
            <ion-label>
              <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>

    </div>
    <div class="aside-right flex-column height-100 d-none d-md-flex">
      <div class="buttons">
        <button (click)="editEvent()" full class="btn-ok" shape="round" >Editar</button>
        <div class="solid"></div>
        <button (click)="deleteEvent()" full class="btn-delete" shape="round" >Eliminar</button>
      </div>
    </div>
  </div>    
</ion-content>