doneit-web/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.html

<ion-header class="ion-no-border">
  <app-header></app-header>
</ion-header>

<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 hidden disabled>
        <ion-icon name="paper-plane" slot="start"></ion-icon>
        <ion-label>Enviar para pendentes</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-content>
  <div class="main-content d-flex height-100">
    <div class="content d-flex flex-column" *ngIf="task">
      <div class="main-header">
        <div class="title-content d-flex justify-space-between align-center">
          <div class="font-30 cursor-pointer" (click)="goBack()" defaultHref="#">
            <ion-icon  slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
          </div>
          <div class="middle d-flex align-center flex-grow-1">
            <ion-label class="title">{{ task.Folio}}</ion-label>
          </div>
          <div class="div-icon" (click)="openOptions()">
              <!-- <ion-menu-button autoHide="false">
                <ion-icon name="ellipsis-vertical-outline"></ion-icon>
              </ion-menu-button> -->
              <ion-icon class="font-25 cursor-pointer" name="ellipsis-vertical-outline"></ion-icon>
          </div>
        </div>
      </div>
      <div class="upper-content">
        <div class="content-details">
          <ion-label>
            <p><span class="date">{{customDate}}</span><span class="label">{{ task.activityInstanceName }}</span></p>
            <p><span class="color-red">{{ task.DeadlineType }}</span></p>
          </ion-label>
        </div>
      </div>
      <div class="line"></div>
      <div class="middle-content">
        <h5 *ngIf="intervenientes">Intervenientes</h5>
        <ion-item class="ion-no-margin ion-no-padding">
          <ion-label>
            <div *ngFor="let interveniente of intervenientes">
              <p>{{interveniente.Name}}</p>
            </div>
          </ion-label>
        </ion-item>
        <div *ngIf="cc.length > 0">
          <h5>Com conhecimento</h5>
          <ion-item class="ion-no-margin ion-no-padding">
            <ion-label>
              <div *ngFor="let c of cc">
                <p>{{c.Name}}</p>
              </div>
            </ion-label>
          </ion-item>
        </div>
        <div *ngIf="fulltask.workflowInstanceDataFields.TaskMessage">
          <h5>Detalhes</h5>
          <ion-item class="ion-no-margin ion-no-padding">
              <p [innerHTML]="fulltask.workflowInstanceDataFields.TaskMessage"></p>
          </ion-item>
        </div>
      </div>
      <div class="bottom-content width-100">
        <ion-list>
          <h5>Documentos Anexados</h5>
          <ion-item *ngFor="let attachment of attachments" 
          class="ion-no-margin ion-no-padding cursor-pointer">
          <ion-label
          (click)="viewDocument(attachment.DocId)">
            <p *ngIf="attachment.Assunto" class="attach-title-item">{{ attachment.Assunto }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
            <p *ngIf="!attachment.Assunto" class="attach-title-item">{{ attachment.DocNumber }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
            <p><span class="span-left">{{attachment.Sender}}</span><span class="span-right">{{ attachment.DocDate | date: 'dd/MM/yy' }}</span></p>
          </ion-label>
        </ion-item>
        </ion-list>
      </div>
    </div>

    <div *ngIf="task" class="aside-right flex-column height-100">
      <div class="buttons" *ngIf="task.activityInstanceName == 'Tarefa de Despacho'">
        <button (click)="openAddNoteModal('Executado')" class="btn-cancel" shape="round" >Executado</button>
        <button (click)="openDelegarModal(task)" class="btn-cancel" shape="round" >Delegar</button>
        <div class="solid"></div>
        <button (click)="openExpedientActionsModal('0',fulltask)" class="btn-ok" shape="round" >Efectuar Despacho</button>
        <button (click)="openExpedientActionsModal('1',fulltask)" class="btn-cancel" shape="round" >Solicitar Parecer</button>
        <button (click)="openBookMeetingModal(task)" class="btn-cancel" shape="round" >Marcar Reunião</button>
        <div class="solid"></div>
        <button (click)="sendExpedienteToPending()" class="btn-cancel" shape="round" >Enviar para Pendentes</button>
      </div>
      <div class="buttons" *ngIf="task.activityInstanceName == 'Reexecutar Despacho'">
        <button (click)="openAddNoteModal('Executado')" class="btn-cancel" shape="round" >Executado</button>
        <button (click)="openDelegarModal(task)" class="btn-cancel" shape="round" >Delegar</button>
        <div class="solid"></div>
        <button (click)="openExpedientActionsModal('0',fulltask)" class="btn-ok" shape="round" >Efectuar Despacho</button>
        <button (click)="openExpedientActionsModal('1',fulltask)" class="btn-cancel" shape="round" >Solicitar Parecer</button>
        <button (click)="openBookMeetingModal(task)" class="btn-cancel" shape="round" >Marcar Reunião</button>
        <div class="solid"></div>
        <button (click)="sendExpedienteToPending()" class="btn-cancel" shape="round" >Enviar para Pendentes</button>
      </div>
      <div class="buttons" *ngIf="task.activityInstanceName == 'Concluir Despacho'">
        <button (click)="openAddNoteModal('Arquivar')" class="btn-cancel" shape="round" >Arquivar</button>
        <div class="solid"></div>
        <button (click)="openExpedientActionsModal('0',fulltask)" class="btn-ok" shape="round" >Efectuar Despacho</button>
        <button (click)="openExpedientActionsModal('1',fulltask)" class="btn-cancel" shape="round" >Solicitar Parecer</button>
        <button (click)="openBookMeetingModal(task)" class="btn-cancel" shape="round" >Marcar Reunião</button>
        <div class="solid"></div>
        <button (click)="sendExpedienteToPending()" class="btn-cancel" shape="round" >Enviar para Pendentes</button>
        <button (click)="openAddNoteModal('Reexecução')" class="btn-cancel" shape="round" >Enviar para Reexecução</button>
      </div>
    </div>
  </div>
</ion-content>