From af7a53069a4ffb8f041b785d89fe0fcb9f4ca63d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anton=20Luka=20=C5=A0ijanec?= <sijanecantonluka@gmail.com>
Date: Thu, 5 Mar 2020 23:02:04 +0100
Subject: added i18n, converted HTML files, TODO: js UI responses, TODO:
 translations So basically, multilanguage support from an JavaScript object. -
 only slovenian and english - no change language UI yet - only HTML strings
 are actually translated   \- all text is translated, but javascript M.toast
 and other similar stuff does not pass trough s(), d(), S() and D() functions
 yet - how to i18n: 	- add a string to js/lang/bundle.js TO ALL LANGUAGES
 (translation mgmt sys will have to be created) 	- HTML: create
 <x-??></x-??> tags, where 1st ? tells wether to just output the string (s)
 without dot suffix or (d) to try and append a . (for sentences and
 paragraphs) if it is 		not there yet. second ? tells wether to leave
 lowercase strings (l) or (u) to force the first character of the string be
 uppercase (capitalize()). 		-	put the key of your string as
 the innerHTML of the x-?? element.   - JS: S("key") and D("key") return
 capitalized, s() and d() do not change case.

---
 login.html | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

(limited to 'login.html')

diff --git a/login.html b/login.html
index 576506d..840856d 100644
--- a/login.html
+++ b/login.html
@@ -20,6 +20,7 @@
 
     <link rel="manifest" href="/manifest.json">
     <script src="/js/app.js"></script>
+    <script src="/js/lang/bundle.js"></script>
     <link rel="shortcut icon" type="image/png" href="/favicon.png" />
 
     <!-- iOS support -->
@@ -40,22 +41,22 @@
             <div class="row">
                 <div class="input-field col s12">
                     <input id="username" type="text" class="validate">
-                    <label for="username">GimSIS username</label>
+                    <label for="username">GimSIS <x-sl>username</x-sl></label>
                 </div>
             </div>
             <div class="row">
                 <div class="input-field col s12">
                     <input autocomplete="new-password" id="password" type="password" class="validate">
-                    <label for="password">Password</label>
+                    <label for="password"><x-su>password</x-su></label>
                 </div>
             </div>
             <div class="row">
-                <button id="login-button" class="btn waves-effect waves-light">Sign in</button>
+                <button id="login-button" class="btn waves-effect waves-light"><x-sl>signIn</x-sl></button>
             </div>
             <div class="row">
-                <p class="grey-text text-darken-2">By signing in, you agree to the <a href="/pages/tos.html">terms and
-                        conditions</a>
-                    and the <a href="/pages/privacypolicy.html">privacy policy</a>.</p>
+                <p class="grey-text text-darken-2"><x-su>bySigningInYouAgreeTo</x-su> <a href="/pages/tos.html"><x-sl>theToS</x-sl></a> <x-sl>and</x-sl>
+									<a href="/pages/privacypolicy.html"><x-dl>thePrivacyPolicy</x-dl></a>
+								</p>
             </div>
         </div>
     </div>
-- 
cgit v1.2.3