From 62f7b6817dc4564690db9c3cf6941976812d67a6 Mon Sep 17 00:00:00 2001
From: Kamesuta <kamesuta@gmail.com>
Date: Thu, 31 Aug 2023 00:50:29 +0900
Subject: [PATCH] i18n for login.ejs

---
 app/assets/lang/en_US.json | 17 +++++++++++++++++
 app/login.ejs              | 26 +++++++++++++-------------
 2 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/app/assets/lang/en_US.json b/app/assets/lang/en_US.json
index c6025f31..a794cb76 100644
--- a/app/assets/lang/en_US.json
+++ b/app/assets/lang/en_US.json
@@ -33,6 +33,23 @@
             "newsErrorFailedSpan": "Failed to Load News",
             "newsErrorRetryButton": "Try Again",
             "newsErrorNoneSpan": "No News"
+        },
+        "login": {
+            "loginCancelIcon": "X",
+            "loginCancelText": "Cancel",
+            "loginSubheader": "MINECRAFT LOGIN",
+            "loginEmailError": "* Invalid Value",
+            "loginEmailPlaceholder": "EMAIL OR USERNAME",
+            "loginPasswordError": "* Required",
+            "loginPasswordPlaceholder": "PASSWORD",
+            "loginForgotPasswordLink": "https://minecraft.net/password/forgot/",
+            "loginForgotPasswordText": "forgot password?",
+            "loginRememberMeText": "remember me?",
+            "loginButtonText": "LOGIN",
+            "loginNeedAccountLink": "https://minecraft.net/store/minecraft-java-edition/",
+            "loginNeedAccountText": "Need an Account?",
+            "loginPasswordDisclaimer1": "Your password is sent directly to mojang and never stored.",
+            "loginPasswordDisclaimer2": "Helios Launcher is not affiliated with Mojang AB."
         }
     },
     "js": {
diff --git a/app/login.ejs b/app/login.ejs
index 7ecc4a6c..0d5b3e0d 100644
--- a/app/login.ejs
+++ b/app/login.ejs
@@ -1,22 +1,22 @@
 <div id="loginContainer" style="display: none;">
     <div id="loginCancelContainer" style="display: none;">
         <button id="loginCancelButton">
-            <div id="loginCancelIcon">X</div>
-            <span id="loginCancelText">Cancel</span>
+            <div id="loginCancelIcon"><%- lang('login.loginCancelIcon') %></div>
+            <span id="loginCancelText"><%- lang('login.loginCancelText') %></span>
         </button>
     </div>
     <div id="loginContent">
         <form id="loginForm">
             <img id="loginImageSeal" src="assets/images/SealCircle.png"/>
-            <span id="loginSubheader">MINECRAFT LOGIN</span>
+            <span id="loginSubheader"><%- lang('login.loginSubheader') %></span>
             <div class="loginFieldContainer">
                 <svg id="profileSVG" class="loginSVG" viewBox="40 37 65.36 61.43">
                     <g>
                         <path d="M86.77,58.12A13.79,13.79,0,1,0,73,71.91,13.79,13.79,0,0,0,86.77,58.12M97,103.67a3.41,3.41,0,0,0,3.39-3.84,27.57,27.57,0,0,0-54.61,0,3.41,3.41,0,0,0,3.39,3.84Z"/>
                     </g>
                 </svg>
-                <span class="loginErrorSpan" id="loginEmailError">* Invalid Value</span>
-                <input id="loginUsername" class="loginField" type="text" placeholder="EMAIL OR USERNAME"/>
+                <span class="loginErrorSpan" id="loginEmailError"><%- lang('login.loginEmailError') %></span>
+                <input id="loginUsername" class="loginField" type="text" placeholder="<%- lang('login.loginEmailPlaceholder') %>"/>
             </div>
             <div class="loginFieldContainer">
                 <svg id="lockSVG" class="loginSVG" viewBox="40 32 60.36 70.43">
@@ -24,22 +24,22 @@
                         <path d="M86.16,54a16.38,16.38,0,1,0-32,0H44V102.7H96V54Zm-25.9-3.39a9.89,9.89,0,1,1,19.77,0A9.78,9.78,0,0,1,79.39,54H60.89A9.78,9.78,0,0,1,60.26,50.59ZM70,96.2a6.5,6.5,0,0,1-6.5-6.5,6.39,6.39,0,0,1,3.1-5.4V67h6.5V84.11a6.42,6.42,0,0,1,3.39,5.6A6.5,6.5,0,0,1,70,96.2Z"/>
                     </g>
                 </svg>
-                <span class="loginErrorSpan" id="loginPasswordError">* Required</span>
-                <input id="loginPassword" class="loginField" type="password" placeholder="PASSWORD"/>
+                <span class="loginErrorSpan" id="loginPasswordError"><%- lang('login.loginPasswordError') %></span>
+                <input id="loginPassword" class="loginField" type="password" placeholder="<%- lang('login.loginPasswordPlaceholder') %>"/>
             </div>
             <div id="loginOptions">
                 <span class="loginSpanDim">
-                    <a href="https://minecraft.net/password/forgot/">forgot password?</a>
+                    <a href="<%- lang('login.loginForgotPasswordLink') %>"><%- lang('login.loginForgotPasswordText') %></a>
                 </span>
                 <label id="checkmarkContainer">
                     <input id="loginRememberOption" type="checkbox" checked>
-                    <span id="loginRememberText" class="loginSpanDim">remember me?</span>
+                    <span id="loginRememberText" class="loginSpanDim"><%- lang('login.loginRememberMeText') %></span>
                     <span class="loginCheckmark"></span>
                 </label>
             </div>
             <button id="loginButton" disabled>
                 <div id="loginButtonContent">
-                    LOGIN
+                    <%- lang('login.loginButtonText') %>
                     <svg id="loginSVG" viewBox="0 0 24.87 13.97">
                         <defs>
                             <style>.arrowLine{fill:none;stroke:#FFF;stroke-width:2px;transition: 0.25s ease;}</style>
@@ -54,10 +54,10 @@
             </button>
             <div id="loginDisclaimer">
                 <span class="loginSpanDim" id="loginRegisterSpan">
-                    <a href="https://minecraft.net/store/minecraft-java-edition/">Need an Account?</a>
+                    <a href="<%- lang('login.loginNeedAccountLink') %>"><%- lang('login.loginNeedAccountText') %></a>
                 </span>
-                <p class="loginDisclaimerText">Your password is sent directly to mojang and never stored.</p>
-                <p class="loginDisclaimerText">Helios Launcher is not affiliated with Mojang AB.</p>
+                <p class="loginDisclaimerText"><%- lang('login.loginPasswordDisclaimer1') %></p>
+                <p class="loginDisclaimerText"><%- lang('login.loginPasswordDisclaimer2') %></p>
             </div>
         </form>
     </div>