From 7166415d5b2ea6f96846c16cc00b37c536abdc79 Mon Sep 17 00:00:00 2001
From: Niggl <info@nicolai-ort.com>
Date: Tue, 30 Jun 2020 14:07:35 +0200
Subject: [PATCH] Task Table now w/ 100% fancy sorting

---
 src/app/task-table/task-table.component.html | 35 +++++++++++---------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/app/task-table/task-table.component.html b/src/app/task-table/task-table.component.html
index 5483525..7910234 100644
--- a/src/app/task-table/task-table.component.html
+++ b/src/app/task-table/task-table.component.html
@@ -19,30 +19,34 @@
             <tr>
                 <th (click)="sortById()" class="sortable">
                     <span>ID</span>
-                    <span *ngIf="sortBy === 'id'" class="pl-3">
-                        <span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
-                        <span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></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 *ngIf="sortBy === 'title'" class="pl-3">
-                        <span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
-                        <span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></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>Userstory</span>
-                    <span *ngIf="sortBy === 'userstory'" class="pl-3">
-                        <span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
-                        <span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
+                    <span>
+                        <span *ngIf="sortBy != 'userstory'"><i class="fa fa-sort fa-lg"></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>
                 </th>
                 <th (click)="sortByStatus()" class="sortable">
                     <span>Status</span>
-                    <span *ngIf="sortBy === 'statusid'" class="pl-3">
-                        <span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
-                        <span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></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">
@@ -63,9 +67,10 @@
                 </th>
                 <th (click)="sortByAssigned()" class="sortable">
                     <span>Assigned To</span>
-                    <span *ngIf="sortBy === 'assignedtoid'" class="pl-3">
-                        <span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
-                        <span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
+                    <span>
+                        <span *ngIf="sortBy != 'assignedtoid'"><i class="fa fa-sort fa-lg"></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>
                 </th>
                 <th (click)="sortByCategory()" class="sortable">