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

<ion-header *ngIf="task" class="ion-no-border ">
  <div 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/icons-menu.svg"></ion-icon>
        <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-menu.svg"></ion-icon>
      </div>
    </div>
  </div>
  <div class="upper-content" >
    <div class="content-details">
      <ion-label>
        <p><span class="date">{{customDate}}</span></p>
      </ion-label>
      <ion-label>
        <p><span class="color-red">{{ task.DeadlineType }}</span></p>
      </ion-label>
      <ion-label>
        <p class="d-flex mt-10"><span class="label">{{ task.activityInstanceName }}</span></p>
      </ion-label>
    </div>
  </div>
  <div class="line mx-20"></div>
</ion-header>

<ion-content>
  <div *ngIf="task" class="overflow-y-auto height-100 px-20">
    <div class="middle-content">
      <h5 class="font-17-rem" *ngIf="intervenientes">Participantes</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 }} </pre>
        </ion-item>
      </div>
    </div>
    <div class="bottom-content width-100">
      <ion-list>
        <h5 class="font-17-rem">Documentos Anexados</h5>
        <ion-item class="ion-no-margin ion-no-padding cursor-pointer" *ngFor="let Document of mergedArray">
          <ion-label (click)="viewDocument.emit({DocId:Document.DocId, Document:Document, content:Document.content})">
            <p *ngIf="Document.Assunto" class="attach-title-item">{{ Document.Assunto }} <span class="document-type" *ngIf="Document.content" >Rascunho</span> </p>
            <p *ngIf="!Document.Assunto" class="attach-title-item">{{ Document.DocNumber }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
            <p><span class="span-left">{{Document.Sender}}</span><span class="span-right">{{ Document.DocDate | date: 'dd/MM/yy' }}</span></p>
          </ion-label>
        </ion-item>
      </ion-list>
    </div>
  </div>
</ion-content>