Domination Earth

User:Stumblean/common.js: Difference between revisions

← Older editNewer edit →
Stumblean (talk | contribs)
Autopatrolled users, Bureaucrats, Confirmed users, Interface administrators, Rollbackers, Administrators
115 edits
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
Stumblean (talk | contribs)
Autopatrolled users, Bureaucrats, Confirmed users, Interface administrators, Rollbackers, Administrators
115 edits
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
Line 1: Line 1:
(function () {
(function () {
   // Create toggle button
   // Create toggle button with image icon
   const toggle = document.createElement("button");
   const toggle = document.createElement("button");
   toggle.id = "delta-toggle";
   toggle.id = "delta-toggle";
  toggle.textContent = "Δ";
   Object.assign(toggle.style, {
   Object.assign(toggle.style, {
     position: "fixed",
     position: "fixed",
     bottom: "20px",
     bottom: "20px",
     right: "20px",
     right: "20px",
     padding: "10px",
     padding: "0",
     background: "#1e1e1e",
     background: "transparent",
    color: "#fff",
     border: "none",
     border: "none",
    borderRadius: "8px",
     zIndex: 9998,
     zIndex: 9998,
     cursor: "pointer",
     cursor: "pointer"
    fontSize: "16px"
   });
   });


   // Create menu
  const icon = document.createElement("img");
  icon.src = "https://files.catbox.moe/uodscw.png";
  icon.alt = "Delta";
  Object.assign(icon.style, {
    width: "48px",
    height: "48px",
    borderRadius: "50%",
    boxShadow: "0 0 8px rgba(0,0,0,0.4)"
  });
  toggle.appendChild(icon);
 
   // Create Delta menu
   const menu = document.createElement("div");
   const menu = document.createElement("div");
   menu.id = "delta-menu";
   menu.id = "delta-menu";
Line 24: Line 31:
     display: "none",
     display: "none",
     position: "fixed",
     position: "fixed",
     bottom: "70px",
     bottom: "80px",
     right: "20px",
     right: "20px",
     width: "300px",
     width: "300px",
Line 38: Line 45:
   const title = document.createElement("div");
   const title = document.createElement("div");
   title.textContent = "Delta Online";
   title.textContent = "Delta Online";
   title.style.textAlign = "center";
   Object.assign(title.style, {
  title.style.fontSize = "18px";
    textAlign: "center",
  title.style.marginBottom = "10px";
    fontSize: "18px",
    marginBottom: "10px"
  });


   const textarea = document.createElement("textarea");
   const textarea = document.createElement("textarea");
Line 71: Line 80:
   runBtn.onclick = () => {
   runBtn.onclick = () => {
     try {
     try {
       new Function(textarea.value)();
       eval(textarea.value);
     } catch (e) {
     } catch (e) {
       alert("Error: " + e.message);
       alert("Error: " + e.message);
Line 81: Line 90:
   };
   };


   // Assemble the UI
   // Add everything to page
   menu.appendChild(title);
   menu.appendChild(title);
   menu.appendChild(textarea);
   menu.appendChild(textarea);
Retrieved from "https://dominationearth.wikioasis.org/wiki/User:Stumblean/common.js"