diff --git a/src/app/components/board/task/task-menu/task-menu.component.ts b/src/app/components/board/task/task-menu/task-menu.component.ts index e0e2cd2..b7b3a7f 100644 --- a/src/app/components/board/task/task-menu/task-menu.component.ts +++ b/src/app/components/board/task/task-menu/task-menu.component.ts @@ -1,4 +1,5 @@ import { Component, Input } from '@angular/core'; +import { FirebaseService } from '../../../../services/firebase.service'; @Component({ selector: 'app-task-menu', @@ -8,9 +9,24 @@ import { Component, Input } from '@angular/core'; styleUrl: './task-menu.component.scss', }) export class TaskMenuComponent { + @Input() taskId: string = ''; @Input() boardTaskStatus: string = ''; + constructor(private firebaseService: FirebaseService) {} + moveTask(moveTo: string) { - console.log(moveTo); + const index = this.firebaseService.allTasks.findIndex( + (task) => task.id === this.taskId + ); + const filteredIndex = this.firebaseService.filteredTasks.findIndex( + (task) => task.id === this.taskId + ); + if (index !== -1) { + this.firebaseService.allTasks[index].status = moveTo; + if (filteredIndex !== -1) { + this.firebaseService.filteredTasks[filteredIndex].status = moveTo; + } + this.firebaseService.updateTask(this.taskId, index); + } } } diff --git a/src/app/components/board/task/task.component.html b/src/app/components/board/task/task.component.html index 08bd4a8..2a96225 100644 --- a/src/app/components/board/task/task.component.html +++ b/src/app/components/board/task/task.component.html @@ -1,4 +1,5 @@
+ @if (task.id) {
@if (isMenuOpen){ - - } + + } }
diff --git a/src/app/components/board/task/task.component.ts b/src/app/components/board/task/task.component.ts index 2c01eb7..bfb8188 100644 --- a/src/app/components/board/task/task.component.ts +++ b/src/app/components/board/task/task.component.ts @@ -46,7 +46,7 @@ export class TaskComponent implements OnInit, OnDestroy { this.isPageViewMedia = window.innerWidth <= 650; } - handleMenuButtonClick(event: MouseEvent, taskId: string | undefined) { + handleMenuButtonClick(event: MouseEvent, taskId: string) { event.stopPropagation(); const targetElement = event.target as HTMLElement; targetElement.classList.contains('menu-btn') || @@ -59,7 +59,7 @@ export class TaskComponent implements OnInit, OnDestroy { this.isMenuOpen = !this.isMenuOpen; } - openTaskDetailsOverlay(taskId: string | undefined) { + openTaskDetailsOverlay(taskId: string) { if (this.isMenuOpen) { this.toggleTaskMenu(); }