Better Prio Filtering

This commit is contained in:
Nicolai Ort 2020-06-30 14:25:11 +02:00
parent 13d91f7804
commit 75a7a65340
2 changed files with 20 additions and 16 deletions

View File

@ -22,7 +22,7 @@
<span> <span>
<span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></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 && 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 *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByTitle()" class="sortable"> <th (click)="sortByTitle()" class="sortable">
@ -51,11 +51,12 @@
</th> </th>
<th class="sortable"> <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"> <div ngbDropdown class="d-inline-block">
<span id="dropdownBasic1" ngbDropdownToggle>Priotität</span> <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1"> <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<option (click)="filterPriority=null">All</option> <option ngbDropdownItem (click)="filterPriority=null">All</option>
<option *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option> <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option>
</div> </div>
</div> </div>
<span (click)="sortByPrio()"> <span (click)="sortByPrio()">

View File

@ -42,18 +42,21 @@
</th> </th>
<th class="sortable"> <th class="sortable">
<div class="d-inline-block"> <div class="d-inline-block">
<div ngbDropdown class="d-inline-block"> <div class="d-inline-block">
<span id="dropdownBasic1" ngbDropdownToggle>Priotität</span> <span (click)="sortByPrio()">Priorität: </span>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1"> <div ngbDropdown class="d-inline-block">
<option (click)="filterPriority=null">All</option> <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
<option *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option> <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
</div> <option ngbDropdownItem (click)="filterPriority=null">All</option>
</div> <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option>
<span (click)="sortByPrio()"> </div>
<span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span> </div>
<span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span> <span (click)="sortByPrio()">
<span *ngIf="sortDescending === false && sortBy === 'priority'"><i class="fa fa-sort-down fa-lg"></i></span> <span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
</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> </div>
</th> </th>
<th (click)="sortByCategory()" class="sortable"> <th (click)="sortByCategory()" class="sortable">