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

Версия от 12:08, 5 мая 2024

// Иконочки слева от элементов. Очередной костыль
function createIcon(container, image, size) {
  var parent = document.getElementById(container);
  if (parent) {
    var icon = document.createElement("img");
    icon.id = container + "-icon";
    icon.src = image;
    icon.height = size;
    icon.width = size;

    parent.parentNode.insertBefore(icon, parent);
  }
}

// Кнопочка для переключения темы на светлую и обратно.
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);
  }

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

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

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

createIcon("ui-id-1", "https://upload.wikimedia.org/wikipedia/commons/3/32/Simple_Icon_Eye.svg", "32px");
createThemeToggleButton();