webnaplo-gulbaba-frontend/src/app/maintenance/list-all-maintenances/list-all-maintenances.component.html

40 lines
1.8 KiB
HTML
Raw Normal View History

2018-11-11 12:00:45 +01:00
<div class="ui main container">
<h1 class="ui dividing header">Éves karbantartási feladatok</h1>
<div class="ui raised segments">
<div class="ui segment" *ngFor="let group of maintenances">
<table class="ui celled striped selectable table">
<thead>
<tr>
<th colspan="3">
{{group.name}}
</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let device of group.devices">
<td class="collapsing">{{device.name}}</td>
<td>{{device.workDescription}}</td>
<td>
<div class="date-card-holder">
<ng-container *ngFor="let task of device.tasks">
<div class="date-card" [ngClass]="dateCardClass(task)">
<a *ngIf="hasPdf(task)" title="PDF letöltés"
[href]="maintenancePdfUrl(task)" target="_blank">
<i class="file pdf outline icon"></i>
</a>
<i *ngIf="!hasPdf(task)" class="icon {{taskIcon(task)}}"></i>
<a *ngIf="canModify()" [routerLink]="['/karbantartas/szerkesztes', task.hash]"
title="Szerkesztés">{{task?.shouldStartAt}}</a>
<ng-container *ngIf="!canModify()">{{task?.shouldStartAt}}</ng-container>
</div>
</ng-container>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>