107 lines
4.4 KiB
HTML
107 lines
4.4 KiB
HTML
<div class="mx-5 my-3">
|
|
|
|
<h3 class="my-1">Userstories</h3>
|
|
|
|
<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>
|
|
<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)="sortByTasks()" class="sortable">
|
|
<span>Tasks</span>
|
|
<span>
|
|
<span *ngIf="sortBy != 'tasks'"><i class="fa fa-sort fa-lg"></i></span>
|
|
<span *ngIf="sortDescending && sortBy === 'tasks'"><i class="fa fa-sort-up fa-lg"></i></span>
|
|
<span *ngIf="sortDescending === false && sortBy === 'tasks'"><i class="fa fa-sort-down fa-lg"></i></span>
|
|
</span>
|
|
</th>
|
|
<th (click)="sortByStatus()" class="sortable">
|
|
<span>Status</span>
|
|
<span>
|
|
<span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
|
|
<span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
|
|
<span *ngIf="sortDescending === false && sortBy === 'statusid'"><i class="fa fa-sort-down fa-lg"></i></span>
|
|
</span>
|
|
</th>
|
|
<th class="sortable">
|
|
<div class="d-inline-block">
|
|
<div class="d-inline-block">
|
|
<span (click)="sortByPrio()">Priorität: </span>
|
|
<div ngbDropdown class="d-inline-block">
|
|
<span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
|
|
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
|
|
<option ngbDropdownItem (click)="filterPriority=null">All</option>
|
|
<option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option>
|
|
</div>
|
|
</div>
|
|
<span (click)="sortByPrio()">
|
|
<span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
|
|
<span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
|
|
<span *ngIf="sortDescending === false && sortBy === 'priority'"><i class="fa fa-sort-down fa-lg"></i></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th (click)="sortByCategory()" class="sortable">
|
|
<span>Category</span>
|
|
<span>
|
|
<span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></span>
|
|
<span *ngIf="sortDescending && sortBy === 'categoryid'"><i class="fa fa-sort-up fa-lg"></i></span>
|
|
<span *ngIf="sortDescending === false && sortBy === 'categoryid'"><i class="fa fa-sort-down fa-lg"></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>
|
|
</div>
|