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

<ion-content>

  <ion-card>
    <ion-card-header class="boxHdr">
      <div class="hrTitle">{{'worklistMain, actionHis' | translate}}</div>
    </ion-card-header>
    <ion-card-content>


      <!-- <ion-item class="itemAH"> -->
      <ion-grid class=" gridAH">
        <ion-row class="rowAH titleH">

          <ion-col size="4">
            <label class="Header" for="">{{'actionHis, name' | translate}}</label>
          </ion-col>
          <ion-col size="3">
            <label class="Header" for="">{{'actionHis, action' | translate}}</label>
          </ion-col>
          <ion-col size="3">
            <label class="Header" for="">{{'actionHis, date' | translate}}</label>
          </ion-col>
          <ion-col size="2">
            <label class="Header" for="">{{'actionHis, note' | translate}}</label>
          </ion-col>

        </ion-row>
        <ion-row class="rowAH" *ngFor="let actionHistory of actionHistoryRes">
          <!-- <ion-col col-1>
              <label for="">{{actionHistory.SEQUENCE}}</label>
          </ion-col> -->
          <ion-col size="4">
            <label for="">{{actionHistory.NAME}}</label>
          </ion-col>
          <ion-col size="3">
            <label for="">{{actionHistory.ACTION}}</label>
          </ion-col>
          <ion-col size="3">
            <label for="">{{actionHistory.NOTIFICATION_DATE}}</label>
          </ion-col>
          <ion-col size="2" style="text-align: center">
            <button (click)="openNoteDetail(actionHistory.NOTE)" style=" background: none;"
              [hidden]="actionHistory.NOTE == '' || actionHistory.NOTE == null">
              <img src="../assets/imgs/more.png">
            </button>
            <!-- <label for="">{{actionHistory.NOTE}}</label> -->
          </ion-col>
        </ion-row>
      </ion-grid>
      <!-- </ion-item>

    </ion-list> -->
    </ion-card-content>
  </ion-card>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>