Implement dynamic language switching for demo page

176761a5 · Bekerle, Patrizio · Reiter, Christoph · f2d7369c · 176761a5 · c87402ca
Commit 176761a5 authored 5 years ago by Bekerle, Patrizio Committed by Reiter, Christoph 4 years ago
--- a/packages/knowledge-base-web-page-element-view/index.html
+++ b/packages/knowledge-base-web-page-element-view/index.html
@@ -8,7 +8,7 @@
 <body>
-<vpu-knowledge-base-web-page-element-view-demo></vpu-knowledge-base-web-page-element-view-demo>
+<vpu-knowledge-base-web-page-element-view-demo lang="de"></vpu-knowledge-base-web-page-element-view-demo>
 </body>
 </html>
--- a/auth @ c87402ca
+++ b/auth @ c87402ca
-Subproject commit 272ff0f99aee54bc9a27521d572fb1dd2b9a8b63
+Subproject commit c87402caad63e6e41359df67857fab394c9d6cd5
--- a/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view-demo.js
+++ b/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view-demo.js
@@ -14,12 +14,14 @@ class KnowledgeBaseWebPageElementViewDemo extends LitElement {
        };
    }
-    connectedCallback() {
+    update(changedProperties) {
-        super.connectedCallback();
+        changedProperties.forEach((oldValue, propName) => {
-        i18n.changeLanguage(this.lang);
+            if (propName === "lang") {
+                i18n.changeLanguage(this.lang);
-        this.updateComplete.then(()=>{
+            }
        });
+        super.update(changedProperties);
    }
    render() {
@@ -33,7 +35,7 @@ class KnowledgeBaseWebPageElementViewDemo extends LitElement {
                    <h1 class="title">KnowledgeBaseWebPageElementView-Demo</h1>
                </div>
                <div class="content">
-                    <vpu-auth lang="de" client-id="${utils.setting('keyCloakClientId')}" load-person force-login></vpu-auth>
+                    <vpu-auth lang="${this.lang}" client-id="${utils.setting('keyCloakClientId')}" load-person force-login></vpu-auth>
                </div>
                <div class="content">
                    <h2 class="subtitle">Deutsch</h2>