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

Task Table now w/ 100% fancy sorting

Browse Source
This commit is contained in:
Nicolai Ort 2020-06-30 14:07:35 +02:00
parent 217af58877
commit 7166415d5b
1 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/app/task-table/task-table.component.html
View File

@ -19,30 +19,34 @@
<tr> <tr>
<th (click)="sortById()" class="sortable"> <th (click)="sortById()" class="sortable">
<span>ID</span> <span>ID</span>
<span *ngIf="sortBy === 'id'" class="pl-3"> <span>
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span> <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></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> </span>
</th> </th>
<th (click)="sortByTitle()" class="sortable"> <th (click)="sortByTitle()" class="sortable">
<span>Titel</span> <span>Titel</span>
<span *ngIf="sortBy === 'title'" class="pl-3"> <span>
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span> <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></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> </span>
</th> </th>
<th (click)="sortByTasks()" class="sortable"> <th (click)="sortByTasks()" class="sortable">
<span>Userstory</span> <span>Userstory</span>
<span *ngIf="sortBy === 'userstory'" class="pl-3"> <span>
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span> <span *ngIf="sortBy != 'userstory'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span> <span *ngIf="sortDescending && sortBy === 'userstory'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'userstory'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByStatus()" class="sortable"> <th (click)="sortByStatus()" class="sortable">
<span>Status</span> <span>Status</span>
<span *ngIf="sortBy === 'statusid'" class="pl-3"> <span>
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span> <span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></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> </span>
</th> </th>
<th class="sortable"> <th class="sortable">
@ -63,9 +67,10 @@
</th> </th>
<th (click)="sortByAssigned()" class="sortable"> <th (click)="sortByAssigned()" class="sortable">
<span>Assigned To</span> <span>Assigned To</span>
<span *ngIf="sortBy === 'assignedtoid'" class="pl-3"> <span>
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span> <span *ngIf="sortBy != 'assignedtoid'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span> <span *ngIf="sortDescending && sortBy === 'assignedtoid'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'assignedtoid'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByCategory()" class="sortable"> <th (click)="sortByCategory()" class="sortable">