(Script-Wunsch) Aktualisierung der LST-Liste

Welche Leitstellenliste meinst du?

Ich würde das eventuell über einen Knopf lösen, die Frage wäre nur, wo der am besten hin könnte. Hast du da eine Idee oder einen Wunsch?

Solang es diesen Knopf nicht gibt, kannst du einfach im Hauptfenster die Konsole öffnen (F12 → Konsole) und dort einmal buildingLoadContent('/buildings') ausführen, das lädt die Gebäudeliste auch einmal neu.

=> https://github.com/jxn-30/LSS-…eloadBuildinglist.user.js

Nein, mit der Einsatzliste (und falls jemand fragt: Auch mit dem Chat) klappt das leider nicht so schick wie mit der Gebäudeliste, das würde mehr Aufwand kosten.

Im Fenster-Design habe ich auf der rechten Seite die Einsatzliste, die den Button verdeckt. Ich habe den Reload-Button in die Button-Group der Gebäudeliste (#tn-group-building-select) verschoben. Beim Reload wird nun der Button nicht ein zweites Mal hinzugefügt. Ich gehe davon aus, dass die Monkey-Scripts einmalig beim Page-Load ausgeführt werden. Gibt es die Möglichkeit das Script über ein Event (sobald die Gebäudeliste geladen ist) erneut zu laden?

Zitat von BOS-Ernie

Im Fenster-Design habe ich auf der rechten Seite die Einsatzliste, die den Button verdeckt. Ich habe den Reload-Button in die Button-Group der Gebäudeliste (#tn-group-building-select) verschoben. Beim Reload wird nun der Button nicht ein zweites Mal hinzugefügt. Ich gehe davon aus, dass die Monkey-Scripts einmalig beim Page-Load ausgeführt werden. Gibt es die Möglichkeit das Script über ein Event (sobald die Gebäudeliste geladen ist) erneut zu laden?

das wäre z.B. möglich, indem man sich in buildingLoadContent reinhakt:

buildingLoadContentOrig = buildingLoadContent;
buildingLoadContent = (...args) => {
    buildingLoadContentOrig(...args);
    // abwarten, bis der Content geladen hat (MutationObserver?)
    // Button in die Leiste einfügen, wenn noch nicht vorhanden oder alten Button löschen
}

Müsste man noch den Code für schreiben, da hab ich im Moment aber keine Zeit für, deshalb hier nur die Theorie

Passt, danke für den Tipp.

Meine Variante (Button zum Neuladen der Gebäudeliste direkt in dieser Liste)

[Blockierte Grafik: https://snipboard.io/9ZrVW3.jpg]

(function () {
  const callback = (mutations) => {
    mutations.forEach((mutation) => {
      if (mutation.addedNodes.length > 0) {
        addReloadButton();
      }
    });
  };

  const observer = new MutationObserver(callback);
  observer.observe(document.getElementById("buildings"), {
    childList: true,
  });

  const addReloadButton = () => {
    if (document.getElementById("reload-building-list-button")) {
      return;
    }

    const reloadButton = document.createElement("a");
    reloadButton.innerHTML =
      '<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>';
    reloadButton.addEventListener("click", (e) => {
      e.preventDefault();
      buildingLoadContent("/buildings");
    });
    reloadButton.id = "reload-building-list-button";
    reloadButton.className = "lightbox-open btn btn-xs btn-default";

    // Add control as last child to element with id "btn-group-building-select"
    const btnGroupBuildingSelect = document.getElementById(
      "btn-group-building-select"
    );
    if (btnGroupBuildingSelect) {
      btnGroupBuildingSelect.appendChild(reloadButton);
    }
  };

  addReloadButton();
})();

Funktioniert beides Ausgezeichnet. und das sogar parallel.

Zitat von BOS-Ernie

Passt, danke für den Tipp.

Meine Variante (Button zum Neuladen der Gebäudeliste direkt in dieser Liste)

[Blockierte Grafik: https://snipboard.io/9ZrVW3.jpg]

Code

(function () {
  const callback = (mutations) => {
    mutations.forEach((mutation) => {
      if (mutation.addedNodes.length > 0) {
        addReloadButton();
      }
    });
  };

  const observer = new MutationObserver(callback);
  observer.observe(document.getElementById("buildings"), {
    childList: true,
  });

  const addReloadButton = () => {
    if (document.getElementById("reload-building-list-button")) {
      return;
    }

    const reloadButton = document.createElement("a");
    reloadButton.innerHTML =
      '<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>';
    reloadButton.addEventListener("click", (e) => {
      e.preventDefault();
      buildingLoadContent("/buildings");
    });
    reloadButton.id = "reload-building-list-button";
    reloadButton.className = "lightbox-open btn btn-xs btn-default";

    // Add control as last child to element with id "btn-group-building-select"
    const btnGroupBuildingSelect = document.getElementById(
      "btn-group-building-select"
    );
    if (btnGroupBuildingSelect) {
      btnGroupBuildingSelect.appendChild(reloadButton);
    }
  };

  addReloadButton();
})();

Alles anzeigen

Alles anzeigen

Hm ich bekomme das nicht zum laufen. Oder benötigt man beide Spcripte?

Du nimmst die Version von Jan.

Das ist der wichtigste Teil. Da wo der Code steht ab const bar = ...

Den Teil ersetzt du dann durch den Code ->

Zitat von BOS-Ernie

Passt, danke für den Tipp.

Meine Variante (Button zum Neuladen der Gebäudeliste direkt in dieser Liste)

[Blockierte Grafik: https://snipboard.io/9ZrVW3.jpg]

Code

(function () {
  const callback = (mutations) => {
    mutations.forEach((mutation) => {
      if (mutation.addedNodes.length > 0) {
        addReloadButton();
      }
    });
  };

  const observer = new MutationObserver(callback);
  observer.observe(document.getElementById("buildings"), {
    childList: true,
  });

  const addReloadButton = () => {
    if (document.getElementById("reload-building-list-button")) {
      return;
    }

    const reloadButton = document.createElement("a");
    reloadButton.innerHTML =
      '<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>';
    reloadButton.addEventListener("click", (e) => {
      e.preventDefault();
      buildingLoadContent("/buildings");
    });
    reloadButton.id = "reload-building-list-button";
    reloadButton.className = "lightbox-open btn btn-xs btn-default";

    // Add control as last child to element with id "btn-group-building-select"
    const btnGroupBuildingSelect = document.getElementById(
      "btn-group-building-select"
    );
    if (btnGroupBuildingSelect) {
      btnGroupBuildingSelect.appendChild(reloadButton);
    }
  };

  addReloadButton();
})();

Alles anzeigen

Alles anzeigen

Das Ergebnis von Jan ist ein kleines Häuschen oben rechts auf Karte. Das Ergebnis von Bos-Ernie hat er ja als Foto in seinen letzten Beitrag gepackt.

Sakulh97 Meine Scripte sind bislang nicht gehostet. Deshalb muss man den Code kopieren und manuell als neues Userscript im Tampermonkey installieren. Klappt das bei dir?