From e009ac1386ccec820563779cdccf449ef75fe1f1 Mon Sep 17 00:00:00 2001
From: Niggl <info@nicolai-ort.com>
Date: Mon, 29 Jun 2020 17:21:07 +0200
Subject: [PATCH] Added Sorting to the new collumns

---
 src/app/task-table/task-table.component.html           | 10 +++++-----
 src/app/task-table/task-table.component.ts             |  6 +++---
 src/app/userstory-table/userstory-table.component.html |  8 ++++----
 src/app/userstory-table/userstory-table.component.ts   |  4 ++--
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/app/task-table/task-table.component.html b/src/app/task-table/task-table.component.html
index 1eb3b65..7462e64 100644
--- a/src/app/task-table/task-table.component.html
+++ b/src/app/task-table/task-table.component.html
@@ -42,7 +42,7 @@
       </th>
       <th (click)="sortByStatus()" class="sortable">
         <span>Status</span>
-        <span *ngIf="sortBy === 'status'" class="pl-3">
+        <span *ngIf="sortBy === 'statusid'" class="pl-3">
           <span *ngIf="sortDescending">▲</span>
           <span *ngIf="sortDescending === false">▼</span>
         </span>
@@ -62,14 +62,14 @@
       </th>
       <th (click)="sortByAssigned()" class="sortable">
         <span>Assigned To</span>
-        <span *ngIf="sortBy === 'assignedto'" class="pl-3">
+        <span *ngIf="sortBy === 'assignedtoid'" class="pl-3">
           <span *ngIf="sortDescending">▲</span>
           <span *ngIf="sortDescending === false">▼</span>
         </span>
       </th>
       <th (click)="sortByCategory()" class="sortable">
         <span>Category</span>
-        <span *ngIf="sortBy === 'category'" class="pl-3">
+        <span *ngIf="sortBy === 'categoryid'" class="pl-3">
           <span *ngIf="sortDescending">▲</span>
           <span *ngIf="sortDescending === false">▼</span>
         </span>
@@ -95,12 +95,12 @@
       <td>{{task.priority}}</td>
       <td>
         <a [routerLink]="['/users', {id: task.assignedtoid}]">
-        Status: {{task.assignedtoid}}
+        User: {{task.assignedtoid}}
         </a>
       </td>
       <td>
         <a [routerLink]="['/categories', {id: task.categoryid}]">
-        Status: {{task.categoryid}}
+        Category: {{task.categoryid}}
         </a>
       </td>
       <td>
diff --git a/src/app/task-table/task-table.component.ts b/src/app/task-table/task-table.component.ts
index 769a19d..ae9dc1b 100644
--- a/src/app/task-table/task-table.component.ts
+++ b/src/app/task-table/task-table.component.ts
@@ -94,13 +94,13 @@ export class TaskTableComponent extends TableComponentBase<ScrumTask> {
   }
 
   sortByStatus() {
-    this.doStringSort('title', task => task.title);
+    this.doNumericSort('statusid', task => task.statusid);
   }
   sortByAssigned() {
-    this.doStringSort('title', task => task.title);
+    this.doNumericSort('assignedtoid', task => task.assignedtoid);
   }
   sortByCategory() {
-    this.doStringSort('title', task => task.title);
+    this.doNumericSort('categoryid', task => task.categoryid);
   }
 
   private findTaskById(id: number): ScrumTask {
diff --git a/src/app/userstory-table/userstory-table.component.html b/src/app/userstory-table/userstory-table.component.html
index 704f977..e174985 100644
--- a/src/app/userstory-table/userstory-table.component.html
+++ b/src/app/userstory-table/userstory-table.component.html
@@ -31,7 +31,7 @@
       </th>
       <th (click)="sortByStatus()" class="sortable">
         <span>Status</span>
-        <span *ngIf="sortBy === 'status'" class="pl-3">
+        <span *ngIf="sortBy === 'statusid'" class="pl-3">
           <span *ngIf="sortDescending">▲</span>
           <span *ngIf="sortDescending === false">▼</span>
         </span>
@@ -51,7 +51,7 @@
       </th>
       <th (click)="sortByCategory()" class="sortable">
         <span>Category</span>
-        <span *ngIf="sortBy === 'category'" class="pl-3">
+        <span *ngIf="sortBy === 'categoryid'" class="pl-3">
           <span *ngIf="sortDescending">▲</span>
           <span *ngIf="sortDescending === false">▼</span>
         </span>
@@ -73,11 +73,11 @@
         <a [routerLink]="['/status', {id: userstory.statusid}]">
         Status: {{userstory.statusid}}
         </a>
-      </td>s
+      </td>
       <td>{{userstory.priority}}</td>
       <td>
         <a [routerLink]="['/categories', {id: userstory.categoryid}]">
-        Status: {{userstory.categoryid}}
+        Category: {{userstory.categoryid}}
         </a>
       </td>
       <td>
diff --git a/src/app/userstory-table/userstory-table.component.ts b/src/app/userstory-table/userstory-table.component.ts
index e73c0e2..194d88a 100644
--- a/src/app/userstory-table/userstory-table.component.ts
+++ b/src/app/userstory-table/userstory-table.component.ts
@@ -97,9 +97,9 @@ export class UserstoryTableComponent extends TableComponentBase<ScrumUserstory>
   }
 
   sortByStatus() {
-    this.doStringSort('title', us => us.title);
+    this.doNumericSort('statusid', us => us.statusid);
   }
   sortByCategory() {
-    this.doStringSort('title', us => us.title);
+    this.doNumericSort('categoryid', us => us.categoryid);
   }
 }