niggl/srumboard_frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add filters by priority + highlighting

Browse Source
This commit is contained in:
Jakob Fahr
2020-06-22 11:21:25 +02:00
parent 03e8c96a1e
commit a81a26d989
7 changed files with 110 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/userstory-table/userstory-table.component.html
View File

@@ -8,36 +8,42 @@
<thead>
<tr>
<th (click)="sortById()">
<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()">
<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)="sortByContent()">
<th (click)="sortByContent()" class="sortable">
<span>Inhalt</span>
<span *ngIf="sortBy === 'content'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByTasks()">
<th (click)="sortByTasks()" class="sortable">
<span>Tasks</span>
<span *ngIf="sortBy === 'tasks'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByPrio()">
<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">▲</span>
<span *ngIf="sortDescending === false">▼</span>
@@ -48,7 +54,7 @@
</thead>
<tbody>
<tr *ngFor="let userstory of items">
<tr *ngFor="let userstory of filteredItems" [class.table-info]="userstory.id === highlightId">
<td>{{userstory.id}}</td>
<td>{{userstory.title}}</td>
<td>{{userstory.content}}</td>