doneit-web/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html

<ion-content class="height-100">
  <div class="main-content d-flex height-100">
    <div class="content d-flex flex-column width-100">
      <ion-item  lines="none">
        <ion-label class="title">{{modalTitle[taskType]}}</ion-label>
      </ion-item>
      <div class="ion-item-container width-100">
        <ion-input placeholder="Assunto" [(ngModel)]="postData.DispatchFolder.Subject"></ion-input>
      </div>

      <div class="container-div width-100">
        <div class="ion-item-class-2">
          <div class="ion-icon-class">
            <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
          </div>
          <div class="ion-input-class">
            <ion-input class="add-border" placeholder="Descrição" [(ngModel)]="postData.DispatchFolder.Message"></ion-input>
          </div>
        </div>
      </div>

      <div class="container-div width-100">
        <div class="ion-item-class-2 width-100">
          <div class="ion-icon-class">
            <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
          </div>
          <div class="ion-input-class">
            <ion-select placeholder="Prazo" [(ngModel)]="postData.Priority" interface="action-sheet" Cancel-text="Cancelar" required>
              <ion-select-option value="99999861">Normal</ion-select-option>
              <ion-select-option value="99999862">Urgente</ion-select-option>
              <ion-select-option value="99999863">Muito Urgente</ion-select-option>
              <ion-select-option value="99999864">Urgentíssimo</ion-select-option>
            </ion-select>
          </div>
        </div>
      </div>
      <div class="container-div">
        <div class="ion-item-class-2">
          <div class="ion-icon-class">
            <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
          </div>
          <div class="ion-input-class">
            <ion-select placeholder="Tipo" [(ngModel)]="postData.SubjectTypeId" interface="action-sheet" Cancel-text="Cancelar" required>
              <ion-select-option *ngFor="let type of subjectTypes" value="{{type.Code}}">{{type.Description}}</ion-select-option>
            </ion-select>
          </div>
        </div>
      </div>

      <div class="container-div">
        <div class="ion-item-class-2">
          <div class="ion-icon-class">
            <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
          </div>
          <div class="ion-input-class-no-height">
            <div class="list-people">
              <ion-item lines="none">
                <ion-list>
                  <ion-label *ngIf="!taskParticipants && taskParticipants.length >= 1" class="list-people-title">Adicionar intervenientes</ion-label>
                  <ion-label *ngFor="let participant of taskParticipants">{{participant.Name}}</ion-label>
                </ion-list>
              </ion-item>
            </div>
            <div class="add-people">
              <ion-icon (click)="addParticipants()" slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
            </div>
          </div>
        </div>
      </div>

      <div class="container-div">
        <div class="ion-item-class-2">
          <div class="ion-icon-class">
            <ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
          </div>
          <div class="ion-input-class-no-height">
            <div class="list-people">
              <ion-item lines="none">
                <ion-list>
                  <ion-label *ngIf="!taskParticipantsCc && taskParticipantsCc.length >= 1" class="list-people-title">Com conhecimento</ion-label>
                  <ion-label *ngFor="let participant of taskParticipantsCc">{{participant.Name}}</ion-label>
                </ion-list>
              </ion-item>
            </div>
            <div class="add-people">
              <ion-icon (click)="addParticipantsCc()" slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
            </div>
          </div>
        </div>
      </div>

      <div hidden class="ion-item-container-no-border">
        <ion-label>
          <div class="attach-icon">
            <ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>
          </div>
          <div class="attach-document">
            <ion-label>Anexar Documentos</ion-label>
          </div> 
        </ion-label>
      </div>

      <div *ngIf="loadedAttachments">
        <ion-item>
          <ion-label>Documentos Anexados</ion-label>
        </ion-item>
        <ion-list>
          <ion-item *ngFor="let attachment of loadedAttachments">
          <ion-label>
            <h4 class="attach-title-item">{{attachment.Description}}</h4>
            <p><span class="span-left">{{attachment.Stakeholders}}</span><span class="span-right"> {{ attachment.CreateDate | date: 'dd/MM/yyyy' }}</span></p>
          </ion-label>
        </ion-item>
        </ion-list>
      </div>
    </div>

    <app-attendee-modal
      class="aside-right d-flex flex-column height-100"
      [adding]="adding"
      [taskParticipants]="taskParticipants"
      [taskParticipantsCc]="taskParticipantsCc"
      (closeComponent)="closeComponent()"
      (setIntervenient)="setIntervenient($event)"
      (setIntervenientCC)="setIntervenientCC($event)"
      (setContact)="setContact($event)"
    ></app-attendee-modal>

  </div>
</ion-content>
<ion-footer>
  <div class="buttons">
    <button class="btn-cancel" shape="round" (click)="cancelTask()">Cancelar</button>
    <button class="btn-ok" shape="round" (click)="saveTask()">Gravar</button>
  </div>
</ion-footer>