Apollo-DEC/apollostudycenter
Apollo-DEC/apollostudycenter
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

side toggle nav changes : kdk

Browse Source
This commit is contained in:
dineshkumarkannan 2018-08-11 15:17:00 +05:30
parent e37d117be9
commit a560dab61f
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/app-header/app-header.component.html
View File

@ -1,7 +1,7 @@
<header class="app-header navbar"> <header class="app-header navbar">
<button class="navbar-toggler d-lg-none" type="button" appMobileSidebarToggler>&#9776;</button> <button class="navbar-toggler d-lg-none" type="button" appMobileSidebarToggler>&#9776;</button>
<a class="navbar-brand" href="#"></a> <a class="navbar-brand" href="#"></a>
<button class="navbar-toggler d-md-down-none" type="button" appSidebarToggler>&#9776;</button> <!--<button class="navbar-toggler d-md-down-none" type="button" appSidebarToggler>&#9776;</button>-->
<ul class="nav navbar-nav d-md-down-none"> <ul class="nav navbar-nav d-md-down-none">
<li class="nav-item px-3"> <li class="nav-item px-3">
<a class="nav-link" routerLinkActive="active12" [routerLink]="['/dashboard']"><i class="icon-speedometer"></i> Dashboard</a> <a class="nav-link" routerLinkActive="active12" [routerLink]="['/dashboard']"><i class="icon-speedometer"></i> Dashboard</a>

6
src/app/directives/sidebar/sidebar.directive.ts
View File

@ -34,9 +34,13 @@ export class SidebarMinimizeDirective {
@Directive({ @Directive({
selector: '[appMobileSidebarToggler]' selector: '[appMobileSidebarToggler]'
}) })
export class MobileSidebarToggleDirective { export class MobileSidebarToggleDirective implements OnInit{
constructor() { } constructor() { }
ngOnInit(){
document.querySelector('body').classList.toggle('sidebar-hidden');
}
// Check if element has class // Check if element has class
private hasClass(target: any, elementClassName: string) { private hasClass(target: any, elementClassName: string) {
return new RegExp('(\\s|^)' + elementClassName + '(\\s|$)').test(target.className); return new RegExp('(\\s|^)' + elementClassName + '(\\s|$)').test(target.className);