import { Component } from '@angular/core';
import { CommonModule } from '@angular/common'; // Import CommonModule

interface Task {
  id: number;
  title: string;
  completed: boolean;
}

@Component({
  selector: 'app-task-list',
  standalone: true,
  imports: [CommonModule], // Füge CommonModule hier hinzu
  templateUrl: './task-list.component.html',
  styleUrls: ['./task-list.component.css']
})
export class TaskListComponent {
  tasks: Task[] = [
    { id: 1, title: 'Design erstellen', completed: true },
    { id: 2, title: 'Backend implementieren', completed: false },
    { id: 3, title: 'Frontend entwickeln', completed: false },
    { id: 4, title: 'Testing durchführen', completed: false }
  ];

  toggleCompletion(task: Task): void {
    task.completed = !task.completed;
  }
}