moanos/RattenheimRechner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

trans: fix various translation issues in active components

Browse Source
This commit is contained in:
moanos [he/him] 2024-07-31 19:38:59 +02:00
parent 128ef795d8
commit eab39d0d79
4 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -116,7 +116,7 @@
<div class="input-element"> <div class="input-element">
<div class="slidecontainer"> <div class="slidecontainer">
<label for="numRats" id="labelNumRats" data-i18n-key="number-of-rats">Anzahl an Ratten ?</label> <label for="numRats" id="labelNumRats"></label>
<input type="range" min="3" max="15" value="4" class="slider" id="numRats"> <input type="range" min="3" max="15" value="4" class="slider" id="numRats">
</div> </div>
</div> </div>

3
public/lang/de.json
View File

@ -18,5 +18,6 @@
"alt-savic-95-double": "Bild eines dekorierten Käfigs, des Savic Suite Royale 95 Double. Auf insgesamt vie Vollebenen sind Holz- und Papphäusschen, Hängematten, Futterschalen und mehr.", "alt-savic-95-double": "Bild eines dekorierten Käfigs, des Savic Suite Royale 95 Double. Auf insgesamt vie Vollebenen sind Holz- und Papphäusschen, Hängematten, Futterschalen und mehr.",
"alt-tiaki": "Bild des Tiaki-Käfigs, ein Drahtkäfig mit vier Türen die erlauben die gesamte Vorderseite zu öffnen. Auf halber Höhe ist eine weitere Vollebene.", "alt-tiaki": "Bild des Tiaki-Käfigs, ein Drahtkäfig mit vier Türen die erlauben die gesamte Vorderseite zu öffnen. Auf halber Höhe ist eine weitere Vollebene.",
"cage-measurements": "Käfigmaße", "cage-measurements": "Käfigmaße",
"cage-complies-with-all-criteria": "Der Käfig erfüllt alle Kriterien!" "cage-complies-with-all-criteria": "Der Käfig erfüllt alle Kriterien!",
"cage-for-x-rats": "Käfig für {{ num_rats }} Ratten"
} }

3
public/lang/en.json
View File

@ -18,5 +18,6 @@
"alt-savic-95-double": "A picture of a decorated wire bar cage with four doors that allow to open the full front of the cage. Inside there are hammocks, toys and four full floors with lots of hides", "alt-savic-95-double": "A picture of a decorated wire bar cage with four doors that allow to open the full front of the cage. Inside there are hammocks, toys and four full floors with lots of hides",
"alt-tiaki": "A picture of a decorated wire bar cage with four doors that allow to open the full front of the cage.", "alt-tiaki": "A picture of a decorated wire bar cage with four doors that allow to open the full front of the cage.",
"cage-measurements": "Cage measurements", "cage-measurements": "Cage measurements",
"cage-complies-with-all-criteria": "This cage complies with all criteria!" "cage-complies-with-all-criteria": "This cage complies with all criteria!",
"cage-for-x-rats": "Cage for {{ num_rats }} rats"
} }

8
src/index.js
View File

@ -52,7 +52,8 @@ function bindLocaleSwitcher(initialValue) {
switcher.onchange = (e) => { switcher.onchange = (e) => {
i18next i18next
.changeLanguage(e.target.value) .changeLanguage(e.target.value)
.then(translatePageElements); .then(translatePageElements)
.then(update);
}; };
} }
@ -229,10 +230,7 @@ var labelNumRats = document.getElementById("labelNumRats");
var ratSlider = document.getElementById("numRats"); var ratSlider = document.getElementById("numRats");
labelNumRats.innerHTML = `Anzahl an Ratten: ` + ratSlider.value;
ratSlider.oninput = function () { ratSlider.oninput = function () {
labelNumRats.innerHTML = `Anzahl an Ratten: ` + this.value;
update(); update();
} }
@ -274,6 +272,8 @@ function updateViaManualMeasurements() {
} }
function update() { function update() {
labelNumRats.innerHTML = i18next.t("cage-for-x-rats", {"num_rats": ratSlider.value});
const width = inputWidth.value const width = inputWidth.value
const depth = inputDepth.value const depth = inputDepth.value
const height = inputHeight.value const height = inputHeight.value