update lang code

Author: jcayouette

.changelog

@@ -4,6 +4,7 @@
 # - Fixed error in Bat section of Upgrade Guide (bsc#1234567)
 # For guidelines: https://en.opensuse.org/openSUSE:Creating_a_changes_file_(RPM)#Changelog_section_.28.25changelog.29
 
+- Added lang support for new shared header to html outputs
 - Added shared header styles for documentation.suse.com 
 - Removed Ubuntu 20.04 from the list supported clients in Client
   Configuration Guide (bsc#1238481)

Makefile.j2

@@ -33,6 +33,7 @@ prepare-antora-suma-{{ langcode }}: copy-branding-{{ langcode }} set-html-langua
 	s/\-\ url\:\ \./\-\ url\:\ \.\.\/\.\.\//;\
 	s/start_path\:\ \./\start_path\:\ translations\/{{ langcode }}/;\
 	s/dir:\ \.\/build\/en/dir:\ \.\.\/\.\.\/build\/{{ langcode }}/;" site.yml > translations/{{ langcode }}/suma-site.yml && \
+	find translations/{{ langcode }}/branding/supplemental-ui -name "*.hbs" -exec sed -i 's/LANG_PLACEHOLDER/{{ langcode }}/g' {} \; && \
 	cp -a $(current_dir)/modules $(current_dir)/translations/en/
 	find modules/ -maxdepth 1 -name "*" -type d -exec mkdir -p $(current_dir)/translations/{{ langcode }}/{} \; && \
 	mkdir -p $(current_dir)/translations/{{ langcode }}/modules/ROOT/pages/
@@ -71,6 +72,7 @@ prepare-antora-uyuni-{{ langcode }}: copy-branding-{{ langcode }} set-html-langu
 	s/\-\ url\:\ \./\-\ url\:\ \.\.\/\.\.\//;\
 	s/start_path\:\ \./\start_path\:\ translations\/{{ langcode }}/;\
 	s/dir:\ \.\/build\/en/dir:\ \.\.\/\.\.\/build\/{{ langcode }}/;" site.yml > translations/{{ langcode }}/uyuni-site.yml && \
+	find translations/{{ langcode }}/branding/supplemental-ui -name "*.hbs" -exec sed -i 's/LANG_PLACEHOLDER/{{ langcode }}/g' {} \; && \
 	cp -a $(current_dir)/modules $(current_dir)/translations/en/
 	find modules/ -maxdepth 1 -name "*" -type d -exec mkdir -p $(current_dir)/translations/{{ langcode }}/{} \; && \
 	mkdir -p $(current_dir)/translations/{{ langcode }}/modules/ROOT/pages/	

branding/supplemental-ui/suma/susecom-2025/helpers/langFromUrl.js

@@ -0,0 +1,29 @@
+/* 'use strict'
+const get_lang = (url) => {
+  if (!url) return 'en';
+  const parts = url.split('/').filter(Boolean); // remove empty strings
+  // Look for known language codes in the path
+  const knownLangs = ['en', 'de', 'fr', 'es', 'ja', 'pt_br', 'zh', 'zh_cn', 'ko'];
+  const match = parts.find(p => knownLangs.includes(p.toLowerCase()));
+  return match ? match.toLowerCase() : 'en';
+};
+const langToHreflangMapping = {
+  "en": "en-US",
+  "de": "de-DE",
+  "fr": "fr-FR",
+  "es": "es-ES",
+  "ja": "ja-JP",
+  "pt_br": "pt-BR",
+  "zh": "zh-CN",
+  "zh_cn": "zh-CN",
+  "ko": "ko-KR",
+};
+module.exports = (pageurl, type, nav) => {
+  if (nav.page.layout === '404') return null;
+  const lang = get_lang(pageurl);
+  if (type === 'hreflang') {
+    return langToHreflangMapping[lang] || 'en-US';
+  } else {
+    return lang;
+  }
+}; */

branding/supplemental-ui/suma/susecom-2025/js/language-switcher.js

@@ -0,0 +1,67 @@
+// Find all alternate hreflang link elements
+const hreflangLinks = document.querySelectorAll('link[rel="alternate"]');
+
+const hreflangToLangMapping = {
+  "en-us": "en",
+  "de-de": "de",
+  "fr-fr": "fr",
+  "es-es": "es",
+  "ja-jp": "ja",
+  "pt-br": "pt_BR",
+  "zh-cn": "zh_CN",
+  "ko-kr": "ko_KR",
+};
+
+// Create an object to hold the languages
+const languages = {};
+
+hreflangLinks.forEach((link) => {
+  const hreflang = link.getAttribute("hreflang");
+  const href = link.getAttribute("href");
+
+  if (hreflang && hreflang !== "x-default") {
+    let label;
+    switch (hreflang.toLowerCase()) {
+      case "en-us":
+        label = "English";
+        break;
+      case "de-de":
+        label = "Deutsch";
+        break;
+      case "fr-fr":
+        label = "Français";
+        break;
+      case "es-es":
+        label = "Español";
+        break;
+      case "zh-cn":
+        label = "中文";
+        break;
+      case "ja-jp":
+        label = "日本語";
+        break;
+      case "ko-kr":
+        label = "한국어";
+        break;
+      case "pt-br":
+        label = "Português Brasileiro";
+        break;
+    }
+
+    let lang = hreflangToLangMapping[hreflang.toLowerCase()];
+    languages[lang] = {
+      label: label,
+      url: href,
+    };
+  }
+});
+
+// Get the current language
+const currentLang = document.documentElement.lang || "en";
+
+// Update the <shared-header> element
+const sharedHeader = document.querySelector("shared-header");
+if (sharedHeader) {
+  sharedHeader.setAttribute("language", currentLang);
+  sharedHeader.setAttribute("languages", JSON.stringify(languages));
+}

branding/supplemental-ui/suma/susecom-2025/layouts/default.hbs

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="LANG_PLACEHOLDER">
   <head>
 {{> head defaultPageTitle='Untitled'}}
   </head>

site.yml.j2

@@ -3,12 +3,14 @@
     {{ entity.attribute }}: {{ entity.value}}
     {% endfilter %}
 {% endfor %}
+
 site:
 {% for i in site -%}
   {% filter indent(0,true) %}
-  {{ i.attribute }}: {{ i.value}}
+  {{ i.attribute }}: {{ i.value }}
   {% endfilter %}
 {% endfor %}
+
 ui:
   bundle:
     {% for i in ui.bundle -%}