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

<ion-menu autoHide="false" side="end" content-id="main-content" >
  <ion-header>
    <ion-toolbar translucent>
      <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-item  (click)="openExpedientActionsModal('0',fulltask)">
        <ion-icon name="documents" slot="start"></ion-icon>
        <ion-label>Efectuar Despacho</ion-label>
      </ion-item>
      <ion-item  (click)="openExpedientActionsModal('1',fulltask)">
        <ion-icon name="arrow-undo" slot="start"></ion-icon>
        <ion-label>Pedido de Parecer</ion-label>
      </ion-item>
      <ion-item  (click)="openExpedientActionsModal('2',fulltask)">
        <ion-icon name="arrow-redo" slot="start"></ion-icon>
        <ion-label>Pedido de Deferimento</ion-label>
      </ion-item>
      <ion-item  (click)="openBookMeetingModal(task)">
        <ion-icon name="calendar" slot="start"></ion-icon>
        <ion-label>Marcar reunião</ion-label>
      </ion-item>
      <!-- <ion-item (click)="deleteEvent()">
        <ion-icon name="trash" slot="start"></ion-icon>
        <ion-label>Descartar</ion-label>
      </ion-item> -->
    </ion-list>
  </ion-content>
</ion-menu>
<div class="ion-page d-none" id="main-content">
  <ion-menu-button></ion-menu-button>
</div>

<ion-header  class="ion-no-border">
  <ion-toolbar class="header-toolbar">
    <div class="main-header px-20" style="overflow: unset !important;">
      <div class="title-content d-flex"  >
        <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 flex-grow-1" (click)="openOptions()">
          <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
        </div>

        <div class="div-icon d-flex">
          <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>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="main-content">
    <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 [innerHTML]="loadedEvent.Body.Text"></div>
        </ion-item>
        <div class="line"></div>
      </div>
    </div>
  
    <div *ngIf="loadedAttachments" class="bottom-content width-100">
      <h5>Documentos Anexados</h5>
      <ion-list class="width-100">
        <ion-item *ngFor="let attach of loadedAttachments; let i = index" class="width-100" lines="none" class="ion-no-margin ion-no-padding">
          <ion-label class="width-100 d-flex " >
            <p class="flex-grow-1"  (click)="viewDocument(attach.SourceId)">
              <span class="attach-title-item">{{attach.SourceName}}</span>
              <span class="span-left">{{attach.Stakeholders}}</span>
            </p>

            <div class="d-flex align-end">
              <span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span>
            </div>

            <ion-menu-button (click)="docIndex(i)" style="width: 35px; height: 41px;" autoHide="false">
              <ion-icon  name="ellipsis-vertical-outline"></ion-icon>
            </ion-menu-button>

          </ion-label>
        </ion-item>
      </ion-list>
    </div>
    <!-- <div class="line"></div> -->
  </div>  
  
  
</ion-content>