doneit-web/src/app/shared/agenda/approve-event/approve-event.component.html

<!-- <ion-header hidden class="ion-no-border px-20">
  <div class="header-content d-flex justify-space-between">
    <div class="header-icon-left">
      <ion-icon (click)="close()" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
    </div>
    <div class="header-title flex-grow-1">
      <label>{{loadedEvent.workflowInstanceDataFields.Subject}}</label>
    </div>
    <div class="header-icon-right display-none-{{showAside}}">
      <ion-icon (click)="notImplemented()" src="assets/images/icons-edit.svg"></ion-icon>
    </div>
  </div>
</ion-header> -->
<ion-menu autoHide="false" side="end" content-id="main-content">
  <ion-header>
    <ion-toolbar translucent>
      <ion-title>Ações</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-item (click)="approveTask(loadedEvent.serialNumber)">
        <ion-icon name="checkmark-sharp"></ion-icon>
        <ion-label>Aprovar</ion-label>
      </ion-item>
      <ion-item (click)="emendTask(loadedEvent.serialNumber)">
        <ion-icon name="create-outline"></ion-icon>
        <ion-label>Emendar</ion-label>
      </ion-item>
      <ion-item (click)="rejectTask(loadedEvent.serialNumber)">
        <ion-icon name="close-sharp"></ion-icon>
        <ion-label>Rejeitar</ion-label>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-content id="main-content">
  <div class="main-content d-flex height-100">
    <div class="content">
      <div class="header-content width-100 d-flex justify-space-between">
        <div class="header-icon-left">
          <ion-icon (click)="close()" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
        </div>
        <div class="header-title flex-grow-1">
          <label>{{loadedEvent.workflowInstanceDataFields.Subject}}</label>
        </div>
        <div class="header-icon-right display-none-{{showAside}}">
          <ion-icon (click)="notImplemented()" src="assets/images/icons-edit.svg"></ion-icon>
        </div>
      </div>
      <div class="upper-content d-flex flex-column">
        <div class="content-location">
          <p>
            <span class="location">{{loadedEvent.workflowInstanceDataFields.Location}}</span>
            <span class="event-type-{{loadedEvent.workflowInstanceDataFields.Agenda}}">{{loadedEvent.workflowInstanceDataFields.Agenda}}</span>
          </p>
        </div>
        <div class="content-details">
          <ion-label>
            <p>{{customDate}}</p>
            <p>das {{loadedEvent.workflowInstanceDataFields.StartDate | date: 'hh:mm'}} às {{loadedEvent.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
            <p *ngIf="!loadedEvent.workflowInstanceDataFields.IsRecurring">(Não se repete)</p>
            <p *ngIf="loadedEvent.workflowInstanceDataFields.IsRecurring">Repete</p>
          </ion-label>
        </div>
      </div>
      <div class="middle-content">
        <h5>Intervenientes</h5>
        <ion-item class="ion-no-margin ion-no-padding">
          <ion-label>
            <p>{{loadedEvent.workflowInstanceDataFields.Participants}}</p>
          </ion-label>
        </ion-item>
        <h5>Detalhes</h5>
        <ion-item class="ion-no-margin ion-no-padding">
            <p [innerHTML]="loadedEvent.workflowInstanceDataFields.Body"></p>
        </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>
            <p class="attach-title-item">Receita por Natureza</p>
            <p><span class="span-left">{{loadedAttachments.Remetente}}</span><span class="span-right">{{loadedAttachments.CreateDate}}<!-- {{ task.CreateDate | date: 'dd-MM-yy' }} --></span></p>
          </ion-label>
        </ion-item>
        </ion-list>
      </div>
    </div>
    <div *ngIf="showAside" class="aside-right flex-column height-100">
      <div class="aside-buttons">
        <button full class="btn-ok" shape="round" >Editar evento</button>
        <button (click)="approveTask(loadedEvent.serialNumber)" full class="btn-ok" shape="round" >Aprovar</button>
        <button (click)="emendTask(loadedEvent.serialNumber)" class="btn-cancel" shape="round" >Emendar</button>
        <div class="solid"></div>
        <button (click)="rejectTask(loadedEvent.serialNumber)" full class="btn-delete" shape="round" >Rejeitar</button>
      </div>
    </div>
  </div>
</ion-content>
<ion-footer class="display-none-{{showAside}}">
    <div class="buttons">
      <button class="btn-cancel" shape="round" (click)="emendTask(loadedEvent.serialNumber)">Emendar</button>
      <ion-menu-button autoHide="false">
        <ion-icon  (click)="openMenu()" name="ellipsis-vertical-outline"></ion-icon>
      </ion-menu-button>
      <button class="btn-ok" shape="round" (click)="approveTask(loadedEvent.serialNumber)">Aprovar</button>
      <button hidden class="btn-delete" shape="round" (click)="rejectTask(loadedEvent.serialNumber)">Rejeitar</button>
    </div>
</ion-footer>