ymanager/webapp/src/app/dashboard/vacation-approval/vacation-approval.component.html @ 7de5fe43

<div class="days-off-approval-container">

  <div class="component-header">
    {{'vacationApproval.headline' | translate}}
  </div>

  <table class="table text-center table-hover">
    <thead class="thead-light">
      <tr>
        <th scope="col"> {{'basic.name' | translate}}</th>
        <th scope="col"> {{'vacationApproval.requestDate' | translate}}</th>
        <th scope="col"> {{'basic.vacationType' | translate}} </th>
        <th scope="col"> {{'basic.date' | translate}} </th>
        <th scope="col"> {{'basic.from' | translate}} </th>
        <th scope="col"> {{'basic.to' | translate}} </th>
        <th></th>
      </tr>
    </thead>
    <tbody>
    <tr *ngFor="let request of vacationRequests">
      <td>
        {{request.firstName}} {{request.lastName}}
      </td>
      <td>
        {{request.timestamp | date:'yyyy/MM/dd HH:mm'}}
      </td>
      <td>
        {{request.type | translate}}
      </td>
      <td>
        {{request.date | date:'yyyy/MM/dd'}}
      </td>
      <td>
        {{request.from}}
      </td>
      <td>
        {{request.to}}
      </td>
      <td class="buttons">
        <button mat-icon-button (click)="vacationApprovalCompleted(request.id, true)">
          <i class="material-icons approve-btn">done</i>
        </button>
        <button mat-icon-button (click)="vacationApprovalCompleted(request.id, false)">
          <i class="material-icons reject-btn">delete</i>
        </button>
      </td>
    </tr>
    </tbody>
  </table>
</div>