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 = ul.appendChild(document.createElement("var"));
  13                 questCount.style.position = "absolute";
  14                 questCount.style.right = "20px";
  15                 questCount.
  16                 let checkbox = li.appendChild(document.createElement("input"));
  17                 checkbox.type = "checkbox";
  18                 checkbox.style.position = "absolute";
  19                 checkbox.style.right = "5px";
  20                 checkbox.addEventListener("input", _ => { gui.getDisplay().dispatchEvent(new Event("update")) });
  21                 gui.getDisplay().addEventListener("update", _ => { checkbox.checked = (dragonblocks.player.meta.skyblocksQuests[quest.name] >= quest.count)})
  22         }
  23         dragonblocks.menu.addButton("Skyblocks", _ => { gui.open() });
  24 }