diff --git a/public/index.html b/public/index.html index 0a01250..262f536 100644 --- a/public/index.html +++ b/public/index.html @@ -35,7 +35,7 @@ - + Savic Suite Royale XL @@ -48,7 +48,7 @@ - + Savic Suite Royale 95 Double @@ -61,7 +61,7 @@ - + TIAKI Kleintierkäfig Étagère @@ -70,7 +70,7 @@ - Käfigmaße + Käfigmaße Breite (cm) @@ -125,7 +125,6 @@ - diff --git a/public/lang/de.json b/public/lang/de.json index 70f1d44..d775dce 100644 --- a/public/lang/de.json +++ b/public/lang/de.json @@ -13,5 +13,9 @@ "failed-floor-height": "Der Mindestabstand zwischen Ebenen muss {{ minimum_floor_height }}cm betragen.", "failed-num-rats": "Es müssen mindestens 3 Ratten zusammenleben, Paarhaltung ist nicht artgerecht.", "failed-minimum-length-long-side": "Die lange Seite des Käfig muss mindestens {{ minimum_length_long_side }}cm lang sein um Rennen zu ermöglichen.", - "failed-minimum-length-short-side": "Die kurze Seite des Käfig muss mindestens ${(MINIMUM_LENGTH_SHORT_SIDE * 100).toFixed(0)}cm lang sein." + "failed-minimum-length-short-side": "Die kurze Seite des Käfig muss mindestens {{ minimum_length_short_side }}cm lang sein.", + "alt-savic-xl": "Bild des Käfigs Savic Suite Royal XL, ein Drahtkäfig mit vier Türen die erlauben die gesamte Vorderseite zu öffnen. Auf halber Höhe ist eine weitere Vollebene.", + "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-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" } \ No newline at end of file diff --git a/public/lang/en.json b/public/lang/en.json index 4feb067..6ce84c4 100644 --- a/public/lang/en.json +++ b/public/lang/en.json @@ -13,5 +13,9 @@ "failed-floor-height": "The height between floors must be above {{ minimum_floor_height }}cm.", "failed-num-rats": "Rats must live in a group of at least three rats, pairs or lone rats are not species-appropriate.", "failed-minimum-length-long-side": "The long side of the cage must be at least {{ minimum_length_long_side }}cm long to enable running.", - "failed-minimum-length-short-side": "The short side of the cage must be at least {{ minimum_length_short_side }}cm." + "failed-minimum-length-short-side": "The short side of the cage must be at least {{ minimum_length_short_side }}cm.", + "alt-savic-xl": "A picture of a wire bar cage with four doors that allow to open the full front of the cage. In the middle of the cage is a additional full floor.", + "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-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" } \ No newline at end of file diff --git a/src/index.js b/src/index.js index 71a531b..fe0905f 100644 --- a/src/index.js +++ b/src/index.js @@ -25,6 +25,7 @@ async function initI18next() { } function translatePageElements() { + // Translate content inside a tag const translatableElements = document.querySelectorAll( "[data-i18n-key]", ); @@ -32,6 +33,16 @@ function translatePageElements() { const key = el.getAttribute("data-i18n-key"); el.innerHTML = i18next.t(key); }); + // Translate alt texts + const translatableAltTexts = document.querySelectorAll( + "[alt]", + ); + translatableAltTexts.forEach((el) => { + const translation_key = el.getAttribute("alt"); + console.log(el); + el.setAttribute("alt", i18next.t(translation_key)); + console.log(i18next.t(translation_key)); + }); }