Initial commit — existing SVN working copy (SVN r436)

2026-06-14 12:33:36 +02:00
commit 2f9e6f57f5
778 changed files with 104676 additions and 0 deletions
@@ -0,0 +1,77 @@
+(() => {
+  const STORAGE_KEY = "lang";
+  const DEFAULT_LANG = (document.documentElement.getAttribute("lang") || "de").slice(0,2);
+  let currentDict = {};
+
+  const $$ = (sel, root=document) => Array.from(root.querySelectorAll(sel));
+  const $  = (sel, root=document) => root.querySelector(sel);
+
+  async function loadDict(lang) {
+    const url = `/i18n/${lang}.json?v=3`;
+    const res = await fetch(url, { cache: "force-cache" });
+    if (!res.ok) throw new Error(`i18n: failed ${url}`);
+    return res.json();
+  }
+
+  function applyI18n(dict, lang) {
+    currentDict = dict;
+
+    $$("[data-i18n]").forEach(el => {
+      const key = el.getAttribute("data-i18n");
+      if (dict[key] != null) el.textContent = dict[key];
+    });
+
+    $$("[data-i18n-attrs]").forEach(el => {
+      const pairs = el.getAttribute("data-i18n-attrs").split(";").map(s => s.trim()).filter(Boolean);
+      for (const p of pairs) {
+        const [attr, key] = p.split(":").map(s => s.trim());
+        if (attr && key && dict[key] != null) el.setAttribute(attr, dict[key]);
+      }
+    });
+
+    $$("[data-lang-de]").forEach(el => {
+      const val = lang === "en" ? el.getAttribute("data-lang-en") : el.getAttribute("data-lang-de");
+      if (val) el.textContent = val;
+    });
+
+    const titleEl = document.querySelector("title[data-i18n]");
+    if (titleEl) document.title = dict[titleEl.getAttribute("data-i18n")] || document.title;
+
+    const metaDesc = $('meta[name="description"]');
+    if (metaDesc && dict["seo.description"]) metaDesc.setAttribute("content", dict["seo.description"]);
+
+    document.documentElement.setAttribute("lang", lang);
+
+    $$(".lang-btn").forEach(btn => {
+      btn.classList.toggle("is-active", btn.dataset.lang === lang);
+    });
+  }
+
+  async function setLang(lang) {
+    try {
+      const dict = await loadDict(lang);
+      localStorage.setItem(STORAGE_KEY, lang);
+      applyI18n(dict, lang);
+    } catch (e) {
+      console.error(e);
+      if (lang !== DEFAULT_LANG) setLang(DEFAULT_LANG);
+    }
+  }
+
+  // Bind Dropdown
+  document.addEventListener("click", (e) => {
+    const btn = e.target.closest(".js-set-lang");
+    if (btn) {
+      e.preventDefault();
+      setLang(btn.dataset.lang);
+    }
+  });
+
+  // Init
+  window.addEventListener("DOMContentLoaded", async () => {
+    const urlLang = new URLSearchParams(location.search).get("lang");
+    const stored  = localStorage.getItem(STORAGE_KEY);
+    const lang = (urlLang || stored || DEFAULT_LANG).slice(0,2);
+    setLang(lang);
+  });
+})();