neuro_llc/NwaifuWeb
2
0
Fork 0
Code Issues 11 Pull Requests Packages Projects 1 Releases Wiki Activity

Hide lang modal on click

Browse Source
This commit is contained in:
Sergey Elpashev
2024-03-10 13:56:09 +03:00
parent c4665737dc
commit 2a31e85e50
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/modules/panel/panel.component.ts
View File

@@ -53,6 +53,18 @@ export class PanelComponent {
this.langModal.nativeElement.style.left = `calc(${x}px - 3.5rem)`; this.langModal.nativeElement.style.left = `calc(${x}px - 3.5rem)`;
} }
@HostListener("window:click", ["$event"])
private closeLangModal(event: MouseEvent) {
if (
this.langModal &&
this.langBtn &&
!this.langModal.nativeElement.contains(event.target as Node) &&
!this.langBtn.nativeElement.contains(event.target as Node)
) {
this.langModal.nativeElement.classList.remove("active");
}
}
toggleModal() { toggleModal() {
if (this.langModal) { if (this.langModal) {
this.langModal.nativeElement.classList.toggle("active"); this.langModal.nativeElement.classList.toggle("active");
@@ -63,6 +75,7 @@ export class PanelComponent {
} }
useLang(lang: string) { useLang(lang: string) {
this.langModal && this.langModal.nativeElement.classList.remove("active");
this.translateService.use(lang); this.translateService.use(lang);
} }