Language permanence using localStorage

src/app/services/lang.service.ts

@@ -9,6 +9,7 @@ import { TranslateService } from '@ngx-translate/core';
 export class LangService {
   setLangToken(value: string) {
     this.translate.use(value);
+    localStorage.setItem('lang', value);
   }
 
   getTranslateService(): TranslateService {
@@ -19,7 +20,8 @@ export class LangService {
     translate.addLangs(['en', 'fr', 'de', 'it']);
     translate.setDefaultLang('en');
 
-    const browserLang = translate.getBrowserLang();
+    const storedLang = localStorage.getItem('lang');
+    const browserLang = storedLang === null ? translate.getBrowserLang() : storedLang;
     translate.use(browserLang.match(/en|fr|de|it/) ? browserLang : 'en');
   }
 }

src/assets/i18n/de.json

 {
     "NAV": {
-        "GETMEAWAY": "VERLASSEN !",
-        "GETTINGSTARTED": "Anfangen",
-        "MAPS": "Karten",
+        "GETMEAWAY": "AUSGANG!",
+        "GETTINGSTARTED": "Fang an",
+        "MAPS": "Karte",
         "COMMUNITY": "Gemeinschaft",
         "PROFESSIONALCONTACTS": "Professionelle Kontakte",
         "PREVENTIVEMEASURES": "Vorsichtsma\u00dfnahmen",
-        "LANG": "Sprache"
+        "LANG": "Sprache",
+        "LOGIN": "Einloggen",
+        "SIGNIN": "Sich anmelden"
+    },
+    "SIGNIN": {
+        "TITLE": "Anmeldung",
+        "NAME": "Gebe deinen Namen ein",
+        "NAME_PLACEHOLDER": "Kompletter Name",
+        "USERNAME": "W\u00e4hle einen Benutzernamen",
+        "USERNAME_PLACEHOLDER": "Benutzername",
+        "PASSWORD": "Passwort eingeben",
+        "PASSWORD_PLACEHOLDER": "Passwort",
+        "YOUARE": "Sie sind",
+        "AREVICTIM": "Ein Opfer von Gewalt",
+        "PROFESSIONAL": "Eine Fachperson oder ein Experte in dem Feld",
+        "VERIFY": "\u00dcberpr\u00fcfen"
+    },
+    "MAP": {
+        "DESCRIPTION": "Beschreibung der Karte"
     }
 }
\ No newline at end of file

src/assets/i18n/en.json

@@ -7,7 +7,23 @@
         "PROFESSIONALCONTACTS": "Professional Contacts",
         "PREVENTIVEMEASURES": "Preventive Measures",
         "LANG": "Language",
-        "LOGIN": "Log in",
-        "SIGNIN": "Sign in"
+        "LOGIN": "Log In",
+        "SIGNIN": "Sign In"
+    },
+    "SIGNIN": {
+        "TITLE": "Sign up",
+        "NAME": "Enter your full name",
+        "NAME_PLACEHOLDER": "Full Name",
+        "USERNAME": "Choose a username",
+        "USERNAME_PLACEHOLDER": "Username",
+        "PASSWORD": "Choose a password",
+        "PASSWORD_PLACEHOLDER": "Password",
+        "YOUARE": "You are",
+        "AREVICTIM": "A victim of abuse",
+        "PROFESSIONAL": "A professional or expert in this area",
+        "VERIFY": "After submitting, the information you have provided will be verified during the next 48 hours"
+    },
+    "MAP": {
+        "DESCRIPTION": "Value missing"
     }
-}
\ No newline at end of file
+}

src/assets/i18n/fr.json

@@ -6,6 +6,24 @@
         "COMMUNITY": "Communaut\u00e9",
         "PROFESSIONALCONTACTS": "Contacts Professionnels",
         "PREVENTIVEMEASURES": "Mesures Pr\u00e9ventives",
-        "LANG": "Langue"
+        "LANG": "Langue",
+        "LOGIN": "Se Connecter",
+        "SIGNIN": "S'enregistrer"
+    },
+    "SIGNIN": {
+        "TITLE": "Enregistrement",
+        "NAME": "Entrez votre nom complet",
+        "NAME_PLACEHOLDER": "Nom Complet",
+        "USERNAME": "Choisir un nom d'utilisateur",
+        "USERNAME_PLACEHOLDER": "Nom d'utilisateur",
+        "PASSWORD": "Choisir un mot de passe",
+        "PASSWORD_PLACEHOLDER": "Mot de passe",
+        "YOUARE": "Vous \u00eates",
+        "AREVICTIM": "Une victime d'abus",
+        "PROFESSIONAL": "Un professionnel ou un expert du milieu",
+        "VERIFY": "Apr\u00e8s la soumission, l'informaiton sera v\u00e9rifi\u00e9e dans les 48 prochaines heures"
+    },
+    "MAP": {
+        "DESCRIPTION": "Value missing"
     }
 }
\ No newline at end of file

src/assets/i18n/it.json

 {
     "NAV": {
-        "GETMEAWAY": "Value missing",
-        "GETTINGSTARTED": "Value missing",
-        "MAPS": "Value missing",
-        "COMMUNITY": "Value missing",
-        "PROFESSIONALCONTACTS": "Value missing",
-        "PREVENTIVEMEASURES": "Value missing",
-        "LANG": "Value missing"
+        "GETMEAWAY": "USCITA!",
+        "GETTINGSTARTED": "Inizio",
+        "MAPS": "Mappa",
+        "COMMUNITY": "Comunit\u00e0",
+        "PROFESSIONALCONTACTS": "Contatti Professionali",
+        "PREVENTIVEMEASURES": "Misure di Prevenzione",
+        "LANG": "Lingua",
+        "LOGIN": "Per Connetterti",
+        "SIGNIN": "Per registrarti"
+    },
+    "SIGNIN": {
+        "TITLE": "Registrazione",
+        "NAME": "Scrivi il tuo nome e cognome",
+        "NAME_PLACEHOLDER": "Nome e Cognome",
+        "USERNAME": "Scegli il tuo User name",
+        "USERNAME_PLACEHOLDER": "Inserisci la tua password",
+        "PASSWORD": "scegli la tua password",
+        "PASSWORD_PLACEHOLDER": "Password",
+        "YOUARE": "Tu Sei",
+        "AREVICTIM": "Vittima di un abuso",
+        "PROFESSIONAL": "Un professionista o un esperto nel settore",
+        "VERIFY": "Verifica"
+    },
+    "MAP": {
+        "DESCRIPTION": "Descrizione della mappa"
     }
 }
\ No newline at end of file