Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added host listener to close task menu

Browse source
This commit is contained in:
Chneemann 2024-05-12 08:25:24 +02:00
parent 29aa9c0325
commit c774ac1291
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/app/components/board/task/task.component.ts
View file

@ -1,5 +1,5 @@
import { CommonModule } from '@angular/common';
import { Component, Input } from '@angular/core';
import { Component, HostListener, Input } from '@angular/core';
import { DragDropService } from '../../../services/drag-drop.service';
import { Task } from '../../../interfaces/task.interface';
import { FirebaseService } from '../../../services/firebase.service';
@ -54,6 +54,18 @@ export class TaskComponent {
: this.overlayService.setOverlayData('taskOverlay', taskId);
}
@HostListener('document:click', ['$event'])
checkToggleTaskMenu(event: MouseEvent) {
const targetElement = event.target as HTMLElement;
if (
!targetElement.closest('.menu-btn') &&
!targetElement.closest('.menu-img') &&
!targetElement.closest('app-task-menu')
) {
this.isMenuOpen = false;
}
}
// Subtasks
completedSubtasks(): number {