Remove Middleware and Handle Translate Client Side

1 files changed, 43 insertions, 0 deletions

diff --git a/static/js/tl.js b/static/js/tl.js
new file mode 100644
index 00000000..98bd9529
--- /dev/null
+++ b/static/js/tl.js
@@ -0,0 +1,43 @@
+// Google Translate (Only English and Japanese)
+function googleTranslateElementInit() {
+  new google.translate.TranslateElement(
+    {
+      pageLanguage: "en",
+      includedLanguages: "ja",
+    },
+    "google_translate_element"
+  );
+}
+
+var currentLang = document.cookie.replace(
+  /(?:(?:^|.*;\s*)lang\s*\=\s*([^;]*).*$)|^.*$/,
+  "$1"
+);
+
+console.log("currentLang: " + currentLang);
+
+if (currentLang == "ja") {
+  triggerTranslation("ja");
+} else {
+  triggerTranslation("en");
+}
+
+function triggerTranslation(language) {
+  var selectEl = document.querySelector("select.goog-te-combo");
+  if (!selectEl) {
+    setTimeout(function () {
+      triggerTranslation(language);
+    }, 100);
+  } else if (!selectEl.options || selectEl.options.length === 0) {
+    setTimeout(function () {
+      triggerTranslation(language);
+    }, 100);
+  } else {
+    console.log("triggering translation");
+    console.log(selectEl.options, selectEl.options.length); // HTMLOptionsCollection with options
+
+    // Continue with the logic for handling the available options
+    selectEl.value = language; // Change the value of the select element
+    selectEl.dispatchEvent(new Event("change")); // Trigger change event
+  }
+}