todo-app-angular/src/app/tasks/tasks.component.ts
Maxime Delporte ae322a38fb
All checks were successful
Deploying Website / build (push) Successful in 1m1s
Using Dependency Injection inside task.component instead of using Output for tasks.components.
2025-04-22 07:36:25 -03:00

31 lines
777 B
TypeScript

import {Component, Input} from '@angular/core';
import {type User} from '../user/user.model';
import {TaskComponent} from './task/task.component';
import {NewTaskComponent} from './new-task/new-task.component';
import {TasksService} from './tasks.service';
@Component({
selector: 'app-tasks',
imports: [TaskComponent, NewTaskComponent],
templateUrl: './tasks.component.html',
styleUrl: './tasks.component.css'
})
export class TasksComponent {
@Input({ required: true }) user!: User;
isAddingTask = false;
constructor(private tasksService: TasksService) {}
get selectedUserTasks() {
return this.tasksService.getUserTasks(this.user.id);
}
onStartAddTask() {
this.isAddingTask = true;
}
onCloseAddTask() {
this.isAddingTask = false;
}
}