From 5db11cc27656981955a41fecc2e5eb51b9fcc4c7 Mon Sep 17 00:00:00 2001
From: Niggl <info@nicolai-ort.com>
Date: Thu, 2 Jul 2020 09:25:54 +0200
Subject: [PATCH] New Prio selector

---
 src/app/task-form/task-form.component.html | 14 +++++++-------
 src/app/task-form/task-form.component.ts   |  4 ++++
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/app/task-form/task-form.component.html b/src/app/task-form/task-form.component.html
index 7d93e0e..9d98909 100644
--- a/src/app/task-form/task-form.component.html
+++ b/src/app/task-form/task-form.component.html
@@ -29,13 +29,13 @@
                 </div>
                 <div class="col-md-1"></div>
                 <div class="col-md-2">
-                    <div class="form-group">
-                        <label for="Prio">Prio</label>
-                        <select class="form-control custom-select mr-sm-2" id="prio" required name="prio" [(ngModel)]="task.priority">
-                            <option value="low">Low</option>
-                            <option value="medium">Medium</option>
-                            <option value="high">High</option>
-                        </select>
+                    <div ngbDropdown class="dropdown">
+                        <button ngbDropdownToggle class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                            Prio: {{task.priority}}
+                        </button>
+                        <div ngbDropdownMenu class="dropdown-menu" aria-labelledby="dropdownMenu2">
+                            <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="task.priority=p">{{p}}</option>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/src/app/task-form/task-form.component.ts b/src/app/task-form/task-form.component.ts
index c50dac2..e2f3c76 100644
--- a/src/app/task-form/task-form.component.ts
+++ b/src/app/task-form/task-form.component.ts
@@ -112,4 +112,8 @@ export class TaskFormComponent implements OnInit {
 			}
 		});
 	}
+
+	public getAllPriorities(): string[] {
+		return Object.values(Priority);
+	  }
 }