80 lines
4.8 KiB
HTML
80 lines
4.8 KiB
HTML
<div class="card" style="width: 100%;">
|
|
<div class="container">
|
|
<div class="card-body">
|
|
<div class="col-8">
|
|
<h4 class="card-title">Neuen Task anlegen</h4>
|
|
<div ngbDropdown class="dropdown">
|
|
<span ngbDropdownToggle class="dropdown-toggle" id="dropdownMenuUserstory" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Gehört zu Story: {{getUserstoryTitleById(task.userstoryid) || "Keine"}}
|
|
<i class="fa fa-caret-down"></i>
|
|
</span>
|
|
<div ngbDropdownMenu class="dropdown-menu" aria-labelledby="dropdownMenuUserstory">
|
|
<option ngbDropdownItem *ngFor="let userstory of userstories" (click)="task.userstoryid = userstory.id">{{ userstory.title }}</option>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button (click)="onClose()" type="button" class="close" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<form (ngSubmit)="onSubmit()">
|
|
<div class="row">
|
|
<div class="col-8">
|
|
<div class="form-group">
|
|
<label for="Title">Titel</label>
|
|
<input type="text" class="form-control" id="Title" required name="title" [(ngModel)]="task.title" id="titleField"/>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Inhalt">What to do?</label>
|
|
<textarea type="text" class="form-control" id="Story" required name="story" rows="5" [(ngModel)]="task.content"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<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 class="form-group">
|
|
<div ngbDropdown class="dropdown" [autoClose]="false">
|
|
<button ngbDropdownToggle class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Status: {{task.statusid}}
|
|
</button>
|
|
<div ngbDropdownMenu class="dropdown-menu" aria-labelledby="dropdownMenu2">
|
|
<label for="Inhalt">Status wählen</label>
|
|
<option disable-auto-close ngbDropdownItem *ngFor="let status of allStatus" (click)="task.statusid = status.id">{{ status.title }}</option>
|
|
|
|
<div class="dropdown-divider"></div>
|
|
<label for="Inhalt">Neuer Status</label>
|
|
<input #statusname type="text" id="statusname" class="form-control" (change)="status.title=statusname.value">
|
|
<button disable-auto-close ngbDropdownItem class="dropdown-item" type="button" (click)="createTaskStatus(status)">Status anlegen</button>
|
|
<button disable-auto-close ngbDropdownItem class="dropdown-item" type="button" (click)="deleteStatus(task.statusid)">Status löschen</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>
|
|
<div class="form-group">
|
|
<label for="Inhalt">Assigned User</label>
|
|
<input type="text" class="form-control" id="Author" required name="author"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<button (click)="onClose()" type="dismiss" class="btn btn-secondary" data-dismiss="modal">
|
|
Abbrechen
|
|
</button>
|
|
<button type="submit" class="btn btn-primary">Erstellen</button>
|
|
</div>
|
|
</div>
|
|
</form></div>
|
|
</div>
|
|
</div> |