From 4d41748201a89ca5a5bfbfa0a90a58f7fa793135 Mon Sep 17 00:00:00 2001
From: Manuel Kocher <manuel.kocher@tugraz.at>
Date: Tue, 17 May 2022 09:41:56 +0200
Subject: [PATCH] Add interpolation support to translation component
---
packages/common/src/translation.js | 11 ++++++++---
1 file changed, 8 insertions(+), 3 deletions(-)
diff --git a/packages/common/src/translation.js b/packages/common/src/translation.js
index 034978f3..fe003e65 100644
--- a/packages/common/src/translation.js
+++ b/packages/common/src/translation.js
@@ -9,6 +9,7 @@ export class Translation extends DBPLitElement {
this.key = '';
this.lang = '';
this.langFile = '';
+ this.interpolation = '';
}
static get properties() {
@@ -17,6 +18,7 @@ export class Translation extends DBPLitElement {
key: {type: String},
lang: {type: String},
langFile: {type: String, attribute: 'lang-file'},
+ interpolation: {type: Object, attribute: 'var'},
};
}
@@ -39,7 +41,6 @@ export class Translation extends DBPLitElement {
changedProperties.forEach((oldValue, propName) => {
switch (propName) {
case 'lang':
-
this._i18n.then(function(response) {
response.changeLanguage(lang);
});
@@ -53,13 +54,17 @@ export class Translation extends DBPLitElement {
render() {
// save global key in local variable for async use
let key = this.key;
+ let interpolation = this.interpolation;
// async request to i18n translation
const translation = this._i18n.then(function(response){
- return response.t(key);
+ if (interpolation)
+ return response.t(key, interpolation);
+ else
+ return response.t(key);
});
- // load translation text when available, otherweise display "Loading.."
+ // load translation text when available, otherwise display "Loading.."
return html`
${until(translation, html`<span>Loading..</span>`)}
`;
--
GitLab