Updated translation script

KyaniteMods · Jun 10, 2024 · c762304 · c762304
1 parent 767d925
commit c762304
Show file tree

Hide file tree

Showing 7 changed files with 311 additions and 180 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -44,24 +44,21 @@
  {{ content }}
  <div id="footer">Kyanite Mods • kyanitemods@gmail.com</div>
  </div>
- <script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
- <script>
+ </body>
+ <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+ <script src="{{ site.baseurl }}/js/text.js"></script>
+ <script src="{{ site.baseurl }}/js/translate.js"></script>
+ <script src="{{ site.baseurl }}/js/minecraft-tip.js"></script>
+ <script src="{{ site.baseurl }}/js/dark-mode.js"></script>
+ <script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
+ <script>
+ translate.addChangeListener(() => {
  kofiWidgetOverlay.draw('nitro_dynamite18', {
  'type': 'floating-chat',
- 'floating-chat.donateButton.text': 'Support Us',
+ 'floating-chat.donateButton.text': translate.translateString("support_widget.title"),
  'floating-chat.donateButton.background-color': '#794bc4',
  'floating-chat.donateButton.text-color': '#fff'
  });
- </script>
- </body>
- <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
- <script src="{{ site.baseurl }}/js/text.js"></script>
- <script src="{{ site.baseurl }}/js/translate.js"></script>
- <script>
- document.addEventListener("DOMContentLoaded", function(e) {
- translate.reloadLoc();
  });
  </script>
- <script src="{{ site.baseurl }}/js/minecraft-tip.js"></script>
- <script src="{{ site.baseurl }}/js/dark-mode.js"></script>
 </html>
diff --git a/js/dark-mode.js b/js/dark-mode.js
@@ -4,9 +4,7 @@ var lightModeButtonWiki = document.getElementById("topbar-dark-mode-button");
 
 if (localStorage.lightmode) {
  if (localStorage.lightmode == 'true') {
- $(document.body).addClass("light-mode");
- mcTip.innerHTML = "Switch to Dark Mode";
- $(lightModeButton).attr("data-mctitle", "Switch to Dark Mode");
+ document.body.classList.add('light-mode');
  }
 } else {
  localStorage.lightmode = 'false';
@@ -15,25 +13,33 @@ if (localStorage.lightmode) {
 function toggleDarkMode() {
  if (localStorage.lightmode == 'true') {
  console.log("Removing Light Mode");
- $(document.body).removeClass("light-mode");
- mcTip.innerHTML = "Switch to Light Mode";
- $(lightModeButton).attr("data-mctitle", "Switch to Light Mode");
+ document.body.classList.remove('light-mode');
+ translate.whenLoaded(() => {
+ setTooltipText(followerTooltip, translate.translateString('light_mode.off'));
+ lightModeButton.dataset.mctitle = JSON.stringify(new TranslatableText('light_mode.off'));
+ });
  localStorage.lightmode = 'false';
  } else {
  console.log("Adding Light Mode");
- $(document.body).addClass("light-mode");
- mcTip.innerHTML = "Switch to Dark Mode";
- $(lightModeButton).attr("data-mctitle", "Switch to Dark Mode");
+ document.body.classList.add('light-mode');
+ translate.whenLoaded(() => {
+ setTooltipText(followerTooltip, translate.translateString('light_mode.on'));
+ lightModeButton.dataset.mctitle = JSON.stringify(new TranslatableText('light_mode.on'));
+ });
  localStorage.lightmode = 'true';
  }
 }
 
+translate.addChangeListener(() => {
+ lightModeButton.dataset.mctitle = JSON.stringify(new TranslatableText(localStorage.lightmode == 'true' ? 'light_mode.on' : 'light_mode.off'));
+});
+
 function toggleDarkModeWiki() {
  if (localStorage.lightmode == 'true') {
- $(document.body).removeClass("light-mode");
+ $(document.body).removeClass('light-mode');
  localStorage.lightmode = 'false';
  } else {
- $(document.body).addClass("light-mode");
+ $(document.body).addClass('light-mode');
  localStorage.lightmode = 'true';
  }
 }