panel flot beta dla 5.0

// ==UserScript==
// @author       Thing
// @name         Panel Flot dla beta 5.x
// @version      1.27
// @match        *hegira.com.pl/*
// @match        *hegira.eu/*
// @updateURL    https://pastebin.com/raw/XXNwXk3f
// @downloadURL  https://pastebin.com/raw/XXNwXk3f
// @copyright    free
// @noframes
// ==/UserScript==
"use strict";
let ppdr;
if (!window.location.href.includes("4.0")) {
  $("head").append(
    "<style>.panelFSkr{padding:5px;text-align:center;}.loader{border:16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 100px;height: 100px;-webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite;}/* Safari */@-webkit-keyframes spin {  0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); }}@keyframes spin {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}</style>"
  );
  //ustawianie panelu
  const pozycjaPanelu =
    (document.cookie
      .split("; ")
      .filter((x) => x.includes("panelFloty"))
      .map(function (x) {
        const temp = x.includes("panelFlotyy=")
          ? `left:${x.replace("panelFlotyy=", "")};`
          : `top:${x.replace("panelFlotyx=", "")};`;
        return temp;
      })
      .join(" ") || "left:1535px; top:45px;") + "z-index:1;";
  //dodawacz panelu i iframe'ow
  const dodawacz = function () {
    $("#pudlo").append(
      `<div id="panelFloty" class="dragme" style="${pozycjaPanelu}">` +
        `<div class="div_efekt" style="border: 4px ridge #016161;border-radius: 25px 25px 40px 25px; width:400px;">` +
        `<iframe name='invisiblev2' id='invisiblev2' style='display:none;'></iframe>` +
        `<div style="padding:5px;"id="wypel">` +
        `<center><div class="loader"></div></center` +
        `</div></div>` +
        `<iframe id="kombo" name="kombo" src="engine.php?menu=port_fleet" style="display:none;";></iframe>` +
        `</div>`
    );
  };
  function buttonChanger() {
    //kolko czytywania
    if ($("div.loader").length === 0)
      $("div#wypel").append(`<center><div class="loader"></div></center>`);
    document.getElementById("invisiblev2").onload = function () {
      $("#kombo")[0].src = "engine.php?menu=port_fleet";
      document.getElementById("kombo").onload = function () {
        ppdr = $($("#kombo")[0].contentDocument).find("#srodeksyswSzeroki")[0]
          .outerHTML;
        const temp = $($("#kombo")[0].contentDocument);
        //pierwszy if sprawdza czy strona iframe'a zaladowala sie poprawnie
        if ($(temp).find("#pudlo").length > 0) {
          wypelniacz(temp);
          const divIdAr = ["#pole_komunikatu", "#zasobysysw > ul", "#mapa"];
          if (
            window.location.href.includes(
              "hegira.com.pl/engine.php?menu=port_fleet"
            )
          ) {
            // location.reload();
            // return;
            $("#srodeksyswSzeroki")[0].outerHTML = ppdr;
          }
          const divUpdater = function (divId) {
            $(divId)[0].innerHTML = $(temp).find(divId)[0].innerHTML;
          };
          divIdAr.forEach(divUpdater);
        } else {
          alert("Wystąpił nieoczekiwany błąd");
          location.reload();
        }
      };
    };
  }
  //podmienia targety dla formow przy klikaniu guzikow
  const stopPrzekierowaniu = function () {
    $("div.wypel")
      .find("form")
      .not('[name="obejrzyj_sonde"]')
      .each(function () {
        $((this.target = "invisiblev2"));
      });
    $("div.wypel")
      .find("button")
      .click(function () {
        if ($(this)[0].classList[0] == "dzielnik") {
          const kordy = $(this)
            .prev()
            .val()
            .replace(/-\d\D|.*w1|w[23]|speed.*|[^-\d]/g, ",")
            .replace(/^[,]*/g, "")
            .replace(/,+/g, "w")
            .split("w");
          const output = $(this).next().find('input[type="text"]');
          for (let i = 0; i < 3; i++) {
            output[i].value = kordy[i];
          }
        } else if (
          this.innerHTML == "D" ||
          this.innerHTML == " Podgląd z sondy"
        ) {
        } else {
          buttonChanger();
        }
      });
    //guziki nie button
    $("div.wypel").find('input[type="submit"]').click(buttonChanger);
    $("div.wypel").find('input[value="Submit"]').click(buttonChanger);
  };
  //tworzy zawartosc panelu
  function wypelniacz(r) {
    const fdr = function (co, resp = r) {
      return $(resp).find(co)[0];
    };
    const dzielnikStr =
      '<p>Rozdzielanie współrzędnych</p><input type="text" value size="12" /><button type="button" class="dzielnik" title="Rozdziel współrzędne." >RW</button>';

    let nFloty;
    let listaFlot;
    let pozycja;
    let rozkazy;
    let sterowanie;
    let celowanie;
    let techniczne;
    let ladownia;
    let walka;
    const zestaw = [];
    let wyp;
    let obecnaZakl =
      Number(localStorage.obecnaZakl) || (localStorage.obecnaZakl = 1);

    listaFlot = fdr(".okienko_floty_9");
    let aktFl;
    //zapamietuje akt flote
    const aktualizator = function () {
      $(fdr(".okienko_floty_9"))
        .find("tr")
        .each(function () {
          if (
            this.style.cssText ===
            "text-shadow: rgb(19, 175, 200) 1px 1px 6px; background: rgb(114, 137, 146);"
          )
            aktFl = this;
        });
    };
    aktualizator();
    let prevFl = $(aktFl).prev().find("button.guzik_wybor_floty").parent()[0];
    prevFl && (prevFl.target = "invisiblev2");
    let nextFl = $(aktFl).next().find("button.guzik_wybor_floty").parent()[0];
    nextFl && (nextFl.target = "invisiblev2");
    //usuwa div z flotami by zapobiec dupkiowaniu
    $("#dFlot").remove();
    //dolacza divy z formami do body dla gozikow do zmiany flot, bo bez tego te guziki nie istnieja w dokumencie zatem nie moga dzialac
    $(document.body).append(
      `<div id="dFlot" style="display:none;"><div id="prevFlFrm">${prevFl?.outerHTML}</div><div id="nextFlFrm">${nextFl?.outerHTML}</div></div>`
    );
    listaFlot = $(listaFlot).find("ul");
    listaFlot.style = "";
    listaFlot = listaFlot[1];
    listaFlot.style = "";
    listaFlot = listaFlot.outerHTML;
    zestaw.push(listaFlot);
    pozycja = fdr(".okienko_floty_6").innerHTML;
    rozkazy = fdr(".okienko_w_stoczni");
    nFloty = $(rozkazy).find("h3")[0].innerHTML;
    $(rozkazy).find("h2").remove();
    $(rozkazy).find("h3").remove();
    $(rozkazy).find(".okienko_floty_9")[0].remove();
    $(rozkazy).find("div")[0].style = "";
    rozkazy = rozkazy.innerHTML + pozycja;
    zestaw.push(rozkazy);
    sterowanie = fdr(".okienko_floty_1");
    $(sterowanie).find('form[name="kurs_floty"]').before(dzielnikStr);
    sterowanie = sterowanie.innerHTML;
    zestaw.push(sterowanie);
    celowanie = fdr(".okienko_floty_3");
    $(celowanie).find('input[name="max_targets_id"]').siblings("p").remove();
    celowanie = celowanie.innerHTML;
    zestaw.push(celowanie);
    techniczne = fdr(".okienko_floty_4");
    $(techniczne).find('form[name="odpal_sonde"]').before(dzielnikStr);
    techniczne = techniczne.innerHTML;
    zestaw.push(techniczne);
    ladownia =
      $(fdr("p:contains(Zawarto)")).parent()[0]?.outerHTML ||
      "<h3>Ładownie floty są puste.</h3";
    zestaw.push(ladownia);
    walka = fdr("#porownanie_flotw");
    if (walka) {
      walka = `${$(walka).find('form[name="kupmiasto3"]')[0]?.outerHTML}
      ${$(walka).find('table[class="fleets"]')[0]?.outerHTML}
      ${$(walka).find('table[class="fleets"]')[1]?.outerHTML}`;
    } else walka = "<h3>Nie prowadzisz obecnie bitwy</h3>";
    zestaw.push(walka);
    wyp =
      `<div style="text-align: center; padding-bottom:20px;">` +
      `<center><p style="font-size: 125%; margin-bottom: 10px;">${
        prevFl ? '<button type="button" class="zmFl" value="1"><</button>' : ""
      } Aktywna ${nFloty} ${
        nextFl ? '<button type="button" class="zmFl" value="2">></button>' : ""
      }</p></center>` +
      `<button type="button" class="panelFSkr"  value="2">Rozkazy</button>` +
      `<button type="button" class="panelFSkr"  value="1">Lista Flot</button>` +
      `<button type="button" class="panelFSkr"  value="3">Sterowanie</button>` +
      `<button type="button" class="panelFSkr"  value="4">Celowanie</button>` +
      `<button type="button" class="panelFSkr"  value="5">Techniczne</button>` +
      `<button type="button" class="panelFSkr"  value="6">Ładownia</button>` +
      `<button type="button" class="panelFSkr"  value="7">Walka</button>` +
      `</div>` +
      `<center><div class="wypel" style ="max-height:500px;overflow-y:auto;">${
        zestaw[obecnaZakl - 1]
      }</div></center>`;
    $("div#wypel")[0].innerHTML = wyp;
    $("button.zmFl").click(function () {
      if (this.value == 1) {
        $("#prevFlFrm").children().submit();
        aktualizator();
        buttonChanger();
      } else if (this.value == 2) {
        $("#nextFlFrm").children().submit();
        aktualizator();
        buttonChanger();
      }
    });
    $("button.panelFSkr").click(function () {
      localStorage.obecnaZakl = this.value;
      $("div.wypel")[0].innerHTML = zestaw[Number(this.value) - 1];
      if (localStorage.obecnaZakl == 7) {
        $("div.wypel")[0].style.overflowX = "scroll";
      } else $("div.wypel")[0].style.overflowX = "auto";
      stopPrzekierowaniu();
    });
    stopPrzekierowaniu();
    fetch(window.location.href);
  }
  dodawacz();
  document.getElementById("kombo").onload = function () {
    wypelniacz($("#kombo")[0].contentDocument);
  };
}