Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-10 18:34:20 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: demo version additions

Browse source
This commit is contained in:
Sergey Andrievskiy 2021-08-06 18:48:35 +03:00
parent 0eec54695f
commit eee950248e
322 changed files with 23456 additions and 188 deletions
Download patch file Download diff file Expand all files Collapse all files

49
src/app/app.component.ts
View file

@ -4,8 +4,14 @@
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { withLatestFrom, filter } from 'rxjs/operators';
import { NbThemeService } from '@nebular/theme';
import { AnalyticsService } from './@core/utils/analytics.service';
import { AbService } from './@core/utils/ab.service';
import { SeoService } from './@core/utils/seo.service';
import { CurrentThemeService } from './@core/utils/theme.service';
@Component({
selector: 'ngx-app',
@ -13,11 +19,52 @@ import { SeoService } from './@core/utils/seo.service';
})
export class AppComponent implements OnInit {
constructor(private analytics: AnalyticsService, private seoService: SeoService) {
themes = ['default', 'cosmic', 'corporate', 'dark', 'material-dark', 'material-light'];
constructor(private analytics: AnalyticsService,
private seoService: SeoService,
private activatedRoute: ActivatedRoute,
private abService: AbService,
private themeService: NbThemeService,
private currentThemeService: CurrentThemeService) {
this.themeService.onThemeChange()
.subscribe((theme: any) => {
this.analytics.trackEvent('changeTheme', theme.name);
});
this.activatedRoute.queryParams
.subscribe((params: any) => {
if (params.theme && this.themes.includes(params.theme)) {
this.themeService.changeTheme(params.theme);
this.currentThemeService.setCurrentTheme(params.theme);
} else {
this.themeService.changeTheme(this.currentThemeService.getCurrentTheme());
}
});
}
ngOnInit(): void {
const variants = [
AbService.VARIANT_THEME_CORPORATE,
AbService.VARIANT_THEME_DEFAULT,
AbService.VARIANT_THEME_COSMIC,
AbService.VARIANT_THEME_DARK,
];
this.analytics.trackPageViews();
this.seoService.trackCanonicalChanges();
this.abService.onAbEvent()
.pipe(
withLatestFrom(this.activatedRoute.queryParams),
filter(([e, params]: [{ name: string }, any]) => !params.theme),
)
.subscribe(([e, params]: [{ name: string }, any]) => {
const themeName = e.name.replace('theme-change-', '');
if (variants.includes(e.name) && this.themes.includes(themeName)) {
this.themeService.changeTheme(themeName);
}
});
}
}