Merge pull request #1815 from splunk/feature/japanese-release

Japanese release

Author: puribe-splunk

_templates/404.html

@@ -57,11 +57,13 @@
 <script>
     const getBarConfig = () => {
         const customTheme = ``;
+        const language = window.location.pathname.includes('/ja/') ? 'ja' : 'en';
 
         return {
             customTheme,
             env: window.location.hostname.includes('splunk') ? 'prod' : 'dev',
-            language: 'en',
+            language: language,
+            suiLanguage: language,
             layoutTemplate: "docsResultLayout",
             showSearchButton: false,
             searchBarRedirectUrl: 'https://docs.splunk.com/observability/en/search.html',

_templates/banner.html

@@ -102,6 +102,9 @@
         <li class="nav-item">
           <a class="nav-link newnavbar" href="https://www.splunk.com/en_us/training/course-catalog.html?sort=Newest&filters=filterGroup4SplunkObservabilityCloud%2CfilterGroup4SplunkSyntheticMonitoring%2CfilterGroup4SplunkInfrastructureMonitoring%2CfilterGroup4SplunkITSI%2CfilterGroup4SplunkAPM%2CfilterGroup4SplunkOnCall%2CfilterGroup4SplunkRUM%2CfilterGroup4SplunkLogObserver%2CfilterGroup4SplunkInsights" target="_blank">Training</a>
         </li>
+        <li class="nav-item nav-lang">
+          <span class="lang" data-lang="en">EN</span> | <span class="lang" data-lang="ja">JA</span>
+        </li>
         <li class="nav-item">
           <a class="nav-link newnavbar" href="https://www.splunk.com/en_us/download/infrastructure-monitoring.html" target="_blank" style="
           font-size: 12px;
@@ -118,6 +121,62 @@
       </ul>
       </div>
 
+      <style>
+        .nav-lang{
+          margin-top: 18px;
+          color:darkgrey;
+        }
+        .active-lang {
+          font-weight: bold;
+          color: white !important;
+        }
+        .lang{
+          cursor:pointer;
+        }
+      </style>
+      <script>
+        $(document).ready(function() {
+          function setActiveLanguage() {
+            var path = window.location.pathname;
+            $('.lang').each(function() {
+              var lang = $(this).data('lang');
+              if (path.includes('/' + lang + '/')) {
+                $(this).addClass('active-lang').css({
+                  "font-weight": "bold",
+                  "color": "red"
+                });
+              } else {
+                $(this).removeClass('active-lang').removeAttr('style');
+              }
+            });
+          }
+
+          setActiveLanguage();
+
+          function constructNewPath(lang) {
+            var currentPath = window.location.pathname;
+            var pathSegments = currentPath.split('/');
+            var langIndex = pathSegments.findIndex(segment => $('.lang').map(function() { return $(this).data('lang'); }).get().includes(segment));
+
+            if (langIndex > -1) {
+              pathSegments[langIndex] = lang;
+            } else {
+              pathSegments.splice(1, 0, lang);
+            }
+
+            return pathSegments.join('/');
+          }
+
+          $('.lang').click(function() {
+            var lang = $(this).data('lang');
+            var newPath = constructNewPath(lang);
+            window.location.pathname = newPath;
+
+            setActiveLanguage();
+          });
+        });
+      </script>
+
       <div id="mobileSideBar">
         {%- block sidebar2 %}{{ sidebar() }}{% endblock %}
       </div>

_templates/layout.html

@@ -59,11 +59,13 @@
 <script>
     const getBarConfig = () => {
         const customTheme = ``;
+        const language = window.location.pathname.includes('/ja/') ? 'ja' : 'en';
 
         return {
             customTheme,
             env: window.location.hostname.includes('splunk') ? 'prod' : 'dev',
-            language: 'en',
+            language: language,
+            suiLanguage: language,
             layoutTemplate: "docsResultLayout",
             showSearchButton: false,
             searchBarRedirectUrl: 'https://docs.splunk.com/observability/en/search.html',

_templates/search.html

@@ -95,14 +95,16 @@
             eventCallback: parentCallback
         }
 
+        const language = window.location.pathname.includes('/ja/') ? 'ja' : 'en';
         return {
             customTheme,
             sortOptions,
             areas: "docs_observability,dev,main, docs",
             facets: "source_name_s,docProduct_s,docVersion_s",
             enableDateRangeFilter: true,
             env: window.location.hostname.includes('splunk') ? 'prod' : 'dev',
-            language: "en",
+            language: language,
+            suiLanguage: language,
             layoutTemplate: "docsResultLayout",
             analytics,
             analyticsConfig: {