Spaces:
Running
Running
File size: 7,533 Bytes
092da27 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 |
function displayGui() {
function gui() {
if (document.querySelector("#eaglerpl_gui")) {
document.querySelector("#eaglerpl_gui").remove();
}
localStorage.setItem(
"ml::Mods",
localStorage.getItem("ml::Mods") || "[]"
);
try {
localStorage.setItem(
"ml::Mods",
JSON.stringify(JSON.parse(localStorage.getItem("ml::Mods")))
);
} catch (error) {
localStorage.setItem("ml::Mods", "[]");
}
var Mods = JSON.parse(localStorage.getItem("ml::Mods"));
var container = document.createElement("div");
container.id = "eaglerpl_gui";
container.style = `width:100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; color: white; font-family: Minecraftia, sans-serif; overflow-y: scroll; overflow-x: hidden; background-image: url(data:image/png;base64,UklGRhoBAABXRUJQVlA4TA0BAAAvn8AnAIWjtpEECdnA2N0DsTROy7xUqfrWw0jbyLkJKTz0+I20jTT/Bo89e1YR/Wfktm0Y+wNKLobT7QP/n/B7Z/naW26QHoTpHB7LFouyKHlzeHxfCStSuj9KdbC8z1IJ5iWiyQed48vtYJ+lUu0t4VwranS1XMIutSiLYlbb8G54uf2p3VPSfRZtSrlsPFjOzZZrd/us3B3uK+HcHJQql+xbLMrS/WqNpm6DeZ/VIPVYaN/KzUbp91nd9xl5pYu50dU2W417nbdTj5l2Ne92uM9qXNpyf6+oXkabHKXaZ1HS4Iaqpim+1KIJ+0M49/LjNbTGP5mrrMZEuc7Uzcb1ViOJ6TuOt4NGJs+zDgA=); background-color: rgb(60,60,60); background-blend-mode: multiply; background-size: 64px;`;
var title = document.createElement("h1");
title.style = "text-shadow: 0px 0px 4px;";
title.innerHTML = "Mod Manager";
var closeButton = document.createElement("a");
closeButton.style = `margin-left: 2rem; color: red;`;
closeButton.href = "javascript:void(0)";
closeButton.addEventListener("click", () => {
document.querySelector("#eaglerpl_gui").remove();
});
closeButton.innerHTML = "[X]";
title.appendChild(closeButton);
container.appendChild(title);
var warningPoster = document.createElement("p");
warningPoster.style = "font-size: 0.8rem; color: orangered;";
warningPoster.innerHTML =
"Warning: Installing Mods gives them full control over the game. Be cautious when installing them.<br>Mods that have been removed also need a reload to stop running in the background.";
container.appendChild(warningPoster);
var tipPoster = document.createElement("p");
tipPoster.style = "font-size: 0.8rem; color: yellow;";
tipPoster.innerHTML =
"Tip: if the mods say that they failed loading, try refreshing the gui";
container.appendChild(tipPoster);
var table = document.createElement("table");
table.style = "table-layout: fixed; width: 100%";
var headerRow = document.createElement("tr");
headerRow.style = "background: rgb(50,50,50);";
var urlBox = document.createElement("th");
urlBox.style = "text-align: center;";
urlBox.innerHTML = "URL";
headerRow.appendChild(urlBox);
var statusBox = document.createElement("th");
statusBox.style = "text-align: center; width: 15%;";
statusBox.innerHTML = "Status";
headerRow.appendChild(statusBox);
table.appendChild(headerRow);
Mods.forEach((url) => {
var row = document.createElement("tr");
row.style = `box-shadow: 0px 2px 0px grey;`;
var urlBox = document.createElement("td");
urlBox.style = "user-select: text;";
var textWrapper = document.createElement("div");
textWrapper.style = `max-width: 100%; overflow-wrap: anywhere; max-height: 3rem; overflow-y: scroll;`;
textWrapper.innerText = url;
urlBox.append(textWrapper);
row.appendChild(urlBox);
var statusBox = document.createElement("td");
statusBox.innerHTML = ((curl) => {
var targs = document.querySelectorAll("script[data-Mod]");
for (let i = 0; i < targs.length; i++) {
const elem = targs[i];
if (elem.getAttribute("data-Mod") === curl) {
return "LOADED";
}
}
return "FAILED";
})(url);
switch (statusBox.innerHTML) {
case "LOADED":
statusBox.style = "background-color: green; text-align: center;";
break;
case "FAILED":
statusBox.style = "background-color: dimgrey; text-align: center;";
break;
default:
break;
}
var binBtn = document.createElement("button");
binBtn.style =
"background: transparent; text-align: center; color: yellow; cursor: pointer; font-family: 'Minecraftia', sans-serif; text-decoration: underline; border: 0; margin-left: 1rem; font-size: 1rem;";
binBtn.innerHTML = "[X]";
binBtn.addEventListener("click", () => {
if (!window.confirm("Delete Mod?") || Mods.indexOf(url) === -1) {
return;
}
Mods.splice(Mods.indexOf(url), 1);
localStorage.setItem("ml::Mods", JSON.stringify(Mods));
gui();
});
statusBox.appendChild(binBtn);
row.appendChild(statusBox);
table.appendChild(row);
});
var addBtn = document.createElement("button");
addBtn.style =
"background: transparent; text-align: center; color: yellow; cursor: pointer; font-family: 'Minecraftia', sans-serif; text-decoration: underline; border: 0; margin-right: 1rem; font-size: 1rem;";
addBtn.innerHTML = "Add new";
addBtn.addEventListener("click", () => {
var newMod = window.prompt("URL of Mod: ", "http://example.com/example.js");
if (!newMod) {
return; //User pressed cancel
}
Mods.push(
newMod
);
localStorage.setItem("ml::Mods", JSON.stringify(Mods));
if(window.ModLoader){
ModLoader([newMod]);
}
gui();
});
var uploadBtn = document.createElement("button");
uploadBtn.style =
"background: transparent; text-align: center; color: yellow; cursor: pointer; font-family: 'Minecraftia', sans-serif; text-decoration: underline; border: 0; font-size: 1rem;";
uploadBtn.innerHTML = "Upload...";
uploadBtn.addEventListener("click", function uploadBtnListener() {
var filePicker = document.createElement("input");
filePicker.type = "file";
filePicker.accept = ".js";
filePicker.addEventListener("input", function onInput() {
if (filePicker.files[0]) {
var reader = new FileReader();
reader.addEventListener("load", function onModRead() {
var newMod = reader.result.replace(";base64", `;fs=${encodeURIComponent(filePicker.files[0].name) || "unknown"};base64`);
Mods.push(newMod);
localStorage.setItem("ml::Mods", JSON.stringify(Mods));
if(window.ModLoader){
ModLoader([newMod]);
}
gui();
});
reader.readAsDataURL(filePicker.files[0]);
}
});
filePicker.click();
});
container.appendChild(table);
container.appendChild(addBtn);
container.appendChild(uploadBtn);
var notice = document.createElement("a");
notice.innerHTML = "Refresh GUI";
notice.href = "javascript:void(0)";
notice.addEventListener("click", function reloadListener() {
setTimeout(gui, 500);
this.remove();
});
notice.style =
"color: yellow; display: block; margin-top: 2rem; width: 0; white-space: nowrap;";
container.appendChild(notice);
ModAPI.events.callEvent("gui", {});
document.body.appendChild(container);
}
gui();
}
|