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

New buttons and better dropdown inputs

Browse Source
This commit is contained in:
Nicolai Ort
2020-07-02 11:40:13 +02:00
parent 0aed1bd5d4
commit 8e3db756d9
2 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,10 +1,14 @@
<div class="card" style="width: 100%;"> <div class="card" style="width: 100%;">
<div class="container"> <div class="container">
<div class="card-body"> <div class="card-body">
<div class="col-8"> <div style="text-align: right;">
<i class="fa fa-times fa-lg" (click)="onClose()"></i>
</div>
<div class="row">
<div class="col-8" style="text-align: left;">
<h4 class="card-title">Neuen Task anlegen</h4> <h4 class="card-title">Neuen Task anlegen</h4>
<div ngbDropdown class="dropdown"> <div ngbDropdown class="dropdown card-text">
<span ngbDropdownToggle class="dropdown-toggle" id="dropdownMenuUserstory" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span ngbDropdownToggle class="dropdown" 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"}}
<i class="fa fa-caret-down"></i> <i class="fa fa-caret-down"></i>
</span> </span>
@@ -12,10 +16,9 @@
<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>
</div>
<div class="col-4"></div>
</div> </div>
<button (click)="onClose()" type="button" class="close" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<form (ngSubmit)="onSubmit()"> <form (ngSubmit)="onSubmit()">
<div class="row"> <div class="row">
<div class="col-8"> <div class="col-8">
@@ -43,12 +46,12 @@
Status: {{task.statusid}} Status: {{task.statusid}}
</button> </button>
<div ngbDropdownMenu class="dropdown-menu" aria-labelledby="dropdownMenu2"> <div ngbDropdownMenu class="dropdown-menu" aria-labelledby="dropdownMenu2">
<label for="Inhalt">Status wählen</label> <div class="card-text" for="Inhalt">Status wählen</div>
<option disable-auto-close ngbDropdownItem *ngFor="let status of allStatus" (click)="task.statusid = status.id">{{ status.title }}</option> <option disable-auto-close ngbDropdownItem *ngFor="let status of allStatus" (click)="task.statusid = status.id">{{ status.title }}</option>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<label for="Inhalt">Neuer Status</label> <div class="card-text" for="Inhalt">Neuer Status</div>
<input #statusname type="text" id="statusname" class="form-control" (change)="status.title=statusname.value"> <input #statusname type="text" id="statusname" class="dropdown-item" (change)="status.title=statusname.value" placeholder="New Title..." style="background-color: rgba(211, 211, 211, 0.342);">
<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)="createTaskStatus(status)">Status anlegen</button>
<button disable-auto-close ngbDropdownItem class="dropdown-item" type="button" (click)="deleteStatus(task.statusid)">Status löschen</button> <button disable-auto-close ngbDropdownItem class="dropdown-item" type="button" (click)="deleteStatus(task.statusid)">Status löschen</button>
</div> </div>

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

@@ -11,6 +11,7 @@ import { TaskFormComponent } from '../task-form/task-form.component';
import { TableComponentBase } from '../services/table-component.base'; import { TableComponentBase } from '../services/table-component.base';
import { ActivatedRoute, ParamMap, Router } from '@angular/router'; import { ActivatedRoute, ParamMap, Router } from '@angular/router';
import { getNumberForPriority } from '../services/sorting.service'; import { getNumberForPriority } from '../services/sorting.service';
import { NONE_TYPE } from '@angular/compiler';
@Component({ @Component({
selector: 'app-userstory-table', selector: 'app-userstory-table',