Translate Welcome Page

2 years ago · 45909e5c55
7 changed files with 113 additions and 16 deletions
--- a/qortal-ui-core/language/cn.json
+++ b/qortal-ui-core/language/cn.json
@ -411,5 +411,16 @@
    "cchange19": "Invalid Name / Address, Check the name / address and retry...",
    "cchange20": "Message Sent Successfully!",
    "cchange21": "Sending failed, Please retry..."
+  },
+  "welcomepage": {
+    "wcchange1": "Welcome to Q-Chat",
+    "wcchange2": "New Private Message",
+    "wcchange3": "Type the name or address of who you want to chat with to send a private message!",
+    "wcchange4": "Name / Address",
+    "wcchange5": "Message...",
+    "wcchange6": "Send",
+    "wcchange7": "Invalid Name / Address, Check the name / address and retry...",
+    "wcchange8": "Message Sent Successfully!",
+    "wcchange9": "Sending failed, Please retry..."
  }
 }
--- a/qortal-ui-core/language/de.json
+++ b/qortal-ui-core/language/de.json
@ -411,5 +411,16 @@
    "cchange19": "Ungültiger Name / Adresse, überprüfen Sie den Namen / die Adresse und versuchen Sie es erneut...",
    "cchange20": "Nachricht erfolgreich gesendet!",
    "cchange21": "Senden fehlgeschlagen, bitte erneut versuchen..."
+  },
+  "welcomepage": {
+    "wcchange1": "Willkommen zu Q-Chat",
+    "wcchange2": "Neue private Nachricht",
+    "wcchange3": "Geben Sie den Namen oder die Adresse der Person ein, mit der Sie chatten möchten, um eine private Nachricht zu senden!",
+    "wcchange4": "Name / Adresse",
+    "wcchange5": "Nachricht...",
+    "wcchange6": "Senden",
+    "wcchange7": "Ungültiger Name / Adresse, überprüfen Sie den Namen / die Adresse und versuchen Sie es erneut...",
+    "wcchange8": "Nachricht erfolgreich gesendet!",
+    "wcchange9": "Senden fehlgeschlagen, bitte erneut versuchen..."
  }
 }
--- a/qortal-ui-core/language/fr.json
+++ b/qortal-ui-core/language/fr.json
@ -411,5 +411,16 @@
    "cchange19": "Invalid Name / Address, Check the name / address and retry...",
    "cchange20": "Message Sent Successfully!",
    "cchange21": "Sending failed, Please retry..."
+  },
+  "welcomepage": {
+    "wcchange1": "Welcome to Q-Chat",
+    "wcchange2": "New Private Message",
+    "wcchange3": "Type the name or address of who you want to chat with to send a private message!",
+    "wcchange4": "Name / Address",
+    "wcchange5": "Message...",
+    "wcchange6": "Send",
+    "wcchange7": "Invalid Name / Address, Check the name / address and retry...",
+    "wcchange8": "Message Sent Successfully!",
+    "wcchange9": "Sending failed, Please retry..."
  }
 }
--- a/qortal-ui-core/language/pl.json
+++ b/qortal-ui-core/language/pl.json
@ -411,5 +411,16 @@
    "cchange19": "Invalid Name / Address, Check the name / address and retry...",
    "cchange20": "Message Sent Successfully!",
    "cchange21": "Sending failed, Please retry..."
+  },
+  "welcomepage": {
+    "wcchange1": "Welcome to Q-Chat",
+    "wcchange2": "New Private Message",
+    "wcchange3": "Type the name or address of who you want to chat with to send a private message!",
+    "wcchange4": "Name / Address",
+    "wcchange5": "Message...",
+    "wcchange6": "Send",
+    "wcchange7": "Invalid Name / Address, Check the name / address and retry...",
+    "wcchange8": "Message Sent Successfully!",
+    "wcchange9": "Sending failed, Please retry..."
  }
 }
--- a/qortal-ui-core/language/sp.json
+++ b/qortal-ui-core/language/sp.json
@ -411,5 +411,16 @@
    "cchange19": "Invalid Name / Address, Check the name / address and retry...",
    "cchange20": "Message Sent Successfully!",
    "cchange21": "Sending failed, Please retry..."
+  },
+  "welcomepage": {
+    "wcchange1": "Welcome to Q-Chat",
+    "wcchange2": "New Private Message",
+    "wcchange3": "Type the name or address of who you want to chat with to send a private message!",
+    "wcchange4": "Name / Address",
+    "wcchange5": "Message...",
+    "wcchange6": "Send",
+    "wcchange7": "Invalid Name / Address, Check the name / address and retry...",
+    "wcchange8": "Message Sent Successfully!",
+    "wcchange9": "Sending failed, Please retry..."
  }
 }
--- a/qortal-ui-core/language/us.json
+++ b/qortal-ui-core/language/us.json
@ -411,5 +411,16 @@
    "cchange19": "Invalid Name / Address, Check the name / address and retry...",
    "cchange20": "Message Sent Successfully!",
    "cchange21": "Sending failed, Please retry..."
+  },
+  "welcomepage": {
+    "wcchange1": "Welcome to Q-Chat",
+    "wcchange2": "New Private Message",
+    "wcchange3": "Type the name or address of who you want to chat with to send a private message!",
+    "wcchange4": "Name / Address",
+    "wcchange5": "Message...",
+    "wcchange6": "Send",
+    "wcchange7": "Invalid Name / Address, Check the name / address and retry...",
+    "wcchange8": "Message Sent Successfully!",
+    "wcchange9": "Sending failed, Please retry..."
  }
 }
--- a/qortal-ui-plugins/plugins/core/components/ChatWelcomePage.js
+++ b/qortal-ui-plugins/plugins/core/components/ChatWelcomePage.js
@ -1,6 +1,11 @@
 import { LitElement, html, css } from 'lit'
 import { render } from 'lit/html.js'
 import { Epml } from '../../../epml.js'
+import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate'
+
+registerTranslateConfig({
+  loader: lang => fetch(`/language/${lang}.json`).then(res => res.json())
+})

 import '@material/mwc-icon'
 import '@material/mwc-button'
@ -200,38 +205,39 @@ class ChatWelcomePage extends LitElement {
        return html`
            <div>
                <div>
-                    <span class="welcome-title">Welcome to Q-Chat</span>
+                    <span class="welcome-title">${translate("welcomepage.wcchange1")}</span>
                    <hr style="color: #eee; border-radius: 80%; margin-bottom: 2rem;">
                </div>
                <div class="sub-main">
                    <div class="center-box">
                        <mwc-icon class="img-icon">chat</mwc-icon><br>
                        <span style="font-size: 20px; color: var(--black);">${this.myAddress.address}</span>
-                        <div class="start-chat" @click=${() => this.shadowRoot.querySelector('#startSecondChatDialog').show()}>New Private Message</div>
+                        <div class="start-chat" @click=${() => this.shadowRoot.querySelector('#startSecondChatDialog').show()}>${translate("welcomepage.wcchange2")}</div>
                    </div>
                </div>

                <!-- Start Chatting Dialog -->
                <mwc-dialog id="startSecondChatDialog" scrimClickAction="${this.isLoading ? '' : 'close'}">
                    <div style="text-align:center">
-                        <h1>New Private Message</h1>
+                        <h1>${translate("welcomepage.wcchange2")}</h1>
                        <hr>
                    </div>

-                    <p>Type the name or address of who you want to chat with to send a private message!</p>
+                    <p>${translate("welcomepage.wcchange3")}</p>
                    
-                    <textarea class="input" ?disabled=${this.isLoading} id="sendTo" placeholder="Name / Address" rows="1"></textarea>
+                    <textarea class="input" ?disabled=${this.isLoading} id="sendTo" placeholder="${translate("welcomepage.wcchange4")}" rows="1"></textarea>
                    <p style="margin-bottom:0;">
-                        <textarea class="textarea" @keydown=${(e) => this._textArea(e)} ?disabled=${this.isLoading} id="messageBox" placeholder="Message..." rows="1"></textarea>
+                        <textarea class="textarea" @keydown=${(e) => this._textArea(e)} ?disabled=${this.isLoading} id="messageBox" placeholder="${translate("welcomepage.wcchange5")}" rows="1"></textarea>
                    </p>
                    
-                    <mwc-button ?disabled="${this.isLoading}" slot="primaryAction" @click=${this._sendMessage}>Send</mwc-button>
+                    <mwc-button ?disabled="${this.isLoading}" slot="primaryAction" @click=${this._sendMessage}>${translate("welcomepage.wcchange6")}</mwc-button>
                    <mwc-button
                        ?disabled="${this.isLoading}"
                        slot="secondaryAction"
                        dialogAction="cancel"
-                        class="red">
-                        Close
+                        class="red"
+                    >
+                    ${translate("general.close")}
                    </mwc-button>
                </mwc-dialog>
            </div>
@ -241,10 +247,7 @@ class ChatWelcomePage extends LitElement {
    firstUpdated() {

        this.changeTheme()
-
-	setInterval(() => {
-	    this.changeTheme();
-	}, 100)
+        this.changeLanguage()

        const stopKeyEventPropagation = (e) => {
            e.stopPropagation();
@ -263,6 +266,20 @@ class ChatWelcomePage extends LitElement {
            }
        }

+        window.addEventListener('storage', () => {
+            const checkLanguage = localStorage.getItem('qortalLanguage')
+            const checkTheme = localStorage.getItem('qortalTheme')
+
+            use(checkLanguage)
+
+            if (checkTheme === 'dark') {
+                this.theme = 'dark'
+            } else {
+                this.theme = 'light'
+            }
+            document.querySelector('html').setAttribute('theme', this.theme)
+        })
+
        let configLoaded = false

        parentEpml.ready().then(() => {
@ -292,6 +309,17 @@ class ChatWelcomePage extends LitElement {
        document.querySelector('html').setAttribute('theme', this.theme);
    }

+    changeLanguage() {
+        const checkLanguage = localStorage.getItem('qortalLanguage')
+
+        if (checkLanguage === null || checkLanguage.length === 0) {
+            localStorage.setItem('qortalLanguage', 'us')
+            use('us')
+        } else {
+            use(checkLanguage)
+        }
+    }
+
    _sendMessage() {
        this.isLoading = true

@ -361,7 +389,8 @@ class ChatWelcomePage extends LitElement {
            if (addressPublicKey.error === 102) {
                _publicKey = false
                // Do something here...
-                parentEpml.request('showSnackBar', "Invalid Name / Address, Check the name / address and retry...")
+                let err1string = get("welcomepage.wcchange7")
+                parentEpml.request('showSnackBar', `${err1string}`)
                this.isLoading = false
            } else if (addressPublicKey !== false) {
                isEncrypted = 1
@ -423,13 +452,15 @@ class ChatWelcomePage extends LitElement {

            if (response === true) {
                messageBox.value = ""
-                parentEpml.request('showSnackBar', "Message Sent Successfully!")
+                let err2string = get("welcomepage.wcchange8")
+                parentEpml.request('showSnackBar', `${err2string}`)
                this.isLoading = false
            } else if (response.error) {
                parentEpml.request('showSnackBar', response.message)
                this.isLoading = false
            } else {
-                parentEpml.request('showSnackBar', "Sending failed, Please retry...")
+                let err3string = get("welcomepage.wcchange9")
+                parentEpml.request('showSnackBar', `${err3string}`)
                this.isLoading = false
            }