| (function () { |
| "use strict"; |
|
|
| var STORAGE_KEY = "echo-memory-lang"; |
| var NAV_MAP = { |
| hero: "nav.home", |
| overview: "nav.overview", |
| design: "nav.design", |
| checkpoints: "nav.checkpoints", |
| evaluation: "nav.eval", |
| evidence: "nav.evidence", |
| findings: "nav.findings", |
| updates: "nav.updates", |
| bibtex: "nav.bibtex" |
| }; |
|
|
| function detectDefaultLang() { |
| var saved = localStorage.getItem(STORAGE_KEY); |
| if (saved === "en" || saved === "zh") return saved; |
| return "en"; |
| } |
|
|
| function dict(lang) { |
| return (window.ECHO_I18N && window.ECHO_I18N[lang]) || {}; |
| } |
|
|
| function t(lang, key) { |
| var d = dict(lang); |
| return Object.prototype.hasOwnProperty.call(d, key) ? d[key] : ""; |
| } |
|
|
| function applyLang(lang) { |
| var d = dict(lang); |
| if (!Object.keys(d).length) return; |
|
|
| document.documentElement.lang = lang === "zh" ? "zh-CN" : "en"; |
|
|
| var descMeta = document.querySelector('meta[name="description"]'); |
| var pageTitleKey = document.body.getAttribute("data-title-key"); |
| if (pageTitleKey && d[pageTitleKey]) { |
| document.title = d[pageTitleKey]; |
| } else if (d["meta.title"]) { |
| document.title = d["meta.title"]; |
| } |
| if (descMeta) { |
| if (pageTitleKey === "dev.meta.title" && d["dev.meta.description"]) { |
| descMeta.setAttribute("content", d["dev.meta.description"]); |
| } else if (d["meta.description"]) { |
| descMeta.setAttribute("content", d["meta.description"]); |
| } |
| } |
|
|
| document.querySelectorAll("[data-i18n]").forEach(function (el) { |
| var key = el.getAttribute("data-i18n"); |
| if (!key || !(key in d)) return; |
| el.textContent = d[key]; |
| }); |
|
|
| document.querySelectorAll("[data-i18n-html]").forEach(function (el) { |
| var key = el.getAttribute("data-i18n-html"); |
| if (!key || !(key in d)) return; |
| el.innerHTML = d[key]; |
| }); |
|
|
| document.querySelectorAll("[data-i18n-attr]").forEach(function (el) { |
| el.getAttribute("data-i18n-attr").split(";").forEach(function (pair) { |
| var parts = pair.split(":"); |
| if (parts.length !== 2) return; |
| var attr = parts[0].trim(); |
| var key = parts[1].trim(); |
| if (key in d) el.setAttribute(attr, d[key]); |
| }); |
| }); |
|
|
| document.querySelectorAll("[data-nav]").forEach(function (el) { |
| var navKey = NAV_MAP[el.getAttribute("data-nav")]; |
| if (navKey && d[navKey]) el.textContent = d[navKey]; |
| }); |
|
|
| document.querySelectorAll(".slide-dots button[data-slide]").forEach(function (btn) { |
| var navKey = NAV_MAP[btn.getAttribute("data-slide")]; |
| if (navKey && d[navKey]) { |
| btn.setAttribute("data-label", d[navKey]); |
| btn.setAttribute("aria-label", d[navKey]); |
| } |
| }); |
|
|
| document.querySelectorAll(".qual-chip").forEach(function (chip, idx) { |
| var keys = ["evidence.chip1", "evidence.chip2", "evidence.chip3"]; |
| if (keys[idx] && d[keys[idx]]) chip.textContent = d[keys[idx]]; |
| }); |
|
|
| var activeQual = document.querySelector(".qual-chip.is-active"); |
| var qualCaption = document.querySelector("[data-qual-caption]"); |
| if (activeQual && qualCaption && activeQual.dataset.captionKey && d[activeQual.dataset.captionKey]) { |
| qualCaption.innerHTML = d[activeQual.dataset.captionKey] + ' <span class="zoom-hint">' + (d["zoom.hint"] || "Click to expand") + "</span>"; |
| } else if (qualCaption && d["evidence.cap1"] && document.querySelector(".qual-chip.is-active") === document.querySelector(".qual-chip")) { |
| qualCaption.innerHTML = d["evidence.cap1"]; |
| } |
|
|
| var langCurrent = document.querySelector("[data-lang-current]"); |
| var langAlt = document.querySelector("[data-lang-alt]"); |
| if (langCurrent && d["lang.current"]) langCurrent.textContent = d["lang.current"]; |
| if (langAlt && d["lang.toggle"]) langAlt.textContent = d["lang.toggle"]; |
|
|
| var toggle = document.getElementById("lang-toggle"); |
| if (toggle && d["lang.switch"]) toggle.setAttribute("aria-label", d["lang.switch"]); |
|
|
| document.querySelectorAll("[data-copy-target]").forEach(function (btn) { |
| if (!btn.classList.contains("is-copied") && d["bibtex.copy"]) { |
| btn.textContent = d["bibtex.copy"]; |
| } |
| }); |
|
|
| localStorage.setItem(STORAGE_KEY, lang); |
| document.dispatchEvent(new CustomEvent("echo-lang-change", { detail: { lang: lang } })); |
| } |
|
|
| window.EchoI18n = { |
| getLang: function () { |
| return localStorage.getItem(STORAGE_KEY) || detectDefaultLang(); |
| }, |
| setLang: applyLang, |
| t: function (key) { |
| return t(window.EchoI18n.getLang(), key); |
| } |
| }; |
|
|
| document.addEventListener("DOMContentLoaded", function () { |
| var lang = detectDefaultLang(); |
| applyLang(lang); |
|
|
| var toggle = document.getElementById("lang-toggle"); |
| if (toggle) { |
| toggle.addEventListener("click", function () { |
| var next = window.EchoI18n.getLang() === "zh" ? "en" : "zh"; |
| applyLang(next); |
| }); |
| } |
| }); |
| })(); |
|
|
