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

Dropdown Menu

Browse Source
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/styles.css",
"src/assets/scss/black-dashboard.scss" "src/assets/scss/black-dashboard.scss"
], ],
"scripts": [] "scripts": [
"node_modules/bootstrap/dist/js/bootstrap.min.js"
]
}, },
"configurations": { "configurations": {
"production": { "production": {

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

@ -50,13 +50,28 @@
<div class="col-md-2"> <div class="col-md-2">
<div class="form-group"> <div class="form-group">
<label for="Inhalt">Status</label> <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"> <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">{{ <option *ngFor="let status of allStatus" [value]="status.id">{{
status.title status.title
}}</option> }}</option>
</select> </select>
</div> </div>
<div class="dropdown-divider"></div>
<div class="form-group"> <div class="form-group">
<a class="dropdown-item" href="#" (click)="createTaskStatus()">Neuer Status</a> <a class="dropdown-item" href="#" (click)="createTaskStatus()">Neuer Status</a>
<a class="dropdown-item" href="#" (click)="deleteStatus()">Status löschen</a> <a class="dropdown-item" href="#" (click)="deleteStatus()">Status löschen</a>
@ -64,6 +79,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="form-group"> <div class="form-group">
<label for="Inhalt">Assigned User</label> <label for="Inhalt">Assigned User</label>
<input type="text" class="form-control" id="Author" required name="author"/> <input type="text" class="form-control" id="Author" required name="author"/>