PGL/Clyde
PGL/Clyde
3
2
Fork 3
Code Issues 13 Pull Requests Actions Projects 3 Releases 2 Wiki Activity

Compare commits

base: PGL:8fdfb470cb3c130f0d0e3bde1adc9b7e4edb1981
Branches Tags
PGL:master
PGL:tonitch/fix/scrollIsue
PGL:tonitch/max/front/fix/vue
PGL:Schedule/master
PGL:wal/front/temp
PGL:JalonB
PGL:jalonA
..
compare: PGL:b7c97ead2b6ffaf2724d2b8e98d0d810478e343d
Branches Tags
PGL:master
PGL:tonitch/fix/scrollIsue
PGL:tonitch/max/front/fix/vue
PGL:Schedule/master
PGL:wal/front/temp
PGL:JalonB
PGL:jalonA

2 Commits
8fdfb470cb ... b7c97ead2b

Author SHA1 Message Date
Debucquoy Anthony
b7c97ead2b Merge pull request 'Reactive Translations' (#86) from tonitch/front/Reactive_Translations into master
All checks were successful
Build and test backend / Build-backend (push) Successful in 2m8s
Details
Build and test backend / Test-backend (push) Successful in 1m21s
Details
deploy to production / deploy-frontend (push) Successful in 25s
Details
deploy to production / deploy-backend (push) Successful in 2m19s
Details
Build and test FrontEnd / Build-frontend (push) Successful in 25s
Details 
Reviewed-on: #86
Reviewed-by: Maxime <231026@umons.ac.be>
Reviewed-by: Wal <karpinskiwal@gmail.com>
 2024-03-10 20:35:32 +01:00
Anthony Debucquoy
84fe1df671 Reactive Translations
All checks were successful
Build and test backend / Build-backend (pull_request) Successful in 1m59s
Details
Build and test backend / Test-backend (pull_request) Successful in 2m1s
Details
Build and test FrontEnd / Build-frontend (pull_request) Successful in 23s
Details 
Make Translated text reactive so that when switching lang, text is
reload on the fly

Fixes: #77
 2024-03-09 19:14:57 +01:00
1 changed files with 5 additions and 6 deletions
Show Stats Expand all files Collapse all files

11
frontend/src/i18n.js
View File

@ -10,9 +10,10 @@
*/ */
import { getCookie, setCookie } from './utils.js'; import { getCookie, setCookie } from './utils.js';
import { reactive } from 'vue';
const default_lang = "EN"; const default_lang = "EN";
let langs; const langs = reactive({});
/** /**
@ -27,8 +28,8 @@ let langs;
export default function i18n(key, options) { export default function i18n(key, options) {
let ret = langs[key]; let ret = langs[key];
if(options != null){ if(options != null){
for (let key in options) { for (let option in options) {
ret = ret.replaceAll("$" + key, options[key]); ret = ret.replaceAll("$" + option, options[option]);
} }
} }
return ret; return ret;
@ -47,14 +48,12 @@ export async function loadLangs(lang){
const content = await (await fetch(filename)).text(); const content = await (await fetch(filename)).text();
const lines = content.split("\n"); const lines = content.split("\n");
let filteredLines = {};
for (let line of lines) { for (let line of lines) {
if(!line.trim().startsWith("#") && line.trim() != ""){ if(!line.trim().startsWith("#") && line.trim() != ""){
let split = line.indexOf("=") let split = line.indexOf("=")
filteredLines[line.substr(0, split)] = line.substr(split+1, line.length); langs[line.substr(0, split)] = line.substr(split+1, line.length);
}; };
} }
langs = filteredLines;
} }
await loadLangs(); await loadLangs();