Andrey
/
object-type-constructor-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mobile menu fix

master
Boris Voropaev 2023-09-29 14:29:27 +03:00
parent c08fed5484
commit ddfff21bad
2 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/_modules/pages/menu/item/pages-menu-item.component.html
View File

@ -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>

18
src/app/_modules/pages/menu/item/pages-menu-item.component.ts
View File

@ -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 }
}
}