Added Priority Selector

This commit is contained in:
Nicolai Ort 2020-06-08 13:17:58 +02:00
parent 301d2d9354
commit e81cb51f05
2 changed files with 13 additions and 1 deletions

View File

@ -10,6 +10,15 @@
<input type="text" class="form-control" id="Content" required name="content" [(ngModel)]="content"> <input type="text" class="form-control" id="Content" required name="content" [(ngModel)]="content">
</div> </div>
<div class="form-group">
<label for="Prio">Prio</label>
<select class="form-control" id="prio" required name="prio" [(ngModel)]="prio">
<option value="low">Low</option>
<option value="medium">Medium</option>
<option value="high">High</option>
</select>
</div>
<button type="submit" class="btn btn-success">Submit</button> <button type="submit" class="btn btn-success">Submit</button>
</form> </form>

View File

@ -1,6 +1,6 @@
import { Component, OnInit, Input } from '@angular/core'; import { Component, OnInit, Input } from '@angular/core';
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'; import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
import { BackendService, Task } from '../services/backend.service'; import { BackendService, Task, Priority } from '../services/backend.service';
@Component({ @Component({
selector: 'app-task-form', selector: 'app-task-form',
@ -11,6 +11,7 @@ export class TaskFormComponent implements OnInit {
public title: string; public title: string;
public content: string; public content: string;
public prio: Priority;
@Input() @Input()
public task: Task; public task: Task;
@ -22,6 +23,7 @@ export class TaskFormComponent implements OnInit {
if (this.task !== null && this.task !== undefined) { if (this.task !== null && this.task !== undefined) {
this.title = this.task.title; this.title = this.task.title;
this.content = this.task.content; this.content = this.task.content;
this.prio = this.task.priority;
} }
} }
@ -29,6 +31,7 @@ export class TaskFormComponent implements OnInit {
if (this.task !== null && this.task !== undefined) { if (this.task !== null && this.task !== undefined) {
this.task.title = this.title; this.task.title = this.title;
this.task.content = this.content; this.task.content = this.content;
this.task.priority = this.prio;
this.backendService.putTask(this.task).subscribe(response => { this.backendService.putTask(this.task).subscribe(response => {
if (response.status > 399) { if (response.status > 399) {
alert('Fehler'); alert('Fehler');