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

Migration to cards and new div

Browse Source
This commit is contained in:
Nicolai Ort 2020-07-02 11:01:33 +02:00
parent 905375afdb
commit e94f7a0253
2 changed files with 28 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,10 +1,8 @@
<div class="modal-content p-3"> <div class="card" style="width: 100%;">
<div class="modal-header"> <div class="container">
<table> <div class="card-body">
<tr> <div class="col-8">
<h4 class="modal-title">Neuen Task anlegen</h4> <h4 class="card-title">Neuen Task anlegen</h4>
</tr>
<tr>
<div ngbDropdown class="dropdown"> <div ngbDropdown class="dropdown">
<span ngbDropdownToggle class="dropdown-toggle" id="dropdownMenuUserstory" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span ngbDropdownToggle class="dropdown-toggle" id="dropdownMenuUserstory" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Gehört zu Story: {{getUserstoryTitleById(task.userstoryid) || "Keine"}} Gehört zu Story: {{getUserstoryTitleById(task.userstoryid) || "Keine"}}
@ -14,42 +12,31 @@
<option ngbDropdownItem *ngFor="let userstory of userstories" (click)="task.userstoryid = userstory.id">{{ userstory.title }}</option> <option ngbDropdownItem *ngFor="let userstory of userstories" (click)="task.userstoryid = userstory.id">{{ userstory.title }}</option>
</div> </div>
</div> </div>
</tr> </div>
</table>
<button (click)="onClose()" type="button" class="close" aria-label="Close"> <button (click)="onClose()" type="button" class="close" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div>
<div class="modal-body">
<form (ngSubmit)="onSubmit()"> <form (ngSubmit)="onSubmit()">
<div class="row"> <div class="row">
<div class="col-md-9"> <div class="col-8">
<div class="form-group"> <div class="form-group">
<label for="Title">Titel</label> <label for="Title">Titel</label>
<input type="text" class="form-control" id="Title" required name="title" [(ngModel)]="task.title" id="titleField"/> <input type="text" class="form-control" id="Title" required name="title" [(ngModel)]="task.title" id="titleField"/>
</div> </div>
</div>
<div class="col-md-1"></div>
<div class="col-md-2">
<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>
<div class="row">
<div class="col-md-9">
<div class="form-group"> <div class="form-group">
<label for="Inhalt">What to do?</label> <label for="Inhalt">What to do?</label>
<textarea type="text" class="form-control" id="Story" required name="story" rows="5" [(ngModel)]="task.content"></textarea> <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>
</div>
<div class="col-md-1"></div>
<div class="col-md-2">
<div class="form-group"> <div class="form-group">
<div ngbDropdown class="dropdown" [autoClose]="false"> <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"> <button ngbDropdownToggle class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@ -79,14 +66,15 @@
<input type="text" class="form-control" id="Author" required name="author"/> <input type="text" class="form-control" id="Author" required name="author"/>
</div> </div>
</div> </div>
</div> </div>
<div class="row">
<div class="col-6">
<div class="modal-footer"> <button (click)="onClose()" type="dismiss" class="btn btn-secondary" data-dismiss="modal">
<button (click)="onClose()" type="dismiss" class="btn btn-secondary" data-dismiss="modal"> Abbrechen
Abbrechen </button>
</button> <button type="submit" class="btn btn-primary">Erstellen</button>
<button type="submit" class="btn btn-primary">Erstellen</button> </div>
</div> </div>
</form></div> </form></div>
</div>
</div> </div>

1
src/app/task-table/task-table.component.ts
View File

@ -102,6 +102,7 @@ export class TaskTableComponent extends TableComponentBase<ScrumTask> {
const modalRef = this.modalService.open(TaskFormComponent, { const modalRef = this.modalService.open(TaskFormComponent, {
backdrop: 'static', backdrop: 'static',
keyboard: true, keyboard: true,
size: 'lg',
}); });
if (editTask === null) { if (editTask === null) {
modalRef.result.then((result) => { modalRef.result.then((result) => {