66 lines
2.8 KiB
HTML
66 lines
2.8 KiB
HTML
<div class="container-fluid">
|
|
|
|
<h3>
|
|
Sprints
|
|
</h3>
|
|
|
|
<button class="btn btn-secondary" (click)="openSprintForm()">Neuer Sprint</button>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th (click)="sortById()" class="sortable">
|
|
<span>ID</span>
|
|
<span>
|
|
<span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
|
|
<span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
|
|
<span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByTitle()" class="sortable">
|
|
<span>Titel</span>
|
|
<span>
|
|
<span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
|
|
<span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
|
|
<span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByStartDate()" class="sortable">
|
|
<span>Start</span>
|
|
<span>
|
|
<span *ngIf="sortBy != 'startDate'"><i class="fa fa-sort fa-lg"></i></span>
|
|
<span *ngIf="sortDescending && sortBy === 'startDate'"><i class="fa fa-sort-up fa-lg"></i></span>
|
|
<span *ngIf="sortDescending === false && sortBy === 'startDate'"><i class="fa fa-sort-down fa-lg"></i></span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByEndDate()" class="sortable">
|
|
<span>End</span>
|
|
<span>
|
|
<span *ngIf="sortBy != 'endDate'"><i class="fa fa-sort fa-lg"></i></span>
|
|
<span *ngIf="sortDescending && sortBy === 'endDate'"><i class="fa fa-sort-up fa-lg"></i></span>
|
|
<span *ngIf="sortDescending === false && sortBy === 'endDate'"><i class="fa fa-sort-down fa-lg"></i></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 type="button" rel="tooltip" (click)="openSprintForm(sprint)" class="btn btn-success btn-sm btn-icon">
|
|
<i class="fa fa-pencil-alt"></i>
|
|
</button>
|
|
<button type="button" rel="tooltip" (click)="deleteSprint(sprint)" class="btn btn-danger btn-sm btn-icon">
|
|
<i class="fa fa-trash"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
</div>
|
|
|