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

Fancyer sorting #1

Browse Source
This commit is contained in:
Nicolai Ort 2020-06-30 14:04:06 +02:00
parent df8342b81a
commit 217af58877
2 changed files with 29 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -54,14 +54,12 @@
<option *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option> <option *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option>
</div> </div>
</div> </div>
<div (click)="sortByPrio()"> <span (click)="sortByPrio()">
<i class="fa fa-sort"></i> <span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortBy === 'priority'" (click)="sortByPrio()" class="pl-3"> <span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span> <span *ngIf="sortDescending === false && sortBy === 'priority'"><i class="fa fa-sort-down fa-lg"></i></span>
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
</span> </span>
</div> </div>
</div>
</th> </th>
<th (click)="sortByAssigned()" class="sortable"> <th (click)="sortByAssigned()" class="sortable">
<span>Assigned To</span> <span>Assigned To</span>
@ -72,9 +70,10 @@
</th> </th>
<th (click)="sortByCategory()" class="sortable"> <th (click)="sortByCategory()" class="sortable">
<span>Category</span> <span>Category</span>
<span *ngIf="sortBy === 'categoryid'" class="pl-3"> <span>
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span> <span *ngIf="sortBy != 'categoryid'"><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 === '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> </span>
</th> </th>
<th></th> <th></th>

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

@ -36,24 +36,28 @@
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span> <span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByPrio()" class="sortable"> <th class="sortable">
<span>Priorität</span> <div class="d-inline-block">
<label class="pl-3" (click)="$event.stopPropagation()"> <div ngbDropdown class="d-inline-block">
<select [(ngModel)]="filterPriority"> <span id="dropdownBasic1" ngbDropdownToggle>Priotität</span>
<option [ngValue]="null" selected></option> <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<option *ngFor="let p of getAllPriorities()" [ngValue]="p">{{p}}</option> <option (click)="filterPriority=null">All</option>
</select> <option *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option>
</label> </div>
<span *ngIf="sortBy === 'priority'" class="pl-3"> </div>
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span> <span (click)="sortByPrio()">
<span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span> <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> </span>
</div>
</th> </th>
<th (click)="sortByCategory()" class="sortable"> <th (click)="sortByCategory()" class="sortable">
<span>Category</span> <span>Category</span>
<span *ngIf="sortBy === 'categoryid'" class="pl-3"> <span>
<span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span> <span *ngIf="sortBy != 'categoryid'"><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 === '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> </span>
</th> </th>
<th></th> <th></th>