Angular/todo
Angular/todo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: Minor refactorments

Browse source
This commit is contained in:
Jan K9f 2025-06-24 07:54:42 +02:00
commit bbe5e30837
Signed by: jank
GPG key ID: 22BEAC760B3333D6
5 changed files with 135 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

87
src/app/create-todo/create-todo.ts
View file

@ -1,11 +1,12 @@
import { DatePipe } from '@angular/common';
import { Component, Input, ResourceRef, signal } from '@angular/core';
import { Component, inject, Input, ResourceRef, signal } from '@angular/core';
import {
FormControl,
FormGroup,
ReactiveFormsModule,
Validators,
} from '@angular/forms';
import { TaskService } from '../service/task-service';
@Component({
selector: 'app-create-todo',
@ -15,61 +16,13 @@ import {
})
export class CreateTodo {
public form!: FormGroup;
private datePipe = new DatePipe('en-US');
public isEditing = signal(false);
private datePipe = new DatePipe('en-US');
private taskService: TaskService = inject(TaskService);
@Input({ required: true }) tasks!: ResourceRef<any>;
@Input() editTodo: number = -1;
submit() {
if (this.form.valid) {
if (this.form.value.id == -1) {
this.createTask(this.form.value);
} else {
this.updateTask(this.form.value);
}
this.form.controls['id'].setValue(-1);
}
}
stopEdit() {
this.isEditing.set(false);
this.form.controls['id'].setValue(-1);
}
updateTask(task: Task) {
fetch('http://localhost:2000/api/tasks/' + task.id, {
method: 'PUT',
body: JSON.stringify(task),
headers: {
'content-type': 'application/json',
},
}).then(() => {
this.tasks.reload();
});
this.isEditing.set(false);
}
createTask(task: Task) {
fetch('http://localhost:2000/api/tasks', {
method: 'POST',
body: JSON.stringify(task),
headers: {
'content-type': 'application/json',
},
}).then(() => {
this.tasks.reload();
});
}
editTask(task: Task) {
this.form.controls['id'].setValue(task.id);
this.form.controls['title'].setValue(task.title);
this.form.controls['dueDate'].setValue(
this.datePipe.transform(task.dueDate, 'yyyy-MM-dd'),
);
this.isEditing.set(true);
}
ngOnInit() {
this.form = new FormGroup({
id: new FormControl(-1),
@ -80,4 +33,34 @@ export class CreateTodo {
done: new FormControl(false),
});
}
submit() {
if (this.form.valid) {
if (this.form.value.id == -1) {
this.taskService
.createTask(this.form.value)
.then(() => this.tasks.reload());
} else {
this.taskService
.updateTask(this.form.value)
.then(() => this.tasks.reload());
this.isEditing.set(false);
}
this.form.controls['id'].setValue(-1);
}
}
stopEdit() {
this.isEditing.set(false);
this.form.controls['id'].setValue(-1);
}
editTask(task: Task) {
this.form.controls['id'].setValue(task.id);
this.form.controls['title'].setValue(task.title);
this.form.controls['dueDate'].setValue(
this.datePipe.transform(task.dueDate, 'yyyy-MM-dd'),
);
this.isEditing.set(true);
}
}