☰

Control Center status toggler

Adds a button to each control center in the building list to toggle its status.

// ==UserScript==
// @name Control Center status toggler
// @namespace http://bos-ernie.lss-manager.de
// @version 0.1
// @author BOS-Ernie; translated to US by tylernelson224
// @description Adds a button to each control center in the building list to toggle its status.
// @match https://www.missionchief.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=leitstellenspiel.de
// @run-at document-idle
// @grantnone
// ==/UserScript==
/* global buildingLoadContent */
(function () {
  const callback = (mutations) => {
    mutations.forEach((mutation) => {
      if (mutation.addedNodes.length > 0) {
        addToggleButtons();
      }
    });
  };
  const observer = new MutationObserver(callback);
  observer.observe(document.getElementById("buildings"), {
    childList: true,
  });
  function addToggleButtons() {
    const buildingList = document.getElementById("building_list");
    if (!buildingList) {
      console.warn("No building list found.");
      return;
    }
    buildingList.querySelectorAll("li").forEach((li) => {
      if (li.getAttribute("building_type_id") !== "1") {
        return;
      }
      const buildingId = li.querySelector("img").getAttribute("building_id");
      const captionDiv = document.getElementById(
        "building_list_caption_" + buildingId
      );
      const img = li.querySelector("img");
      const imgSource = img.getAttribute("src");
      img.remove();
      if (imgSource === "/images/building_leitstelle_deactivated.png") {
        captionDiv.prepend(createStatusButtonGroup(buildingId, "disabled"));
      } else {
        captionDiv.prepend(createStatusButtonGroup(buildingId, "enabled"));
      }
    });
  }
  addToggleButtons();
  function createStatusButtonGroup(buildingId, status) {
    const href =
      "https://www.missionchief.com/buildings/" + buildingId + "/active";
    // Assign listener to variable
    const listener = (e) => {
      e.preventDefault();
      $.ajax({
        url: href,
        type: "GET",
        success: function () {
          buildingLoadContent("/buildings");
        },
      });
    };
    if (status === "disabled") {
      const enableButtonInactive = document.createElement("a");
      enableButtonInactive.href = href;
      enableButtonInactive.type = "button";
      enableButtonInactive.className = "btn btn-default";
      enableButtonInactive.innerHTML = "On";
      enableButtonInactive.addEventListener("click", listener);
      const disableButtonActive = document.createElement("a");
      disableButtonActive.href = href;
      disableButtonActive.type = "button";
      disableButtonActive.className = "btn btn-danger active";
      disableButtonActive.innerHTML = "Off";
      disableButtonActive.addEventListener("click", listener);
      const statusButtonGroupDisabled = document.createElement("div");
      statusButtonGroupDisabled.className = "btn-group btn-group-xs";
      statusButtonGroupDisabled.role = "group";
      statusButtonGroupDisabled.appendChild(enableButtonInactive);
      statusButtonGroupDisabled.appendChild(disableButtonActive);
      return statusButtonGroupDisabled;
    }
    const enableButtonActive = document.createElement("a");
    enableButtonActive.href = href;
    enableButtonActive.type = "button";
    enableButtonActive.className = "btn btn-success active";
    enableButtonActive.innerHTML = "On";
    enableButtonActive.addEventListener("click", listener);
    const disableButtonInactive = document.createElement("a");
    disableButtonInactive.href = href;
    disableButtonInactive.type = "button";
    disableButtonInactive.className = "btn btn-default";
    disableButtonInactive.innerHTML = "Off";
    disableButtonInactive.addEventListener("click", listener);
    const statusButtonGroupEnabled = document.createElement("div");
    statusButtonGroupEnabled.className = "btn-group btn-group-xs";
    statusButtonGroupEnabled.role = "group";
    statusButtonGroupEnabled.appendChild(enableButtonActive);
    statusButtonGroupEnabled.appendChild(disableButtonInactive);
    return statusButtonGroupEnabled;
  }
})();