doneit-web/src/app/modals/add-note/add-note.page.html

<ion-header class="ion-no-border">
  <div class="header-content pb-20">
    <div class="header-title">
      <label>Adicionar comentário</label>
    </div>
  </div>
</ion-header>

<ion-content>
  <div class="ion-input-class-no-height">
    <ion-textarea [(ngModel)]="note" placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
  </div>

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

    <div class="content d-flex flex-column width-100">
      <div class="overflow-y-auto">

        <div class="container-div">
          <div class="ion-item-class-2 d-flex">
            <div hidden class="ion-icon-class">
              <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
            </div>
            <div class="ion-input-class-no-height">
              <ion-textarea [(ngModel)]="note" placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
            </div>
          </div>
        </div>

        <div hidden class="ion-item-container-no-border" (click)="getDoc()">
          <ion-label class="d-flex align-center">
            <button class="btn-no-color">
            <div class="attach-icon d-flex align-center">
              <ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>
            </div>
            <div class="attach-document pl-10">
              <ion-label>Anexar Documentos</ion-label>
            </div>
          </button>
          </ion-label>
        </div>

        <div class="list "  *ngFor="let document of documents; let i = index" >
          <ion-list>
            <ion-item>
            <ion-label>
              <p class="d-flex ion-justify-content-between">
                <span class="attach-title-item">{{document.Assunto}}</span>
                <span class="app-name">{{document.appName}}</span>
                <span class="close-button text-black cursor-pointer" (click)="removeAttachment(i)" >
                  <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
                </span>
              </p>
              <p><span class="span-left">{{document.EntidadeOrganicaNome}}</span><span class="span-right"> {{document.Data | date: 'dd-MM-yy'}} </span></p>
            </ion-label>
          </ion-item>
          </ion-list>
        </div>
      </div>

    </div>
  </div> -->







  <ion-item hidden lines="none">
    <ion-textarea [(ngModel)]="note" rows="4" cols="20" placeholder="Adicionar um comentário para execução..."></ion-textarea>
  </ion-item>

</ion-content>
<ion-footer class="ion-no-border">
  <div class="buttons width-100">
    <button class="btn-cancel cursor-pointer" shape="round" (click)="close()">Cancelar</button>
    <button class="btn-ok cursor-pointer" shape="round" (click)="save()">Gravar</button>
  </div>
</ion-footer>