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

<ion-content class="container-wrapper">

  <div class="main-content d-flex height-100 overflow-hidden">

    <app-task-details
      *ngIf="task"
      [task]=task
      [intervenientes]=intervenientes
      [cc]=cc
      [customDate]=customDate
      [mergedArray]="mergedArray"
      (openOptions)= openOptions()
      (goBack)= goBack()
      (viewDocument)=viewDocument($event)
      class="d-flex height-100 flex-column content"
      [fulltask]="fulltask"
    ></app-task-details>

    <div *ngIf="task && showOptions" class="aside-right" (click)="showOptions=!showOptions">
      <div class="aside-right-container flex-column height-100 overflow-y-auto">
        <div class="buttons" *ngIf="task.activityInstanceName == 'Tarefa de Despacho'">
          <div class="option-desc" *ngIf="task.WorkflowName == 'Despacho do Presidente da República' "> <div>Responder ao PR</div> </div>
          <button (click)="openAddNoteModal('Executado')" class="btn-cancel" shape="round" >Executado</button>
          <div class="option-desc" *ngIf="task.WorkflowName == 'Despacho do Presidente da República' ">Reencaminhar para Área Jurídica</div>
          <button (click)="openAddNoteModal('Gerar Diploma')" *ngIf="task.WorkflowName == 'Despacho do Presidente da República'" class="btn-cancel" style="margin-bottom: 0px !important;" shape="round" >Gerar Diploma </button>
          <div class="option-desc" *ngIf="task.WorkflowName == 'Despacho do Presidente da República' " >Outras opções</div>
          <button (click)="openDelegarModal(task)" class="btn-cancel" shape="round" >Delegar</button>
          <div class="solid"></div>
          <button (click)="openExpedientActionsModal('0',fulltask)" class="btn-cancel" shape="round" >Efetuar Despacho</button>
          <button (click)="openExpedientActionsModal('1',fulltask)" class="btn-cancel" shape="round" >Solicitar Parecer</button>
          <button *ngIf="p.userPermission([p.permissionList.Agenda.access])" (click)="openBookMeetingModal(task)" class="btn-cancel" shape="round" >Marcar Reunião</button>
          <div class="solid"></div>
          <button (click)="sendExpedienteToPending()" *ngIf="task.Status != 'Pending'" 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-cancel" shape="round" >Efetuar Despacho</button>
          <button (click)="openExpedientActionsModal('1',fulltask)" class="btn-cancel" shape="round" >Solicitar Parecer</button>
          <button *ngIf="p.userPermission([p.permissionList.Agenda.access])" (click)="openBookMeetingModal(task)" class="btn-cancel" shape="round" >Marcar Reunião</button>
          <div class="solid"></div>
          <button (click)="sendExpedienteToPending()" *ngIf="task.Status != 'Pending'" 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-cancel" shape="round" >Efetuar Despacho</button>
          <button (click)="openExpedientActionsModal('1',fulltask)" class="btn-cancel" shape="round" >Solicitar Parecer</button>
          <button *ngIf="p.userPermission([p.permissionList.Agenda.access])" (click)="openBookMeetingModal(task)" class="btn-cancel" shape="round" >Marcar Reunião</button>
          <div class="solid"></div>
          <button (click)="sendExpedienteToPending()" *ngIf="task.Status != 'Pending'" 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>

    <div *ngIf="!task">
      <ion-list>
        <ion-list-header>
          <ion-label>
            <ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
          </ion-label>
        </ion-list-header>
        <ion-item>
          <ion-label>
            <h3>
              <ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
            </h3>
            <p>
              <ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
            </p>
          </ion-label>
        </ion-item>
        <ion-item>
          <ion-label>
            <h3>
              <ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
            </h3>
            <p><ion-skeleton-text animated style="width: 80%"></ion-skeleton-text></p>
          </ion-label>
        </ion-item>
        <ion-item>
          <ion-label>
            <h3>
              <ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
            </h3>
            <p>
              <ion-skeleton-text animated style="width: 80%"></ion-skeleton-text>
            </p>
          </ion-label>
        </ion-item>
        <ion-button color="medium" shape="round" expand="block">
          <!-- <ion-icon color="medium" name="attach" slot="start"></ion-icon> -->
          <ion-skeleton-text animated style="width: 50%"></ion-skeleton-text>
        </ion-button>
      </ion-list>
    </div>
  </div>
</ion-content>