67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
import { Component, ElementRef, ViewChild } from '@angular/core';
|
|
import { DragDropService } from '../../services/drag-drop.service';
|
|
import { CommonModule } from '@angular/common';
|
|
import { Task } from '../../interfaces/task.interface';
|
|
import { TaskService } from '../../services/task.service';
|
|
import { TaskComponent } from './task/task.component';
|
|
import { EMPTY, isEmpty } from 'rxjs';
|
|
|
|
@Component({
|
|
selector: 'app-board',
|
|
standalone: true,
|
|
imports: [CommonModule, TaskComponent],
|
|
templateUrl: './board.component.html',
|
|
styleUrl: './board.component.scss',
|
|
})
|
|
export class BoardComponent {
|
|
@ViewChild('searchField') searchField!: ElementRef;
|
|
|
|
constructor(
|
|
public dragDropService: DragDropService,
|
|
private taskService: TaskService
|
|
) {}
|
|
|
|
ngOnInit() {
|
|
this.dragDropService.itemDropped.subscribe(({ id, status }) => {
|
|
this.handleItemDropped(id, status);
|
|
});
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
this.taskService.unsubTask();
|
|
}
|
|
|
|
getTask(status: string) {
|
|
if (this.taskService.filteredTasks.length > 0) {
|
|
return this.taskService.filteredTasks.filter(
|
|
(task) => task.status === status
|
|
);
|
|
} else {
|
|
return this.taskService.allTasks.filter((task) => task.status === status);
|
|
}
|
|
}
|
|
|
|
handleItemDropped(id: string, status: string): void {
|
|
const index = this.taskService.allTasks.findIndex((task) => task.id === id);
|
|
if (index !== -1) {
|
|
this.taskService.allTasks[index].status = status;
|
|
const filteredIndex = this.taskService.filteredTasks.findIndex(
|
|
(task) => task.id === id
|
|
);
|
|
if (filteredIndex !== -1) {
|
|
this.taskService.filteredTasks[filteredIndex].status = status;
|
|
}
|
|
this.taskService.updateTask(id, index);
|
|
}
|
|
}
|
|
|
|
searchTask(): void {
|
|
const search = this.searchField.nativeElement.value.toLowerCase();
|
|
this.taskService.filteredTasks = this.taskService.allTasks.filter(
|
|
(task) =>
|
|
task.title.toLowerCase().includes(search) ||
|
|
task.description.toLowerCase().includes(search) ||
|
|
task.category.toLowerCase().includes(search)
|
|
);
|
|
}
|
|
}
|