ymanager/webapp/src/app/vacation-approval/vacation-approval.component.html @ a878ce1c

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

  <div class="component-header">
    Schvalování volna
  </div>

  <table class="table text-center table-hover">
    <thead class="thead-light">
      <tr>
        <th scope="col"> Jméno </th>
        <th scope="col"> Požádáno </th>
        <th scope="col"> Typ volna </th>
        <th scope="col"> Datum </th>
        <th scope="col"> Od </th>
        <th scope="col"> Do </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}}
      </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>