From 86c9e21d3f7b96601e708ccab4d3bc4ea1ab4a32 Mon Sep 17 00:00:00 2001
From: Niggl <info@nicolai-ort.com>
Date: Tue, 30 Jun 2020 13:14:31 +0200
Subject: [PATCH] Added first part of table redesign

---
 src/app/task-table/task-table.component.html | 22 ++++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/app/task-table/task-table.component.html b/src/app/task-table/task-table.component.html
index 9afb260..e0b4ae5 100644
--- a/src/app/task-table/task-table.component.html
+++ b/src/app/task-table/task-table.component.html
@@ -46,13 +46,13 @@
                     </span>
                 </th>
                 <th (click)="sortByPrio()" class="sortable">
-                    <span>Priorität</span>
-                    <label class="pl-3" (click)="$event.stopPropagation()">
-                        <select [(ngModel)]="filterPriority">
-                            <option [ngValue]="null" selected="selected"></option>
-                            <option *ngFor="let p of getAllPriorities()" [ngValue]="p">{{p}}</option>
-                        </select>
-                    </label>
+                    <div ngbDropdown class="d-inline-block">
+                        <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Priorität</button>
+                        <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
+                            <li [ngValue]="null" selected="selected">All</li>
+                            <li *ngFor="let p of getAllPriorities()" [ngValue]="p">{{p}}</li>
+                        </div>
+                    </div>
                     <span *ngIf="sortBy === 'priority'" (click)="sortByPrio()" class="pl-3">
                         <span *ngIf="sortDescending">▲</span>
                         <span *ngIf="sortDescending === false">▼</span>
@@ -102,8 +102,12 @@
                     </a>
                 </td>
                 <td>
-                    <button class="btn btn-secondary m-2" (click)="openTaskForm(task)">Bearbeiten</button>
-                    <button class="btn btn-secondary m-2" (click)="deleteTask(task)">Löschen</button>
+                    <button type="button" rel="tooltip" (click)="openTaskForm(task)" class="btn btn-success btn-sm btn-icon">
+                        <i class="fa fa-pencil-alt"></i>
+                    </button>
+                    <button type="button" rel="tooltip" (click)="deleteTask(task)" class="btn btn-danger btn-sm btn-icon">
+                        <i class="fa fa-trash"></i>
+                    </button>
                 </td>
             </tr>
         </tbody>