the init checkin of the interface skeleton of the simulator. with full functional l10n support.

js/l10n.js

@@ -0,0 +1,101 @@
+/**
+ *   Copyright 2020 wixette@gmail.com
+ *
+ *   Licensed under the Apache License, Version 2.0 (the "License");
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ *
+ * @fileoverview Localization utilities and message translations.
+ */
+
+/**
+ * Simple namespace.
+ * @type {Object}
+ */
+l10n = {};
+
+/**
+ * Pre-defined locales.
+ * @type {Array<string>}
+ */
+l10n.LOCALES = [
+    'en',
+    'zh',
+];
+
+/**
+ * Localized messages.
+ */
+l10n.MESSAGES = {
+    'title': {
+        'en': 'Sim-8800: Altair 8800 Simulator',
+        'zh': 'Sim-8800: Altair 8800 模拟器',
+    },
+
+    'header-title': {
+        'en': 'Sim-8800: Altair 8800 Simulator',
+        'zh': 'Sim-8800: Altair 8800 模拟器',
+    },
+
+    'simulator': {
+        'en': 'Simulator',
+        'zh': '模拟器',
+    },
+
+    'debug': {
+        'en': 'Debug',
+        'zh': '调试',
+    },
+
+    'code': {
+        'en': 'Code',
+        'zh': '源码',
+    },
+
+    'switchboard': {
+        'en': 'Soft Switch Board',
+        'zh': '辅助开关面板',
+    },
+};
+
+/**
+ * Current locale index.
+ * @type {number}
+ */
+l10n.current = 0;
+
+/**
+ * Switches to the next locale.
+ */
+l10n.nextLocale = function() {
+    l10n.current++;
+    l10n.current = l10n.current % l10n.LOCALES.length;
+    l10n.updateMessages();
+};
+
+/**
+ * Updates UI messages to the current locale.
+ */
+l10n.updateMessages = function() {
+    elems = document.getElementsByClassName('l10n');
+    for (let i = 0; i < elems.length; i++) {
+        if (l10n.MESSAGES.hasOwnProperty(elems[i].id)) {
+            var locale = l10n.LOCALES[l10n.current];
+            var msg = '';
+            if (l10n.MESSAGES[elems[i].id].hasOwnProperty(locale)) {
+                msg = l10n.MESSAGES[elems[i].id][locale];
+            } else {
+                msg = l10n.MESSAGES[elems[i].id]['en'];
+            }
+            elems[i].innerHTML = msg;
+        }
+    }
+};