Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-16 06:25:29 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Implement ripple effect for material themes

Browse source
This commit is contained in:
eugene-sinitsyn 2020-03-04 19:31:08 +03:00 • committed by Maksim Karatkevich
parent c7bcbca7bd
commit 2f7d61ded1
12 changed files with 334 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/app/@theme/components/header/header.component.ts
View file

@ -2,8 +2,10 @@ import { Component, OnDestroy, OnInit } from '@angular/core';
import { NbMediaBreakpointsService, NbMenuService, NbSidebarService, NbThemeService } from '@nebular/theme';
import { UserData } from '../../../@core/data/users';
import { LayoutService } from '../../../@core/utils';
import { map, takeUntil } from 'rxjs/operators';
import { Subject } from 'rxjs';
import { RippleService } from '../../../@core/utils/ripple.service';
@Component({
selector: 'ngx-header',
@ -51,7 +53,9 @@ export class HeaderComponent implements OnInit, OnDestroy {
private menuService: NbMenuService,
private themeService: NbThemeService,
private userService: UserData,
private breakpointService: NbMediaBreakpointsService) {
private layoutService: LayoutService,
private breakpointService: NbMediaBreakpointsService,
private rippleService: RippleService) {
}
ngOnInit() {
@ -74,7 +78,10 @@ export class HeaderComponent implements OnInit, OnDestroy {
map(({ name }) => name),
takeUntil(this.destroy$),
)
.subscribe(themeName => this.currentTheme = themeName);
.subscribe(themeName => {
this.currentTheme = themeName;
this.rippleService.toggle(themeName?.startsWith('material'));
});
}
ngOnDestroy() {
@ -88,6 +95,7 @@ export class HeaderComponent implements OnInit, OnDestroy {
toggleSidebar(): boolean {
this.sidebarService.toggle(true, 'menu-sidebar');
this.layoutService.changeLayoutSize();
return false;
}