From 1c858b15298b5880ee3ec3b4d556a9c715d4651f Mon Sep 17 00:00:00 2001
From: Niggl <info@nicolai-ort.com>
Date: Thu, 2 Jul 2020 09:17:17 +0200
Subject: [PATCH] Dropdown Menu

---
 angular.json                               |  4 +++-
 src/app/task-form/task-form.component.html | 18 +++++++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/angular.json b/angular.json
index 226ed4c..8e0bc83 100644
--- a/angular.json
+++ b/angular.json
@@ -29,7 +29,9 @@
               "src/styles.css",
               "src/assets/scss/black-dashboard.scss"
             ],
-            "scripts": []
+            "scripts": [
+              "node_modules/bootstrap/dist/js/bootstrap.min.js"
+            ]
           },
           "configurations": {
             "production": {
diff --git a/src/app/task-form/task-form.component.html b/src/app/task-form/task-form.component.html
index 0a90a8d..7d93e0e 100644
--- a/src/app/task-form/task-form.component.html
+++ b/src/app/task-form/task-form.component.html
@@ -50,19 +50,35 @@
                 <div class="col-md-2">
                     <div class="form-group">
                         <label for="Inhalt">Status</label>
+                        <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">
+                              Status
+                            </button>
+                            <div ngbDropdownMenu class="dropdown-menu" aria-labelledby="dropdownMenu2">
+                              <button ngbDropdownItem class="dropdown-item" type="button">Action</button>
+                              <button ngbDropdownItem class="dropdown-item" type="button">Another action</button>
+                              <button ngbDropdownItem class="dropdown-item" type="button">Something else here</button>
+                            
+                            <div class="dropdown-divider"></div>
+                            <button ngbDropdownItem class="dropdown-item" type="button"  (click)="createTaskStatus()">New Status</button>
+                            <button ngbDropdownItem class="dropdown-item" type="button" (click)="deleteStatus()">Delete Status</button>
+                            </div>
+                          </div>
+                        <div class="dropdown-menu">
                         <select class="form-control custom-select mr-sm-2" id="prio" required name="prio" [(ngModel)]="task.statusid">
                             <option *ngFor="let status of allStatus" [value]="status.id">{{
                 status.title
               }}</option>
                         </select>
                     </div>
-                    <div class="dropdown-divider"></div>
+                    
                     <div class="form-group">
                         <a class="dropdown-item" href="#" (click)="createTaskStatus()">Neuer Status</a>
                         <a class="dropdown-item" href="#" (click)="deleteStatus()">Status löschen</a>
                         <input type="text" class="form-control" [(ngModel)]="status.title">
                     </div>
                 </div>
+                </div>
             </div>
             <div class="form-group">
                 <label for="Inhalt">Assigned User</label>