mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-02-24 08:54:06 +01:00
hoverItem
This commit is contained in:
parent
cfd93118df
commit
80c1e0a79c
2 changed files with 18 additions and 6 deletions
|
|
@ -19,6 +19,10 @@ export class Sidebar {
|
|||
menuHeight: number;
|
||||
isMenuCollapsed: boolean;
|
||||
|
||||
showHoverElem: boolean;
|
||||
hoverElemHeight: number;
|
||||
hoverElemTop: number;
|
||||
|
||||
constructor(el: ElementRef, router: Router, private _sidebarService: SidebarService) {
|
||||
this.elementRef = el;
|
||||
this.router = router;
|
||||
|
|
@ -43,6 +47,13 @@ export class Sidebar {
|
|||
this.isMenuCollapsed = true;
|
||||
}
|
||||
|
||||
hoverItem = function ($event) {
|
||||
this.showHoverElem = true;
|
||||
this.hoverElemHeight = $event.currentTarget.clientHeight;
|
||||
// TODO: get rid of magic 66 constant
|
||||
this.hoverElemTop = $event.currentTarget.getBoundingClientRect().top - 66;
|
||||
}
|
||||
|
||||
toggleSubMenu ($event, item) {
|
||||
var submenu = $($event.currentTarget).next();
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue