58 lines
2.0 KiB
HTML
58 lines
2.0 KiB
HTML
<div class="mx-5 my-3">
|
|
|
|
<h3 class="my-1">
|
|
Sprints
|
|
</h3>
|
|
|
|
<button class="btn btn-secondary my-3" (click)="openSprintForm()">Neuer Sprint</button>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th (click)="sortById()" class="sortable">
|
|
<span>ID</span>
|
|
<span *ngIf="sortBy === 'id'" class="pl-3">
|
|
<span *ngIf="sortDescending">▲</span>
|
|
<span *ngIf="sortDescending === false">▼</span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByTitle()" class="sortable">
|
|
<span>Titel</span>
|
|
<span *ngIf="sortBy === 'title'" class="pl-3">
|
|
<span *ngIf="sortDescending">▲</span>
|
|
<span *ngIf="sortDescending === false">▼</span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByStartDate()" class="sortable">
|
|
<span>Start</span>
|
|
<span *ngIf="sortBy === 'startDate'" class="pl-3">
|
|
<span *ngIf="sortDescending">▲</span>
|
|
<span *ngIf="sortDescending === false">▼</span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByEndDate()" class="endDate">
|
|
<span>End</span>
|
|
<span *ngIf="sortBy === 'endDate'" class="pl-3">
|
|
<span *ngIf="sortDescending">▲</span>
|
|
<span *ngIf="sortDescending === false">▼</span>
|
|
</span>
|
|
</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr *ngFor="let sprint of filteredItems" [class.table-info]="sprint.id === highlightId">
|
|
<td>{{sprint.id}}</td>
|
|
<td>{{sprint.title}}</td>
|
|
<td>{{sprint.startDate | date:'dd.MM.yyyy'}}</td>
|
|
<td>{{sprint.endDate | date:'dd.MM.yyyy'}}</td>
|
|
<td>
|
|
<button class="btn btn-secondary m-2" (click)="openSprintForm(sprint)">Bearbeiten</button>
|
|
<button class="btn btn-secondary m-2" (click)="deleteSprint(sprint)">Löschen</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
</div>
|
|
|