MediaWiki:Vector.js: различия между версиями

Версия от 09:24, 5 мая 2024

const isLightTheme = localStorage.getItem("isLightTheme");
  if (isLightTheme === "true") {
      document.documentElement.classList.add('light');
  } else {
      document.documentElement.classList.remove('light');
  }


// Кнопочка для переключения темы на светлую и обратно.
function createThemeToggleButton() {
  var container = document.getElementById("p-personal");
  if (container) {
      var checkbox = document.createElement("input");
      checkbox.type = "checkbox";
      checkbox.id = "theme-toggle";

      var label = document.createElement("label");
      label.htmlFor = "theme-toggle";
      label.id = "theme-button";

      container.parentNode.insertBefore(checkbox, container);
      container.parentNode.insertBefore(label, container);
  }

  $("#theme-toggle").change(function() {
      toggleTheme();
  });
}

function toggleTheme() {
  var isLightTheme = document.documentElement.classList.toggle('light');
  localStorage.setItem("isLightTheme", isLightTheme);
}

createThemeToggleButton();

@@ Строка 1: / Строка 1: @@
-// Ассинхронная загрузка страницы. Убирает всякие мерцания, показывая сразу готовую страницу. Костыль? Да. Работает? Ну вроде Clueless
+const isLightTheme = localStorage.getItem("isLightTheme");
-/* function loadPage(url) {
+   if (isLightTheme === "true") {
-  var xhr = new XMLHttpRequest();
+      document.documentElement.classList.add('light');
-   xhr.onreadystatechange = function() {
+  } else {
-      if (xhr.readyState === XMLHttpRequest.DONE) {
+       document.documentElement.classList.remove('light');
-          if (xhr.status === 200) {
-              document.body.innerHTML = xhr.responseText;
-              window.history.pushState({}, '', url);
-              updatePageTitle();
-              createThemeToggleButton();
-          }
-       }
-  };
-  xhr.open('GET', url, true);
-  xhr.send();
-}
-document.addEventListener('click', function(event) {
-  var link = event.target.closest('a');
-  if (link && link.href && link.href.indexOf(window.location.origin) !== -1) {
-      event.preventDefault();
-      loadPage(link.href);
    }
-});
-// Заставляем вперёд/назад работать.
-window.addEventListener('popstate', function(event) {
-  loadPage(window.location.href);
-});
-// Обновление названия вкладки
-function updatePageTitle() {
-    var title = document.querySelector('h1').innerText;
-    document.title = title;
-}
-*/
 // Кнопочка для переключения темы на светлую и обратно.
 function createThemeToggleButton() {
@@ Строка 50: / Строка 21: @@
        container.parentNode.insertBefore(checkbox, container);
        container.parentNode.insertBefore(label, container);
-  }
-  var isLightTheme = localStorage.getItem("isLightTheme");
-  if (isLightTheme === "true") {
-      document.documentElement.classList.add('light');
-  } else {
-      document.documentElement.classList.remove('light');
    }