<ion-header>
  <ion-toolbar class="header-toolbar">
    <nav-buttons></nav-buttons>
    <ion-title color="light">{{'worklist, note' | translate}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>

  <div [hidden]="attachmentRes && attachmentRes.length > 0">
    <p>{{ 'general, notAttch' | translate}}</p>
  </div>
  <div *ngIf="attachmentRes && attachmentRes.length > 0 ">
    <ion-card>

      <ion-card-header class="boxHdr">
        <div class="hrTitle">{{'worklistMain, suppDoc' | translate}}</div>
      </ion-card-header>
      <ion-card-content>
        <ion-grid>
          <div *ngFor="let attachList of attachmentRes">
            <ion-row>
              <ion-col col-10>
                <div> <img float-start class="attachImg" src="../assets/imgs/file.png">
                </div>
                <ion-label>
                  {{attachList.SEQ_NUM }}. {{attachList.FILE_NAME}} </ion-label>

              </ion-col>
              <ion-col col-2>
                <button float-end class="attachImgBtn"
                  (click)="OpenAttachFiles(attachList.FILE_DATA,attachList.FILE_CONTENT_TYPE)">
                  <img class="attachImg" src="../assets/imgs/view.png">
                </button>
              </ion-col>
            </ion-row>
          </div>

        </ion-grid>
      </ion-card-content>
    </ion-card>

  </div>

</ion-content>