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

chore: Fix editing

Browse source
This commit is contained in:
Jan K9f 2025-06-23 10:57:16 +02:00
commit bb67052158
Signed by: jank
GPG key ID: 22BEAC760B3333D6
6 changed files with 30 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,9 +1,8 @@
import { DatePipe } from '@angular/common';
import { Component, Input, input, ResourceRef } from '@angular/core';
import { Component, Input, ResourceRef, signal } from '@angular/core';
import {
FormControl,
FormGroup,
FormsModule,
ReactiveFormsModule,
Validators,
} from '@angular/forms';
@ -17,7 +16,9 @@ import {
export class CreateTodo {
public form!: FormGroup;
private datePipe = new DatePipe('en-US');
public isEditing = signal(false);
@Input({ required: true }) tasks!: ResourceRef<any>;
@Input() editTodo: number = -1;
submit() {
if (this.form.valid) {
@ -30,8 +31,9 @@ export class CreateTodo {
}
}
editTask(task: Task) {
this.form.patchValue({ id: task.id });
stopEdit() {
this.isEditing.set(false);
this.form.controls['id'].setValue(-1);
}
updateTask(task: Task) {
@ -44,6 +46,7 @@ export class CreateTodo {
}).then(() => {
this.tasks.reload();
});
this.isEditing.set(false);
}
createTask(task: Task) {
@ -58,6 +61,15 @@ export class CreateTodo {
});
}
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),
@ -65,6 +77,7 @@ export class CreateTodo {
dueDate: new FormControl(
this.datePipe.transform(new Date(), 'yyyy-MM-dd'),
),
done: new FormControl(false),
});
}
}