User:Stumblean/common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

(function () {
  const icon = "https://files.catbox.moe/wk78nl.jpg";

  const menu = document.createElement("div");
  menu.style.position = "fixed";
  menu.style.top = "20px";
  menu.style.right = "20px";
  menu.style.background = "#111";
  menu.style.color = "#fff";
  menu.style.border = "2px solid #666";
  menu.style.borderRadius = "10px";
  menu.style.padding = "10px";
  menu.style.fontFamily = "monospace";
  menu.style.zIndex = "99999";
  menu.style.boxShadow = "0 0 10px black";

  const header = document.createElement("div");
  header.style.display = "flex";
  header.style.alignItems = "center";
  header.style.gap = "6px";
  header.style.marginBottom = "8px";

  const img1 = document.createElement("img");
  img1.src = icon;
  img1.width = 15;
  img1.height = 15;

  const title = document.createElement("div");
  title.textContent = "Mahito Menu";
  title.style.fontWeight = "bold";

  const img2 = document.createElement("img");
  img2.src = icon;
  img2.width = 15;
  img2.height = 15;

  header.appendChild(img1);
  header.appendChild(title);
  header.appendChild(img2);

  const btn1 = document.createElement("button");
  btn1.textContent = "Mass undo";
  btn1.onclick = function () {
    prompt("Copy this into your common.js:", "mw.loader.load('//en.wikipedia.org/w/index.php?title=User:Alexis_Jazz/Kill-It-With-Fire.js&action=raw&ctype=text/javascript');");
  };

  const btn2 = document.createElement("button");
  btn2.textContent = "Open Explanation";
  btn2.onclick = function () {
    alert("Open Explanation clicked");
  };

  btn1.style.marginBottom = "6px";
  btn1.style.width = btn2.style.width = "100%";
  btn1.style.cursor = btn2.style.cursor = "pointer";

  menu.appendChild(header);
  menu.appendChild(btn1);
  menu.appendChild(btn2);
  document.body.appendChild(menu);
})();