hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-10 19:43:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

added different themes, issue with ngrx

Browse Source
This commit is contained in:
lotte
2019-03-25 10:41:56 +01:00
parent 8865d6e049
commit 5fa8fd2688
19 changed files with 190 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/app.component.ts
View File

@@ -30,8 +30,11 @@ import { MenuService } from './shared/menu/menu.service';
import { MenuID } from './shared/menu/initial-menus-state';
import { Observable } from 'rxjs/internal/Observable';
import { slideSidebarPadding } from './shared/animations/slide';
import { combineLatest as combineLatestObservable } from 'rxjs';
import { combineLatest as combineLatestObservable, of } from 'rxjs';
import { HostWindowService } from './shared/host-window.service';
import { ThemeService } from './core/theme/theme.service';
import { Theme } from '../config/theme.inferface';
import { isNotEmpty } from './shared/empty.util';
@Component({
selector: 'ds-app',
@@ -47,6 +50,7 @@ export class AppComponent implements OnInit, AfterViewInit {
slideSidebarOver: Observable<boolean>;
collapsedSidebarWidth: Observable<string>;
totalSidebarWidth: Observable<string>;
theme: Observable<Theme>= of({} as any);
constructor(
@Inject(GLOBAL_CONFIG) public config: GlobalConfig,
@@ -60,8 +64,10 @@ export class AppComponent implements OnInit, AfterViewInit {
private routeService: RouteService,
private cssService: CSSVariableService,
private menuService: MenuService,
private windowService: HostWindowService
private windowService: HostWindowService,
private themeService: ThemeService
) {
// Load all the languages that are defined as active from the config file
translate.addLangs(config.languages.filter((LangConfig) => LangConfig.active === true).map((a) => a.code));
@@ -83,10 +89,15 @@ export class AppComponent implements OnInit, AfterViewInit {
console.info(config);
}
this.storeCSSVariables();
}
ngOnInit() {
const availableThemes: Theme[] = this.config.themes;
if (isNotEmpty(availableThemes)) {
this.themeService.setCurrentTheme(availableThemes[0]);
}
this.theme = this.themeService.getCurrentTheme();
const env: string = this.config.production ? 'Production' : 'Development';
const color: string = this.config.production ? 'red' : 'green';
console.info(`Environment: %c${env}`, `color: ${color}; font-weight: bold;`);