
<ion-header >
  <ion-toolbar  class="header-toolbar">
      <ion-title color="light">  {{ts.trPK('absenceList','attach')}}</ion-title>
      <ion-buttons slot="start">
        <nav-buttons></nav-buttons>
      </ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content padding>
  <div [hidden]="AttachmentList && AttachmentList.length > 0">
      <p>{{ts.trPK('general','notAttch')}}</p>
    </div> 
<div *ngIf="AttachmentList && AttachmentList.length > 0 ">
  <ion-card>

    <ion-card-header class="boxHdr">
      <div class="hrTitle">{{ts.trPK('absenceList','attachList')}}</div>
    </ion-card-header>
    <ion-card-content>
      <ion-grid>
        <div *ngFor="let item of AttachmentList">
          <ion-row>
              <ion-col col-10>
                <div> <img  float-start class="attachImg" src="../assets/imgs/file.png">
                </div>
              <ion-label >
                  {{item.SEQ_NUM }}. {{item.FILE_NAME}} </ion-label>

            </ion-col>
            <ion-col col-2 >
                <button   float-end class="attachImgBtn" (click)="OpenAttachFiles(item.FILE_DATA,item.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>