doneit-web/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html

<ion-header *ngIf="task" class="ion-no-border ">
  <div [ngClass]="{'d-item': !dropButton}"  class="main-header mt-30 px-20">
    <div class="title-content width-100 d-flex justify-space-between align-center">
      <div class=" btn-dismiss font-30-rem cursor-pointer" (click)="goBack.emit()" defaultHref="#">
        <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
        <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-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.emit()">
        <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/theme/blue/icons-menu.svg"></ion-icon>
        <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-menu.svg"></ion-icon>
      </div>
    </div>
  </div>



</ion-header>

<ion-content>

  <div id="wrapper" class="height-100">

    <div class="overflow-y-auto height-100 width-60 visionDesktop-block mr-20"  style="overflow: hidden; margin-right:20px;">
      <app-viewer-attachment *ngIf="mergedArray.length >= 1" [showAttachmentList]=false [selectedIndex]="selectedIndex" [taskViewerAttachment]="mergedArray" class="height-100" ></app-viewer-attachment>
    </div>

    <div  class=" flex-1 d-flex flex-column height-100 d-flex overflow-y-auto-desktop"  >
      <div [ngClass]="{'d-item': !dropButton}" class="upper-content" >
        <div class="content-details">
          <div class="mobile-header">
            <ion-label>
              <p><span class="date">{{customDate}}</span></p>
            </ion-label>
            <ion-label>
              <p><span class="color-red">{{ task.DeadlineType }}</span></p>
            </ion-label>
          </div>

          <ion-label>
            <p class="d-flex mt-10 activity-instanceName" ><span class="label">{{ task.WorkflowName }}</span></p>
          </ion-label>
        </div>
      </div>
      <div [ngClass]="{'d-item': !dropButton}" class="line mx-20"></div>

      <div  style="
        display: flex;
        flex-direction: column;
        height: 100%;
        flex-grow: 1;
      " class="overflow-y-auto-desktop">
        <div class="middle-content" [ngClass]="{'d-item': !dropButton}">
          <h5 class="font-17-rem" *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 class="font-17-rem">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="task.Note">
            <h5 class="font-17-rem">Detalhes</h5>
            <ion-item class="ion-no-margin ion-no-padding">
              <pre class="width-100 text">{{ task.Note || fulltask?.workflowInstanceDataFields?.TaskMessage}} </pre>
            </ion-item>
          </div>
        </div>

        <div class="bottom-content width-100 d-flex flex-column flex-1">
          <ion-list class="visionDesktop-block" >
            <h5 class="font-17-rem">Documentos Anexados</h5>
            <ion-item  class="ion-no-margin ion-no-padding cursor-pointer" *ngFor="let Document of mergedArray; let i = index" (click)=" selectedIndex = i" [ngClass]="{'selected-card': i === selectedIndex}">
              <ion-label class="d-block" >
                <div class="d-flex" >

                  <div class="flex-1 overflow-hidden">
                    <p class="attach-title-item overflow-hidden">{{ Document.Assunto || "Sem assunto" }} <span class="document-type" *ngIf="Document.content">Rascunho</span></p>
                    <p class="overflow-hidden"><span class="span-left">{{ Document.Sender}}</span><span class="span-right">{{ Document.DocDate | date: 'dd-MM-yyyy HH:mm' }}</span></p>
                  </div>

                    <!-- <div class="d-flex justify-center align-center  font-25" (click)="clickDocumentUPdateIndex(Document.DocId, Document, Document.content);"> -->
                  <div class="d-flex justify-center align-center  font-25" *ngIf="!Document.content">
                    <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
                      <mat-icon>more_vert</mat-icon>
                    </button>
                    <mat-menu #menu="matMenu">
                      <button (click)="openExpedientActionsModal('0', Document)" mat-menu-item>
                        <span>Efetuar Despacho</span>
                      </button>
                      <button (click)="openExpedientActionsModal('1', Document)" mat-menu-item >
                        <span>Solicitar Parecer</span>
                      </button>
                      <button  *ngIf="!p.userRole(['PR']) && !p.userPermission([p.permissionList.Gabinete.pr_tasks])" (click)="openExpedientActionsModal('1', Document)" mat-menu-item >
                        <span>Pedido de Deferimento</span>
                      </button>
                      <button (click)="openBookMeetingModal(Document)" mat-menu-item>
                        <span>Marcar Reunião</span>
                      </button>
                      <button *ngIf="p.userRole('PR')" mat-menu-item>
                        <span>Assinar</span>
                      </button>
                    </mat-menu>
                  </div>
                </div>

              </ion-label>
            </ion-item>
          </ion-list>

          <div [ngClass]="{'header-fix': !dropButton}" style="border-radius: 50px;position: relative;top: 3px;left: 25px;">

            <ion-row class="timeline-date align-center pr-10 visionMobile-flex"  >
              <button style="z-index: 99;" class="no-color" [ngClass]="{'d-item': !dropButton}" (click)="changeDropButton()"  >
                <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps  font-25" src="assets/images/icons-collaps-up.svg" ></ion-icon>
                <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps  font-25" src="assets/images/theme/gov/icons-collaps-up.svg" ></ion-icon>
                <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "  class="collaps  font-25"  src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-up.svg"></ion-icon>
              </button>
              <button  style="z-index: 99;" class="no-color visionMobile-flex" *ngIf="!dropButton" (click)="changeDropButton()">
                <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps  font-25" src="assets/images/icons-collaps-down.svg" ></ion-icon>
                <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps  font-25" src="assets/images/theme/gov/icons-collaps-down.svg" ></ion-icon>
                <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="collaps  font-25" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-down.svg" ></ion-icon>
              </button >
            </ion-row>

          </div>
          <app-viewer-attachment  *ngIf="mergedArray.length >= 1" [selectedIndex]="selectedIndex" [taskViewerAttachment]="mergedArray" class="visionMobile-flex height-100" ></app-viewer-attachment>
        </div>
      </div>

    </div>
  </div>


</ion-content>