Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-17 07:50:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add material themes to themes carousel

Browse source
This commit is contained in:
eugene-sinitsyn 2020-03-12 11:08:17 +03:00
parent 8f5eaec1e4
commit 9aa4b9c53f
6 changed files with 50 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

17
docs/app/pages/home/theme-section/theme-section.component.ts
View file

@ -22,8 +22,10 @@ export class ThemeSectionComponent implements OnDestroy {
private alive = true;
private themes: string[] = [
'Light',
'Dark',
'Material\nLight',
'Material\nDark',
'Eva\nLight',
'Eva\nDark',
'Cosmic',
'Corporate',
];
@ -32,6 +34,7 @@ export class ThemeSectionComponent implements OnDestroy {
breakpoints: any;
sliderIndex: number = 1;
initialSwiperConfig: SwiperConfigInterface = {
initialSlide: 1,
direction: 'horizontal',
spaceBetween: 200,
slidesPerView: 'auto',
@ -55,9 +58,7 @@ export class ThemeSectionComponent implements OnDestroy {
renderBullet: (index, className) => {
return `
<span class="${className}">
<span>
${this.themes[index]}
</span>
<span>${this.themes[index]}</span>
</span>`;
},
},
@ -66,8 +67,10 @@ export class ThemeSectionComponent implements OnDestroy {
...this.initialSwiperConfig,
};
constructor(private themeService: NbThemeService,
private breakpointService: NbMediaBreakpointsService) {
constructor(
private themeService: NbThemeService,
private breakpointService: NbMediaBreakpointsService,
) {
this.breakpoints = this.breakpointService.getBreakpointsMap();
this.themeService.onMediaQueryChange()
.pipe(takeWhile(() => this.alive))