tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

auto set lang from local storage service

Browse Source
This commit is contained in:
Tykayn 2022-02-03 11:16:28 +01:00 committed by tykayn
parent 2956ef0167
commit d181578893
4 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/cadrage/i18n.md
View File

@ -1,4 +1,5 @@
# Internationalisation - i18n
## Dans les templates HTML
Toutes les chaînes de texte doivent être disponible en minimum deux langues: Français et Anglais.
Pour l'ajout de nouvelles traductions voir [la documentations des traductions.md](../traductions.md)
@ -15,4 +16,5 @@ Faites en sorte de réutiliser au maximum les phrases identiques.
## Traduction de la documentation mkdocs
voir ici https://www.mkdocs.org/user-guide/configuration/#lang
Pour traduire cette documentation (les fichiers markdwon dans le dossier /docs/) qui génère un mini site avec mkdocs avec la commande de build, il faut faire des fichiers avec un nom de langue tels que index.fr.md et index.en.md.
Plus d'infos: https://www.mkdocs.org/user-guide/configuration/#lang

5
src/app/app.module.ts
View File

@ -34,9 +34,10 @@ import { AdministrationModule } from './features/administration/administration.m
import localeEn from '@angular/common/locales/en';
import localeFr from '@angular/common/locales/fr';
import localeEs from '@angular/common/locales/es';
// code for locale are listed by the ISO-639
registerLocaleData(localeFr, 'fr-FR');
registerLocaleData(localeEn, 'en-EN');
registerLocaleData(localeEs, 'es-ES');
registerLocaleData(localeEs, 'ca-ES');
export class MyMissingTranslationHandler implements MissingTranslationHandler {
public handle(params: MissingTranslationHandlerParams): string {
@ -45,7 +46,7 @@ export class MyMissingTranslationHandler implements MissingTranslationHandler {
}
export function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader {
return new TranslateHttpLoader(http);
return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}
@NgModule({

1
src/app/shared/components/selectors/language-selector/language-selector.component.html
View File

@ -17,6 +17,7 @@
</span>
</button>
</label>
({{ availableLanguages.length }} availableLanguages)
<select class="is-hidden" id="lang_selector" (change)="setLang()" [(ngModel)]="currentLang">
<option *ngFor="let language of availableLanguages" value="{{ language }}">
<!-- {{ language }} - -->

7
src/app/shared/components/selectors/language-selector/language-selector.component.ts
View File

@ -11,7 +11,7 @@ import { StorageService } from '../../../../core/services/storage.service';
})
export class LanguageSelectorComponent implements OnInit {
public currentLang: Language;
public availableLanguages: any = [];
public availableLanguages: any = ['FR', 'EN', 'ES'];
language: string;
constructor(private languageService: LanguageService, private storageService: StorageService) {}
@ -19,11 +19,16 @@ export class LanguageSelectorComponent implements OnInit {
ngOnInit(): void {
this.availableLanguages = this.languageService.getAvailableLanguages();
console.log('this.availableLanguages', this.availableLanguages);
this.currentLang = this.languageService.getLangage();
if (this.storageService.language && this.availableLanguages.indexOf(this.storageService.language) !== -1) {
this.languageService.setLanguage(this.storageService.language);
}
}
setLang(): void {
this.languageService.setLanguage(this.currentLang);
this.storageService.language = this.currentLang;
}
nextLang(): void {