<div style="height: 535px;">
  <div class="row" no-padding>
    <div class="col-9" no-padding>
        <h4 style="text-align: center; margin-left: 25%;">{{'Working Hour Details' | translate}}</h4>
    </div>
    <div class="col-3" style="text-align: right" no-padding>
      <i class="far fa-times-circle" style="font-size: 25px;color: red;margin-top: 2px;" (click)="cancel()" title="Close"></i>
    </div>  
  </div>
  <!-- <div class="loading" *ngIf="Load">Loading&#8230;</div> -->
  <div>
    <table id='test_history' class="table table-striped table-hover" style="overflow-y: hidden;
      overflow-x: hidden;font-size:12px">
      <thead>
        <tr>
          <th>{{'Time' | translate}}</th>
          <th>{{'Vehicle Name' | translate}}</th>
          <th>{{'Ignition Status' | translate}}</th>
      </thead>
      <tbody>
        <tr *ngFor="let flobj of ignitionObj">
          <td >{{flobj.timestamp | date :  'd/M/yyyy, h:mm a'}}</td>
          <td >{{flobj.vehicleName}}</td>
          <td >{{flobj.switch}}</td>
        </tr>
      </tbody>
    </table>
  </div>
 
</div>