purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 04:25:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

(fuseNavBar) close on route change for mobile.

Browse Source
This commit is contained in:
mustafahlvc 2017-08-18 16:44:39 +03:00
parent 38f83bd905
commit b8d5c16237
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/main/navbar/navbar.component.ts
View File

@ -4,6 +4,7 @@ import { FuseMatchMedia } from '../../core/services/match-media.service';
import { FuseNavbarService } from './navbar.service'; import { FuseNavbarService } from './navbar.service';
import { ObservableMedia } from '@angular/flex-layout'; import { ObservableMedia } from '@angular/flex-layout';
import { FuseMainComponent } from '../main.component'; import { FuseMainComponent } from '../main.component';
import { NavigationEnd, Router } from '@angular/router';
@Component({ @Component({
selector : 'fuse-navbar', selector : 'fuse-navbar',
@ -25,7 +26,8 @@ export class FuseNavbarComponent implements OnInit, OnDestroy
private fuseMainComponentEl: FuseMainComponent, private fuseMainComponentEl: FuseMainComponent,
private fuseMatchMedia: FuseMatchMedia, private fuseMatchMedia: FuseMatchMedia,
private navBarService: FuseNavbarService, private navBarService: FuseNavbarService,
public media: ObservableMedia public media: ObservableMedia,
private router: Router
) )
{ {
navBarService.setNavBar(this); navBarService.setNavBar(this);
@ -46,6 +48,20 @@ export class FuseNavbarComponent implements OnInit, OnDestroy
} }
}); });
}); });
router.events.subscribe(
(event) => {
if ( event instanceof NavigationEnd )
{
if ( this.media.isActive('lt-lg') )
{
setTimeout(() => {
this.closeBar();
});
}
}
}
);
} }
ngOnInit() ngOnInit()