gui.js

   1 {
   2         let gui = skyblocks.gui = dragonblocks.gui.createBox({ keylock: true });
   3         let headline = gui.create("h1");
   4         headline.align = "center";
   5         headline.innerHTML = "Skyblocks";
   6         let ul = gui.create("ul");
   7         for(let quest of skyblocks.quests){
   8                 let li = ul.appendChild(document.createElement("li"));
   9                 li.style.fontSize = "20px";
  10                 li.innerHTML = quest.desc;
  11                 li.style.postion = "relative";
  12                 let questCount = li.appendChild(document.createElement("small"));
  13                 questCount.style.position = "absolute";
  14                 questCount.style.right = "30px";
  15                 let checkbox = li.appendChild(document.createElement("input"));
  16                 checkbox.type = "checkbox";
  17                 checkbox.style.position = "absolute";
  18                 checkbox.style.right = "5px";
  19                 checkbox.addEventListener("input", _ => { gui.getDisplay().dispatchEvent(new Event("update")) });
  20                 gui.getDisplay().addEventListener("update", _ => {
  21                         checkbox.checked = (dragonblocks.player.meta.skyblocksQuests[quest.name] >= quest.count);
  22                         questCount.innerHTML = Math.min(dragonblocks.player.meta.skyblocksQuests[quest.name], quest.count) + "/" + quest.count;
  23                 });
  24         }
  25         dragonblocks.menu.addButton("Skyblocks", _ => { gui.open() });
  26 }