niggl
/
srumboard_frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Dropdown Menu

This commit is contained in:
Nicolai Ort 2020-07-02 09:17:17 +02:00
parent d1b37fd5a7
commit 1c858b1529
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
angular.json
View File

@ -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": {

18
src/app/task-form/task-form.component.html
View File

@ -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>