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

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

  <div class="component-header">
    Mé nadcházející volno
  </div>

  <table class="table text-center table-hover">
    <thead class="thead-light">
      <tr>
        <th>Typ volna</th>
        <th>Datum</th>
        <th>Od</th>
        <th>Do</th>
        <th>Status</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let vac of oncomingVacation">
        <td style="width:15%">
          {{vac.type}}
        </td>

        <td style="width:15%">
          {{vac.date}}
        </td>

        <td style="width:15%">
          {{vac.from}}
        </td>

        <td style="width:15%">
          {{vac.to}}
        </td>

        <td style="width:15%">
          {{vac.status}}
        </td>

        <td class="buttons">
<!--          <button mat-icon-button (click)="vacationEdit.emit(vac)">-->
<!--            <i class="material-icons edit-btn">edit</i>-->
<!--          </button>-->
          <button mat-icon-button (click)="vacationRemove.emit(vac)">
            <i class="material-icons remove-btn">delete</i>
          </button>
        </td>
      </tr>
    </tbody>
  </table>

</div>