New Prio selector

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>

src/app/task-form/task-form.component.ts

@@ -112,4 +112,8 @@ export class TaskFormComponent implements OnInit {
 			}
 		});
 	}
+
+	public getAllPriorities(): string[] {
+		return Object.values(Priority);
+	  }
 }