Added new collumns to task and userstory table (no logic yet)

src/app/userstory-table/userstory-table.component.html

@@ -29,6 +29,13 @@
           <span *ngIf="sortDescending === false">▼</span>
         </span>
       </th>
+      <th (click)="sortByStatus()" class="sortable">
+        <span>Status</span>
+        <span *ngIf="sortBy === 'status'" class="pl-3">
+          <span *ngIf="sortDescending">▲</span>
+          <span *ngIf="sortDescending === false">▼</span>
+        </span>
+      </th>
       <th (click)="sortByPrio()" class="sortable">
         <span>Priorität</span>
         <label class="pl-3" (click)="$event.stopPropagation()">
@@ -42,6 +49,13 @@
           <span *ngIf="sortDescending === false">▼</span>
         </span>
       </th>
+      <th (click)="sortByCategory()" class="sortable">
+        <span>Category</span>
+        <span *ngIf="sortBy === 'category'" class="pl-3">
+          <span *ngIf="sortDescending">▲</span>
+          <span *ngIf="sortDescending === false">▼</span>
+        </span>
+      </th>
       <th></th>
     </tr>
     </thead>
@@ -55,7 +69,17 @@
           {{getNumberOfTasks(userstory)}} Tasks
         </a>
       </td>
+      <td>
+        <a [routerLink]="['/status', {id: userstory.statusid}]">
+        Status: {{userstory.statusid}}
+        </a>
+      </td>s
       <td>{{userstory.priority}}</td>
+      <td>
+        <a [routerLink]="['/categories', {id: userstory.categoryid}]">
+        Status: {{userstory.categoryid}}
+        </a>
+      </td>
       <td>
         <button class="btn btn-secondary m-2" (click)="openUserstoryForm(userstory)">Bearbeiten</button>
         <button class="btn btn-secondary m-2" (click)="deleteUserstory(userstory)">Löschen</button>