Implemented following stuff

- Basic Material Design
- Default Component to see anything
- theme switching between light and dark
- language change between german and english
This commit is contained in:
2025-11-06 12:11:13 +01:00
parent 74823aeeeb
commit 46e5cd1e01
22 changed files with 5727 additions and 937 deletions

View File

@@ -1,12 +1,37 @@
import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection } from '@angular/core';
import {ApplicationConfig, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection} from '@angular/core';
import { provideRouter } from '@angular/router';
import { routes } from './app.routes';
import {provideAnimations} from '@angular/platform-browser/animations';
import {provideHttpClient} from '@angular/common/http';
import {provideTranslateService} from '@ngx-translate/core';
import {provideTranslateHttpLoader} from '@ngx-translate/http-loader';
import {Constants} from './constants/Constants';
const INITIAL_LANG = getInitialLang();
export const appConfig: ApplicationConfig = {
providers: [
provideBrowserGlobalErrorListeners(),
provideZonelessChangeDetection(),
provideRouter(routes)
provideRouter(routes),
provideAnimations(),
provideHttpClient(),
provideTranslateService({
lang: INITIAL_LANG,
fallbackLang: 'en',
loader: provideTranslateHttpLoader({
prefix: 'assets/i18n/',
suffix: '.json'
})
}),
]
};
function getInitialLang(): string {
const saved = localStorage.getItem(Constants.LANGUAGE_KEY);
if (saved) return saved;
const nav = typeof navigator !== 'undefined' ? navigator.language?.toLowerCase() : 'en';
return nav?.startsWith('de') ? 'de' : 'en';
}