From ddfff21bad942202a91d69a8ba2b9590a4e6f17e Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Fri, 29 Sep 2023 14:29:27 +0300
Subject: [PATCH] mobile menu fix

---
 .../menu/item/pages-menu-item.component.html   |  8 ++++----
 .../menu/item/pages-menu-item.component.ts     | 18 ++++++++++++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/app/_modules/pages/menu/item/pages-menu-item.component.html b/src/app/_modules/pages/menu/item/pages-menu-item.component.html
index c30c1d9..c5b109f 100644
--- a/src/app/_modules/pages/menu/item/pages-menu-item.component.html
+++ b/src/app/_modules/pages/menu/item/pages-menu-item.component.html
@@ -1,7 +1,7 @@
-<div class="expand" [ngClass]="{toggle:children?.length, open:showChildren}" (click)="showChildren=!showChildren"></div>
+<div class="expand" [ngClass]="{toggle:children?.length, open:showChildren}" (click)="toggle()"></div>
 
-<a [routerLink]="link" routerLinkActive="active" (click)="select(item)"
-[ngClass]="{'current-item':item.link==currentURL,'parent-item':parentItem}"><span>{{item.name}}</span></a>
+<a [routerLink]="link" routerLinkActive="active" (click)="click()"
+[ngClass]="cssClass"><span>{{item.name}}</span></a>
 
 <pages-menu *ngIf="children?.length" [items]="children"  
-(onSelected)="select($event)" [ngClass]="{'hide-children':!showChildren,'current-item':item.link==currentURL,'parent-item':parentItem}"></pages-menu>
+(onSelected)="select($event)" [ngClass]="cssClass"></pages-menu>
diff --git a/src/app/_modules/pages/menu/item/pages-menu-item.component.ts b/src/app/_modules/pages/menu/item/pages-menu-item.component.ts
index 9511909..b668601 100644
--- a/src/app/_modules/pages/menu/item/pages-menu-item.component.ts
+++ b/src/app/_modules/pages/menu/item/pages-menu-item.component.ts
@@ -37,8 +37,26 @@ export class PagesMenuItemComponent {
     this.showChildren = this.parentItem;
   }
 
+  toggle(){
+    this.showChildren=!this.showChildren
+  }
+
+  click(){
+    if (this.link) {
+      this.select(this.item)      
+    }else{
+      this.toggle()
+    }
+  }
+
   select(item:any){
     this.onSelected.emit(item);
   }
+  get cssClass(){
+    return {
+      'hide-children':!this.showChildren,
+      'current-item':this.item.link==this.currentURL,
+      'parent-item':this.parentItem    }
+  }
 
 }