Merge pull request #4787 from GabrielInTheWorld/prepair-theming

Ensures theming of components
This commit is contained in:
Emanuel Schütze 2019-06-18 19:47:27 +02:00 committed by GitHub
commit a39971c194
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 34 additions and 9 deletions

View File

@ -41,17 +41,26 @@ export class ThemeService {
if (!newTheme) {
return;
}
this.currentTheme = newTheme;
const classList = document.getElementsByTagName('body')[0].classList; // Get the classlist of the body.
const toRemove = Array.from(classList).filter((item: string) => item.includes('theme'));
if (toRemove.length) {
classList.remove(...toRemove); // Remove all old themes.
}
classList.add(newTheme, ThemeService.DEFAULT_THEME); // Add the new theme.
this.changeTheme(newTheme);
});
}
/**
* Function to change the theme and ensures, that old themes are removed.
*
* @param theme The theme which is applied.
*/
private changeTheme(theme: string): void {
this.currentTheme = theme;
const classList = document.getElementsByTagName('body')[0].classList; // Get the classlist of the body.
const toRemove = Array.from(classList).filter((item: string) => item.includes('theme'));
if (toRemove.length) {
classList.remove(...toRemove); // Remove all old themes.
}
classList.add(theme, ThemeService.DEFAULT_THEME); // Add the new theme.
}
/**
* Returns the logo relative to the used theme.
*
@ -68,4 +77,17 @@ export class ThemeService {
return null;
}
}
/**
* Function to ensure, that there is at least one theme set to define
* the colors of the components.
*
* If a theme is already set, nothing happens, otherwise the
* `DEFAULT_THEME` will be set.
*/
public checkTheme(): void {
if (!this.currentTheme || this.currentTheme === '') {
this.changeTheme(ThemeService.DEFAULT_THEME);
}
}
}

View File

@ -9,6 +9,7 @@ import { TranslateService } from '@ngx-translate/core';
import { environment } from 'environments/environment';
import { BaseComponent } from '../../../../base.component';
import { HttpService } from 'app/core/core-services/http.service';
import { ThemeService } from 'app/core/ui-services/theme.service';
/**
* Reset password component.
@ -34,7 +35,8 @@ export class ResetPasswordComponent extends BaseComponent implements OnInit {
private http: HttpService,
formBuilder: FormBuilder,
private matSnackBar: MatSnackBar,
private router: Router
private router: Router,
private themeService: ThemeService
) {
super(titleService, translate);
this.resetPasswordForm = formBuilder.group({
@ -47,6 +49,7 @@ export class ResetPasswordComponent extends BaseComponent implements OnInit {
*/
public ngOnInit(): void {
super.setTitle('Reset password');
this.themeService.checkTheme();
}
/**