90 lines
3.4 KiB
HTML
90 lines
3.4 KiB
HTML
<button class="btn btn-secondary my-3" (click)="openUserstoryForm()">Neue Userstory</button>
|
|
|
|
<table class="table">
|
|
|
|
<thead>
|
|
<tr>
|
|
<th (click)="sortById()" class="sortable">
|
|
<span>ID</span>
|
|
<span *ngIf="sortBy === 'id'" class="pl-3">
|
|
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
|
|
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByTitle()" class="sortable">
|
|
<span>Titel</span>
|
|
<span *ngIf="sortBy === 'title'" class="pl-3">
|
|
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
|
|
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByTasks()" class="sortable">
|
|
<span>Tasks</span>
|
|
<span *ngIf="sortBy === 'tasks'" class="pl-3">
|
|
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
|
|
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByStatus()" class="sortable">
|
|
<span>Status</span>
|
|
<span *ngIf="sortBy === 'statusid'" class="pl-3">
|
|
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
|
|
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByPrio()" class="sortable">
|
|
<span>Priorität</span>
|
|
<label class="pl-3" (click)="$event.stopPropagation()">
|
|
<select [(ngModel)]="filterPriority">
|
|
<option [ngValue]="null" selected></option>
|
|
<option *ngFor="let p of getAllPriorities()" [ngValue]="p">{{p}}</option>
|
|
</select>
|
|
</label>
|
|
<span *ngIf="sortBy === 'priority'" class="pl-3">
|
|
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
|
|
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByCategory()" class="sortable">
|
|
<span>Category</span>
|
|
<span *ngIf="sortBy === 'categoryid'" class="pl-3">
|
|
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
|
|
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
|
|
</span>
|
|
</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr *ngFor="let userstory of filteredItems" [class.table-info]="userstory.id === highlightId">
|
|
<td>{{userstory.id}}</td>
|
|
<td>{{userstory.title}}</td>
|
|
<td>
|
|
<a [routerLink]="['/tasks', {userstoryId: userstory.id}]">
|
|
{{getNumberOfTasks(userstory)}} Tasks
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<a [routerLink]="['/status', {id: userstory.statusid}]">
|
|
{{getStatusTitleById(userstory.statusid)}}
|
|
</a>
|
|
</td>
|
|
<td>{{userstory.priority}}</td>
|
|
<td>
|
|
<a [routerLink]="['/categories', {id: userstory.categoryid}]">
|
|
{{getCategoryTitleById(userstory.categoryid)}}
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<button type="button" rel="tooltip" (click)="openUserstoryForm(userstory)" class="btn btn-success btn-sm btn-icon">
|
|
<i class="fa fa-pencil-alt"></i>
|
|
</button>
|
|
<button type="button" rel="tooltip" (click)="deleteUserstory(userstory)" class="btn btn-danger btn-sm btn-icon">
|
|
<i class="fa fa-trash"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table> |