☰

hwmSetsMaster

Смена фракций. Наборы оружия, навыков, армий и миниартов мага. Билды

目前为 2025-03-28 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name           hwmSetsMaster
  3. // @author         Tamozhnya1
  4. // @namespace      Tamozhnya1
  5. // @description    Смена фракций. Наборы оружия, навыков, армий и миниартов мага. Билды
  6. // @version        13.6
  7. // @include        *heroeswm.ru/*
  8. // @include        *lordswm.com/*
  9. // @exclude        */rightcol.php*
  10. // @exclude        */ch_box.php*
  11. // @exclude        */chat*
  12. // @exclude        */ticker.html*
  13. // @exclude        */frames*
  14. // @exclude        */brd.php*
  15. // @require        https://update.greasyfork.org/scripts/490927/1360667/Tamozhnya1Lib.js
  16. // @grant          GM_getValue
  17. // @grant          GM_setValue
  18. // @grant          GM_deleteValue
  19. // @grant          GM_listValues
  20. // @grant 		   GM.xmlHttpRequest
  21. // @license        MIT
  22. // ==/UserScript==
  23.  
  24. if(!PlayerId) {
  25.     return;
  26. }
  27. const Strings = {
  28.         "ru": {
  29.             Army: "Армия",
  30.             Save: "Сохранить",
  31.             Add: "Добавить",
  32.             AddCurrent: "Добавить текущий",
  33.             SetName: "Наименование набора",
  34.             Delete: "Удалить",
  35.             Talents: "Навыки",
  36.             Inventory: "Оружие",
  37.             RemoveAll: "Снять все",
  38.             EnterJpg: "enter0.jpg",
  39.             SignInTitle: "Войти",
  40.             Castle: "Замок",
  41.             Task: "Задание",
  42.             Apply: "Применить",
  43.             AvailablePoints: "Свободных очков",
  44.             AvailableTalentPoints: "Свободных очков от навыка",
  45.             IncreaseManyPointsTooltip: "Введите число от ${minValue} до ${maxValue}. Нажмите Tab."
  46.         },
  47.         "en": {
  48.             Army: "Army",
  49.             Save: "Save",
  50.             Add: "Add",
  51.             AddCurrent: "Add current",
  52.             SetName: "Set name",
  53.             Delete: "Delete",
  54.             Talents: "Talents",
  55.             Inventory: "Inventory",
  56.             RemoveAll: "Un-equip all",
  57.             EnterJpg: "enter0_eng.jpg",
  58.             SignInTitle: "Sign in",
  59.             Castle: "Castle",
  60.             Task: "Task",
  61.             Apply: "Apply",
  62.             AvailablePoints: "Available points",
  63.             AvailableTalentPoints: "Available talent points",
  64.             IncreaseManyPointsTooltip: "Enter number from ${minValue} to ${maxValue}. Press Tab."
  65.         }
  66.     };
  67. const LocalizedString = Strings[lang];
  68. let Fraction;
  69. getFraction();
  70. const wizardSkillLevel = getWizardSkillLevel();
  71. const miniArtsPowers = [
  72.     [0, 1, 1, 0, 0, 0, 1],
  73.     [0, 2, 1, 0, 1, 0, 2],
  74.     [0, 3, 2, 0, 1, 0, 3],
  75.     [0, 3, 2, 0, 2, 1, 4],
  76.     [0, 4, 3, 1, 2, 1, 5],
  77.     [0, 4, 4, 1, 3, 1, 6],
  78.     [0, 5, 5, 1, 3, 1, 7],
  79.     [0, 6, 6, 1, 4, 2, 8],
  80.     [0, 6, 6, 2, 4, 2, 9],
  81.     [0, 7, 7, 2, 5, 2, 10],
  82.     [0, 8, 8, 2, 5, 2, 11],
  83.     [0, 9, 9, 2, 6, 2, 12],
  84.     [0, 10, 10, 2, 6, 2, 13],
  85.     [0, 11, 11, 2, 6, 2, 14],
  86.     [0, 12, 12, 2, 6, 2, 15],
  87. ];
  88. const miniArtsPower = miniArtsPowers[wizardSkillLevel];
  89. const creatures = [
  90. {},
  91. { imageSource: "https://dcdn2.heroeswm.ru/i/portraits/mastergremlinanip33.png?v=21" },
  92. { imageSource: "https://dcdn2.heroeswm.ru/i/portraits/obsgargolyanip33.png?v=23" },
  93. { imageSource: "https://dcdn3.heroeswm.ru/i/portraits/steelgolemanip33.png?v=20" },
  94. { imageSource: "https://dcdn.heroeswm.ru/i/portraits/archmageanip33.png?v=18" },
  95. { imageSource: "https://dcdn.heroeswm.ru/i/portraits/djinn_sultananip33.png?v=20" },
  96. { imageSource: "https://dcdn1.heroeswm.ru/i/portraits/rakshasa_rajaanip33.png?v=23" },
  97. { imageSource: "https://dcdn3.heroeswm.ru/i/portraits/titananip33.png?v=21" },
  98. ];
  99. const miniArtsEffects = [
  100.     { imageSource: "" },
  101.     { imageSource: "//dcdn.heroeswm.ru/i/icons/attr_defense.png?v=1" },
  102.     { imageSource: "//dcdn.heroeswm.ru/i/icons/attr_attack.png?v=1" },
  103.     { imageSource: "//dcdn.heroeswm.ru/i//icons/attr_speed.png?v=1" },
  104.     { imageSource: "//dcdn.heroeswm.ru/i/icons/attr_hit_points.png?v=1" },
  105.     { imageSource: "//dcdn.heroeswm.ru/i/icons/attr_morale.png?v=1" },
  106.     { imageSource: "//dcdn.heroeswm.ru/i/icons/attr_initiative.png?v=1" },
  107. ];
  108.  
  109. //const homeArtsPanelSelector = doc => isNewPersonPage ? doc.querySelector("div#inv_doll_stats") : getParent(doc.querySelector("div.arts_info.shop_art_info"), "table");
  110. const homeArtsPanelSelector = doc => isNewPersonPage ? doc.querySelector("div#inv_doll_stats") : doc.querySelector("body > center table.wb > tbody > tr:nth-child(3) > td > table:nth-child(2)");
  111. const homeStatsPanelSelector = doc => isNewPersonPage ? doc.getElementById("home_css_stats_wrap_div") : getParent(doc.querySelector("img[src*='attr_attack']"), "table", 2);
  112. const homeArmyPanelSelector = doc => isNewPersonPage ? doc.querySelector("div.home_pers_army") : doc.querySelector("center > div > div.cre_creature72").parentNode;
  113. const playerInfoArtsPanelSelector = doc => getParent(doc.querySelector("div[class^='slot']"), "div");
  114. const playerInfoStatsPanelSelector = doc => getParent(doc.querySelector("img[src*='attr_attack']"), "table");
  115. const playerInfoArmyPanelSelector = doc => doc.querySelector("center > div > div.cre_creature72").parentNode;
  116. const playerInfoPerksPanelSelector = doc => getParent(doc.querySelector("a[href^='showperkinfo.php']"), "table", 2);
  117. const mapHuntButtonsPanelSelector = doc => doc.querySelector("div#neut_right_block div.map_buttons_container");
  118. const mapHuntButtons2PanelSelector = doc => doc.querySelector("div#neut_right_block2 div.map_buttons_container");
  119. const mapMercenaryTaskPanelSelector = doc => getParent(doc.querySelector("div#map_right_block_inside > table.wbwhite.rounded_table.map_table_margin center a[href='mercenary_guild.php']"), "center");
  120. const inventoryStatsPanelSelector = doc => doc.querySelector("div.inventory_stats");
  121. const resourcesPath = `${location.protocol}//${location.host.replace("www", "dcdn")}`;
  122.  
  123. const weaponSetsPreferences = {
  124.     menuTitle: LocalizedString.Inventory,
  125.     menuImage: `${resourcesPath}/i/combat/btn_inventory.png?v=7`,
  126.     setReferencePage: "inventory.php",
  127.     sets: new Array(),
  128.     menuItems: {},
  129.     currentMenuItem: undefined,
  130.     initSetsApplyAction: function() {
  131.         this.sets.length = 0;
  132.         this.sets.push({ number: 0, name: LocalizedString.RemoveAll, method: "GET", url: "/inventory.php?all_off=100" });
  133.         const weaponSets = JSON.parse(getPlayerValue("WeaponSets", "{}"));
  134.         for(const setNumber in weaponSets) {
  135.             this.sets.push({ number: setNumber, name: weaponSets[setNumber], method: "GET", url: `/inventory.php?all_on=${setNumber}` });
  136.         }
  137.     },
  138.     name: "WeaponSet",
  139.     getCurrentSetName: function() { return "WeaponSet"; },
  140.     onPageLoad: function() {
  141.         if(location.pathname == "/inventory.php") {
  142.             const undressDiv = document.querySelector("div[id ='undress_all_div']");
  143.             addSetChangerListener(undressDiv, this, 0);
  144.  
  145.             const setDivs = document.querySelectorAll("div[set_div_id]"); // Если setDivs.length = 0, то ничего не делаем - мы в заявке на бой
  146.             if(setDivs.length > 0) {
  147.                 const weaponSets = {};
  148.                 for(const setDiv of setDivs) {
  149.                     const setNumber = setDiv.getAttribute("set_div_id");
  150.                     if(setDiv.hasAttribute("onclick")) {
  151.                         weaponSets[setNumber] = setDiv.innerText;
  152.                         addSetChangerListener(setDiv, this, setNumber);
  153.                     }
  154.                 }
  155.                 setPlayerValue("WeaponSets", JSON.stringify(weaponSets));
  156.             }
  157.         }
  158.         this.findSetChangersAndAddListener();
  159.     },
  160.     findSetChangersAndAddListener: function() {
  161.         let setRefs = document.querySelectorAll("a[href^='inventory.php?all_off=100']");
  162.         for(const setRef of setRefs) {
  163.             addSetChangerListener(setRef, this, 0);
  164.         }
  165.         setRefs = document.querySelectorAll("a[href*='inventory.php?all_on=']");
  166.         for(const weaponSetReference of setRefs) {
  167.             let setNumber = weaponSetReference.getAttribute("href").split("all_on=")[1];
  168.             addSetChangerListener(weaponSetReference, this, setNumber);
  169.         }
  170.     }
  171. };
  172. const skillSetsPreferences = {
  173.     menuTitle: LocalizedString.Talents,
  174.     menuImage: `${resourcesPath}/i/combat/btn_skills_v3.png?v=7`,
  175.     setReferencePage: "skillwheel.php",
  176.     sets: new Array(),
  177.     menuItems: {},
  178.     currentMenuItem: undefined,
  179.     onPageLoad: function() {
  180.         const setRefs = document.querySelectorAll("a[href^='skillwheel.php?setuserperk']"); // skillwheel.php?setuserperk=1&prace=4&buildid=5 // skillwheel.php?rand=1&setstats=1&param0=20&param1=8&param2=0&param3=2
  181.         const pageSets = {};
  182.         for(const setRef of setRefs) {
  183.             pageSets[setRef.innerHTML] = getUrlParamValue(setRef.href, "buildid");
  184.             addSetChangerListener(setRef, this, parseInt(getUrlParamValue(setRef.href, "buildid")));
  185.         }
  186.         setPlayerFractionValue("SkillSets", JSON.stringify(pageSets));
  187.     },
  188.     initSetsApplyAction: function () {
  189.         const skillSets = JSON.parse(getPlayerFractionValue("SkillSets", "{}"));
  190.         this.sets = Object.keys(skillSets).map(x => { return { number: parseInt(skillSets[x]), name: x, method: "GET", url: `/skillwheel.php?setuserperk=1&prace=${Fraction}&buildid=${skillSets[x]}` }; });
  191.     },
  192.     name: "SkillSet",
  193.     getCurrentSetName: function() { return getFractionKey("SkillSet"); },
  194. };
  195. const armySetsPreferences = {
  196.     menuTitle: LocalizedString.Army,
  197.     menuImage: `${resourcesPath}/i/castle_im/btn_recruit.png`,
  198.     setReferencePage: "army.php",
  199.     sets: new Array(),
  200.     menuItems: {},
  201.     currentMenuItem: undefined,
  202.     setsTable: null,
  203.     name: "ArmySet",
  204.     getCurrentSetName: function() { return getFractionKey("ArmySet"); },
  205.     initSetsApplyAction: function () {
  206.         const armySetsData = JSON.parse(getPlayerFractionValue("ArmySets", "{}"));
  207.         const armySets = Object.keys(armySetsData).map(x => { const data = armySetsData[x].split("|"); return { Id: x, Name: data[0], Army: data.slice(1).map(y => Number(y)) } });
  208.         this.sets = armySets.map(x => { return { number: parseInt(x.Id), name: x.Name, title: x.Army.join("+"), method: "POST", url: "/army_apply.php", data: "set_id=7&" + x.Army.map((x, i) => `countv${i + 1}=${x}`).join("&") }; });
  209.         if(location.pathname == "/army.php") {
  210.             this.drawSetsTable(armySets);
  211.         }
  212.     },
  213.     drawSetsTable: function(armySets) {
  214.         const isInit = this.setsTable ? false : true;
  215.         let container;
  216.         if(isInit) {
  217.             const hwm_for_zoom = document.getElementById("hwm_for_zoom") || document.getElementById("hwm_no_zoom");
  218.             container = document.body;
  219.             if(!isMobileInterface) {
  220.                 container = addElement("center", null, hwm_for_zoom);
  221.             }
  222.             this.setsTable = addElement("table", { class: "smithTable", style: `${isMobileInterface ? "margin-left: px;" : ""}` }, container);
  223.         } else {
  224.             this.setsTable.innerHTML = "";
  225.             container = this.setsTable.parentNode;
  226.         }
  227.  
  228.         const cellWidths = [100, 60, 60, 60, 60, 60, 60, 60, 10, 10];
  229.         for(const cellWidth of cellWidths) {
  230.             this.setsTable.innerHTML += `<col style="width: ${cellWidth}px;" />`;
  231.         }
  232.         this.drawTableHeader();
  233.         for(const armySet of armySets) {
  234.             this.drawSetRow(armySet);
  235.         }
  236.         if(isInit) {
  237.             const saveButton = addElement("input", { type: "button", value: LocalizedString.Save, class: "button-62", style: isMobileInterface ? "margin: 0 0 0 50px;" : "" }, container);
  238.             saveButton.addEventListener("click", this.saveSets);
  239.             const addCurrentButton = addElement("input", { type: "button", value: LocalizedString.AddCurrent, class: "button-62" }, container);
  240.             addCurrentButton.addEventListener("click", function() { armySetsPreferences.drawSetRow(); });
  241.         }
  242.     },
  243.     drawTableHeader: function () {
  244.         if(!this.setsTable) {
  245.             return;
  246.         }
  247.         const units = win.obj;
  248.         //console.log(units)
  249.         const tr = addElement("tr", null, this.setsTable);
  250.         addElement("th", { innerHTML: LocalizedString.SetName.replace(/ /g, "<br>").replace(/-/g, "-<br>") }, tr);
  251.         for(let i = 1; i <= 7; i++) {
  252.             addElement("th", { innerHTML: (units[i]?.name || "").replace(/ /g, "<br>").replace(/-/g, "-<br>"), onClick: `ChangeSlider(event, ${i}, 0);` }, tr);
  253.         }
  254.         addElement("th", { style: "width: 30px;" }, tr);
  255.         addElement("th", { style: "width: 30px;" }, tr);
  256.     },
  257.     drawSetRow: function(armySet) {
  258.         const isNew = armySet ? false : true;
  259.         const units = win.obj;
  260.         //console.log(`armySet: ${armySet}, units: ${units}`);
  261.         //console.log(units.slice(1));
  262.         armySet = armySet || { Id: (new Date()).getTime(), Name: "", Army: [units[1], units[2], units[3], units[4], units[5], units[6], units[7]].map(x => x?.nownumberd || 0) };
  263.         if(!this.setsTable) {
  264.             return;
  265.         }
  266.         const tr = addElement("tr", { setId: armySet.Id }, this.setsTable);
  267.         let td = addElement("td", {}, tr);
  268.         let input = addElement("input", { value: armySet.Name, onfocus: `this.select();`, style: "width: 100%;" }, td);
  269.         for(let i = 0; i < armySet.Army.length; i++) {
  270.             td = addElement("td", {}, tr);
  271.             input = addElement("input", { value: armySet.Army[i], onfocus: `ChangeSlider(event, ${i + 1}, 0); this.select();`, type: "number", style: "min-width: 47px; width: 100%; text-align: right;" }, td);
  272.         }
  273.         td = addElement("td", {}, tr);
  274.         let delButton = addElement("input", { type: "button", value: "x", class: "button-62", style: "width: 100%;", title: LocalizedString.Delete }, td);
  275.         delButton.addEventListener("click", this.deleteSet);
  276.  
  277.         td = addElement("td", {}, tr);
  278.         if(!isNew) {
  279.             let applyButton = addElement("input", { type : "button", value : "v", class: "button-62", style: "width: 100%;", title : LocalizedString.Apply }, td);
  280.             applyButton.addEventListener("click", function() {
  281.                 armySetsPreferences.saveSets();
  282.                 const data = armySet.Army.reduce((x, y, i) => `${x}&countv${i + 1}=${y}`, "set_id=7");
  283.                 //console.log(data);
  284.                 applySet(null, armySetsPreferences, {
  285.                     number: parseInt(armySet.Id),
  286.                     name: armySet.Name,
  287.                     title: armySet.Army.join("+"),
  288.                     method: "POST", url: "/army_apply.php",
  289.                     data: data
  290.                 });
  291.             });
  292.         }
  293.     },
  294.     saveSets: function () {
  295.         const rows = Array.from(armySetsPreferences.setsTable.rows).slice(1);
  296.         const armySetsData = rows.reduce((t, x) => ({ ...t, [x.getAttribute("setId")]: Array.from(x.cells).slice(0, 8).map(y => y.firstChild.value).join("|") }), {});
  297.         setPlayerFractionValue("ArmySets", JSON.stringify(armySetsData));
  298.     },
  299.     deleteSet: function () {
  300.         const table = this.parentNode.parentNode.parentNode;
  301.         const row = this.parentNode.parentNode;
  302.         table.removeChild(row);
  303.     },
  304. };
  305. const fractionsPreferences = {
  306.     menuTitle: LocalizedString.Castle,
  307.     menuImage: `${resourcesPath}/i/castle_im/btn_fraction.png`,
  308.     setReferencePage: "castle.php",
  309.     sets: [],
  310.     menuItems: {},
  311.     currentMenuItem: undefined,
  312.     initSetsApplyAction: function() {
  313.         const fractions = JSON.parse(getPlayerValue("Fractions", "{}"));
  314.         this.sets = Object.keys(fractions).map(x => { return { number: fractions[x], name: x, method: "GET", url: `/castle.php?change_clr_to=${fractions[x]}&sign=${getPlayerValue("Sign")}` }; });
  315.     },
  316.     name: "Fraction",
  317.     getCurrentSetName: function() { return "Fraction"; },
  318.     onPageLoad: async function () {
  319.         await this.initCastlesList();
  320.         this.findSetChangersAndAddListener();
  321.     },
  322.     initCastlesList: async function () {
  323.         if(location.pathname == '/castle.php' || !getPlayerValue("Fractions")) {
  324.             const doc = location.pathname == '/castle.php' ? document : await getRequest("/castle.php");
  325.             const fractions = Array.from(doc.querySelectorAll("div.castle_faction_div_inside")).reduce((t, x) => ({...t, [x.getAttribute("hint")]: getUrlParamValue(x.firstChild.href, "show_castle_f") }), {});
  326.             setPlayerValue("Fractions", JSON.stringify(fractions));
  327.             const changeCastleRef = doc.querySelector("div.castle_yes_no_dialog a[href*='castle.php?change_clr_to']");
  328.             if(changeCastleRef) {
  329.                 setPlayerValue("Sign", getUrlParamValue(changeCastleRef.href, "sign"));
  330.             }
  331.         }
  332.     },
  333.     findSetChangersAndAddListener: function() {
  334.         const setRefs = document.querySelectorAll("a[href*='castle.php?change_clr_to']");
  335.         for(const setRef of setRefs) {
  336.             addSetChangerListener(setRef, this, getUrlParamValue(setRef.href, "change_clr_to"));
  337.         }
  338.     },
  339.     setChanged: function(newSetNumber) {
  340.         Fraction = newSetNumber;
  341.         setPlayerValue("Fraction", Fraction);
  342.         createMenu();
  343.     }
  344. };
  345. const miniartsPreferences = {
  346.     menuTitle: isEn ? "Mini arts" : "Миниарты",
  347.     menuImage: `${resourcesPath}/i/castle_im/btn_miniart.png`,
  348.     setReferencePage: "magearts.php",
  349.     sets: [],
  350.     menuItems: {},
  351.     currentMenuItem: undefined,
  352.     initSetsApplyAction: function() {
  353.         const setNumbers = GM_listValues().filter(x => x.startsWith("MiniartsSet_") && x.endsWith(PlayerId)).map(x => x.replace("MiniartsSet_", "").replace(new RegExp(`${PlayerId}$`), ""));
  354.         this.sets = setNumbers.map(x => ({ number: x, name: getPlayerValue(`MiniartsSet_${x}`), items: JSON.parse(getPlayerValue(`MiniartsSetItems_${x}`, "[]")) }));
  355.         if(location.pathname == "/magearts.php") {
  356.             this.miniartSetsTableDatabind();
  357.         }
  358.     },
  359.     name: "MiniartsSet",
  360.     getCurrentSetName: function() { return "MiniartsSet"; },
  361.     miniartSetsTableDatabind: async function() {
  362.         if(location.pathname != "/magearts.php") {
  363.             return;
  364.         }
  365.         const buildTable = Array.from(document.querySelectorAll('b')).find(x => x.innerHTML == (isEn ? "Assemble a new mini-artifact." : 'Собрать новый мини-артефакт.'))?.closest("table");
  366.         if(!buildTable) {
  367.             return;
  368.         }
  369.         let miniartSetsTable = document.getElementById("miniartSetsTable");
  370.         if(!miniartSetsTable) {
  371.             miniartSetsTable = addElement('table', { id: "miniartSetsTable", class: `miniartSetsTable ${buildTable.className}` });
  372.             buildTable.insertAdjacentElement("afterend", miniartSetsTable);
  373.             miniartSetsTable.width = buildTable.width;
  374.             miniartSetsTable.align = buildTable.align;
  375.         } else {
  376.             miniartSetsTable.innerHTML = "";
  377.         }
  378.         const currentSet = await this.getCurrentMiniartsSet();
  379.         const currentSetNumber = currentSet.reduce((t, x) => t + `${x.unitNumber}${x.code}`, "");
  380.         const setCodes = GM_listValues().filter(x => x.startsWith("MiniartsSet_") && x.endsWith(PlayerId)).map(x => x.replace("MiniartsSet_", "").replace(new RegExp(`${PlayerId}$`), ""));
  381.         console.log(setCodes);
  382.         const sets = setCodes.map(x => ({ number: x, name: getPlayerValue(`MiniartsSet_${x}`), items: JSON.parse(getPlayerValue(`MiniartsSetItems_${x}`, "[]")) }));
  383.         if(setCodes.find(x => x == currentSetNumber)) {
  384.             setPlayerValue(this.getCurrentSetName(), currentSetNumber);
  385.         } else {
  386.             sets.push({ number: currentSetNumber, name: "", items: currentSet, isNew: true });
  387.         }
  388.         console.log(sets);
  389.         const restriction = Array.from(document.getElementsByTagName('font')).find(x => x.innerHTML == "Вы находитесь в заявке на бой. Ваши действия ограничены!") != null;
  390.         for(const set of sets) {
  391.             const setViewHtml = this.getSetViewHtml(set);
  392.             const row = addElement('tr', { setCode: set.number, class: set.number == currentSetNumber ? "wblight" : "wbwhite" }, miniartSetsTable);
  393.             row.innerHTML = `<td>${setViewHtml}</td>
  394.     <td style="border: 1px solid #5D413A; text-align: center;">
  395.         <input type="text" name="setNameInput" value="${set.name}" placeholder="${isEn ? "Enter set name" : "Введите название набора"}" style="width: 173px;" />
  396.     </td>
  397.     <td style="border: 1px solid #5D413A; text-align: center;">
  398.         <input type="button" value="${isEn ? "Save" : "Сохранить"}" name="saveButton" class="button-62" />
  399.     </td>
  400.     <td style="border: 1px solid #5D413A; text-align: center;">
  401.         <input type="button" value="${isEn ? "Delete" : "Удалить"}" name="deleteButton" class="button-62" ${set.isNew ? "disabled" : ""} />
  402.     </td>`;
  403.             row.querySelector(`input[name=setNameInput]`).addEventListener("change", function(e) { set.name = e.target.value; });
  404.             row.querySelector(`input[name=saveButton]`).addEventListener("click", function(e) { miniartsPreferences.saveMiniartsSet(e, set); });
  405.             row.querySelector(`input[name=deleteButton]`).addEventListener("click", function() { miniartsPreferences.deleteMiniartsSet(set.number); });
  406.         }
  407.         Array.from(document.querySelectorAll("a[href*='magearts.php?sale=1&id=']")).forEach(x => {
  408.             const artId = getUrlParamValue(x.href, "id");//        console.log(`artId: ${artId}`);
  409.             const usedSets = sets.filter(x => x.items.map(y => y.id).includes(artId));
  410.             const isUsed = usedSets.length > 0;
  411.             x.style.color = isUsed ? '#882C08' : '#598808';
  412.             x.title = isUsed ? 'Входит в сеты: ' + usedSets.map(y => y.name).join(", ") : "";
  413.  
  414.             x.parentNode.parentNode.addEventListener("mouseover", function() {
  415.                 Array.from(document.querySelectorAll(`div[artId='${artId}']`)).forEach(x => { x.style.background = "#FFDDDD"; });
  416.             });
  417.             x.parentNode.parentNode.addEventListener("mouseout", function() {
  418.                 Array.from(document.querySelectorAll(`div[artId='${artId}']`)).forEach(x => { x.style.background = "linear-gradient(to top, #fff1eb 0%, #ace0f9 100%)"; });
  419.             });
  420.         });
  421.     },
  422.     getSetViewHtml: function(set) {
  423.         const destructableArts = Array.from(document.querySelectorAll("a[href^='/magearts.php?sale=1&id=']")).map(x => getUrlParamValue(x.href, "id"));//    console.log(destructableArts);
  424.         let viewHtml = "";
  425.         for(let j = 1; j <= 7; j++) {
  426.             const item = set.items.find(x => x.unitNumber == j);
  427.             const creature = creatures[j];
  428.             let miniArtsHtml = "";
  429.             let background = "linear-gradient(to top, #fff1eb 0%, #ace0f9 100%)";
  430.             if(item) {
  431.                 for(let effectIndex = 0; effectIndex < item.code.length; effectIndex++) {
  432.                     const effectNumber = parseInt(item.code.substr(effectIndex, 1));
  433.                     const miniArtsEffect = miniArtsEffects[effectNumber];
  434.                     miniArtsHtml += `<div style="position: relative; display: inline-block; background-color: lightgreen; width: 20px; height: 20px;">
  435.         <img src="${miniArtsEffect.imageSource}" style="width: 20px; height: 20px;" />
  436.         <div style="position: absolute; right: 0px; bottom: 0px; font-weight: bold; color: #f5c140; text-align: right; text-shadow: 0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;">${miniArtsPower[effectNumber]}</div>
  437.     </div>`;
  438.                 }
  439.                 if(!destructableArts.includes(item.id) && location.pathname == "/magearts.php") {
  440.                     background = '#FF9999';
  441.                 }
  442.             }
  443.             viewHtml += `<div ${item ? "artId=" + item.id : ""} class="hwm_creature_slider_army1" style="width: 60px; height: 60px; background: ${background};">
  444.         <div class="hwm_recruit_mon_parent1">
  445.             <img src="${creature.imageSource}" style="position: relative; top: 0; left: 0; image-rendering: -webkit-optimize-contrast; width: 60px; height: auto;">
  446.         </div>
  447.         <div style="position: absolute; right: 0px; bottom: 0px;">${miniArtsHtml}</div>
  448.     </div>`;
  449.             }
  450.         return viewHtml;
  451.     },
  452.     saveMiniartsSet: function(e, set) {
  453.         if(!set.name) {
  454.             e.target.closest("tr").querySelector("input[name=setNameInput]").focus();
  455.             return;
  456.         }
  457.         setPlayerValue(`MiniartsSetItems_${set.number}`, JSON.stringify(set.items));
  458.         setPlayerValue(`MiniartsSet_${set.number}`, set.name);
  459.         this.miniartSetsTableDatabind();
  460.     },
  461.     deleteMiniartsSet: function(number) {
  462.         deletePlayerValue(`MiniartsSet_${number}`);
  463.         deletePlayerValue(`MiniartsSetItems_${number}`);
  464.         this.miniartSetsTableDatabind();
  465.     },
  466.     getCurrentMiniartsSet: async function() {
  467.         const unitNames = isEn ? { "Gremlins": 1, "Gremlin engineers": 1, "Gargoyles": 2, "Enchanted gargoyles": 2, "Golems": 3, "Modern golems": 3, "Magi": 4, "Lorekeepers": 4, "Genies": 5, "Senior genies": 5, "Sphynx guardians": 6, "Sphynx warriors": 6, "Giants": 7, "Titans": 7 }
  468.         : { "Гремлины": 1, "Старшие гремлины": 1, "Каменные горгульи": 2, "Обсидиановые горгульи": 2, "Железные големы": 3, "Стальные големы": 3, "Маги": 4, "Архимаги": 4, "Джинны": 5, "Джинны-султаны": 5, "Принцессы ракшас": 6, "Раджи ракшас": 6, "Колоссы": 7, "Титаны": 7 };
  469.         const artProperties = isEn ? { "Defense": 1, "Attack": 2, "Speed": 3, "Health": 4, "Morale": 5, "Initiative": 6 } : { "Защита": 1, "Нападение": 2, "Скорость": 3, "Здоровье": 4, "Боевой дух": 5, "Инициатива": 6 };
  470.         const doc = location.pathname == "/magearts.php" ? document : await getRequest("/magearts.php");
  471.         const dressedArts = Array.from(doc.querySelectorAll("input[type=submit][value=' Ok ']")).map(x => {
  472.             const row = x.closest("tr");
  473.             const maid = row.querySelector("input[type=hidden][name=maid]").value;
  474.             const unitName = row.cells[1].querySelector("b")?.innerText.trimEnd() || ""; //        console.log(unitName)
  475.             const code = Array.from(row.cells[0].querySelectorAll("img")).map(y => artProperties[y.title]).join("");
  476.             return { id: maid, unitNumber: unitNames[unitName], code: code };
  477.         }).filter(x => x.unitNumber);
  478.         //console.log(dressedArts);
  479.         return dressedArts;
  480.     },
  481.     applySet: async function(set) {
  482.         console.log(set);
  483.         const currentSet = await this.getCurrentMiniartsSet();
  484.         for(let i = 1; i <= 7; i++) {
  485.             const currentUnitArt = currentSet.find(x => x.unitNumber == i);
  486.             const newUnitArt = set.items.find(x => x.unitNumber == i);
  487.             if(newUnitArt) {
  488.                 if(!currentUnitArt || currentUnitArt.id != newUnitArt.id) {
  489.                     //console.log(`data: dress=1&maid=${newUnitArt.id}&who=${newUnitArt.unitNumber}`);
  490.                     await postRequest("/magearts.php", `dress=1&maid=${newUnitArt.id}&who=${newUnitArt.unitNumber}`);
  491.                 }
  492.             } else {
  493.                 if(currentUnitArt && !set.items.find(x => x.id == currentUnitArt.id)) {
  494.                     //console.log(`data: dress=1&maid=${currentUnitArt.id}&who=0`);
  495.                     await postRequest("/magearts.php", `dress=1&maid=${currentUnitArt.id}&who=0`);
  496.                 }
  497.             }
  498.         }
  499.     },
  500.     menuEnabledCondition: function() { return Fraction == "3"; },
  501.     getTooltip: function(set) { return this.getSetViewHtml(set); }
  502. };
  503.  
  504. const preferences = [miniartsPreferences, weaponSetsPreferences, skillSetsPreferences, armySetsPreferences, fractionsPreferences];
  505. const visibleMunuItems = [[], [], [], []];
  506. const dropdownPositions = { bottom: 1, right: 2 };
  507. const dropdownActivateMethods = { hover: 1, click: 2 };
  508.  
  509. main();
  510. function main() {
  511.     if(isHeartOnPage && Fraction) {
  512.         addStyle(`
  513. .button-62 {
  514.   background: linear-gradient(to bottom right, #E47B8E, #FF9A5A);
  515.   border: 0;
  516.   border-radius: 5px;
  517.   color: #FFFFFF;
  518.   cursor: pointer;
  519.   display: inline-block;
  520.   font-family: -apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  521.   font-size: 16px;
  522.   font-weight: 500;
  523.   outline: transparent;
  524.   padding: 0 5px;
  525.   text-align: center;
  526.   text-decoration: none;
  527.   transition: box-shadow .2s ease-in-out;
  528.   user-select: none;
  529.   -webkit-user-select: none;
  530.   touch-action: manipulation;
  531.   white-space: nowrap;
  532. }
  533.  
  534. .button-62:not([disabled]):focus {
  535.   box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);
  536. }
  537.  
  538. .button-62:not([disabled]):hover {
  539.   box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);
  540. }
  541. .button-62:disabled,button[disabled] {
  542.     background: linear-gradient(177.9deg, rgb(58, 62, 88) 3.6%, rgb(119, 127, 148) 105.8%);
  543. }
  544. table.smithTable { 
  545.     width: 100%;
  546.     background: BurlyWood;
  547.     border: 5px solid BurlyWood;
  548.     border-radius: 5px;
  549.     margin-top: 1px;
  550. }
  551. table.smithTable th {
  552.     border: 1px none #f5c137;
  553.     overflow: hidden;
  554.     text-align: center;
  555.     font-size: 11px;
  556. }
  557. table.smithTable td {
  558.     border: 1px none #f5c137;
  559.     overflow: hidden;
  560.     text-align: center;
  561. }
  562. table.smithTable tr:nth-child(odd) {
  563.   background: Wheat;
  564. }
  565. table.smithTable tr:nth-child(even) {
  566.   background: white;
  567. }
  568. .waiting {
  569.     cursor: wait;
  570. }
  571. .not-allowed {
  572.     cursor: not-allowed;
  573. }
  574. .hwm_creature_slider_army1 {
  575.   font-size: 100%;
  576.   width: 60px;
  577.   max-width: 60px;
  578.   position: relative;
  579.   display: table-cell;
  580.   letter-spacing: normal;
  581.   -moz-user-select: none;
  582.   -webkit-user-select: none;
  583.   -ms-user-select: none;
  584. }
  585. .hwm_recruit_mon_parent1 {
  586.   padding-top: 5%;
  587.   position: relative;
  588.   top: 0;
  589.   left: 0;
  590. }
  591. .hwm_recruit_mon_parent1 img {
  592.   position: absolute;
  593.   top: 0;
  594.   left: 0;
  595.   width: 100%;
  596.   height: 100%;
  597. }
  598. table.miniartSetsTable {
  599.  
  600. }
  601. table.miniartSetsTable td {
  602.     border: '1px solid #5D413A',
  603. 	text-align: "center"
  604. }
  605. .miniartsMenuContainer {
  606.     position: absolute;
  607.     z-index: 150;
  608.     text-align: left;
  609.     background: #6b6b69;
  610.     color: #f5c137;
  611.     border: 1px solid #f5c137;
  612.     padding: 2px 5px;
  613.     font-weight: bold;
  614. }
  615. .miniartsMenuContainer div {
  616.     cursor: pointer;
  617. }
  618. `);
  619.         //updateOldData();
  620.         for(const preference of preferences) {
  621.             if(preference.onPageLoad) {
  622.                 preference.onPageLoad();
  623.             }
  624.         }
  625.         createMenu();
  626.         window.addEventListener("resize", function() { createMenu(true); });
  627.         if(isMobileDevice) {
  628.             window.addEventListener("click", function(e) {
  629.                 const closestDropdown = e.target.closest("div[name$=Dropdown]");
  630.                 if(!closestDropdown) {
  631.                     [...document.querySelectorAll("div[name$=Dropdown]")].forEach(x => x.style.display = "none");
  632.                 }
  633.                 const closestExpandable = e.target.closest("div[id$=_expandable]");
  634.                 if(!closestExpandable) {
  635.                     [...document.querySelectorAll("div[id$=_expandable]")].forEach(x => x.style.display = "none");
  636.                 }
  637.                 const closestBreadcrumb = e.target.closest("div#breadcrumbs");
  638.                 if(!closestBreadcrumb) {
  639.                     [...document.querySelectorAll("div#breadcrumbs li.subnav ul")].forEach(y => y.style.display = "none");
  640.                 }
  641.             });
  642.             [...document.querySelectorAll("div#breadcrumbs")].forEach(x => x.addEventListener("touchstart", function(e) {
  643.                 [...document.querySelectorAll("div#breadcrumbs li.subnav ul")].forEach(y => y.style.display = "none");
  644.                 this.querySelector("li.subnav ul").style.display = "block";
  645.             }));
  646.         }
  647.         const menuPanel = document.querySelector("div#hwm_header") || document.querySelector("#main_top_table") || document.querySelector("body > table");
  648.         const homeRef = menuPanel.querySelector("a[href='home.php']");
  649.         const menuAnchor = isNewInterface ? homeRef.parentNode : getParent(homeRef, "table", 3);
  650.         const menuContainer = menuAnchor.parentNode;
  651.         observe(menuContainer, function() { createMenu(true); });
  652.         
  653.         drowSkillChangers();
  654.         if(location.pathname == '/home.php' && isNewPersonPage) {
  655.             observe(document.querySelector("div#home_css_stats_wrap_div"), drowSkillChangers);
  656.         }
  657.     }
  658. }
  659. function updateOldData() {
  660.     const fractionNumbers = [1, 101, 2, 102, 3, 103, 4, 104, 5, 105, 205, 6, 106, 7, 107, 8, 108, 9, 10];
  661.     for(const fractionNumber of fractionNumbers) {
  662.         //deletePlayerFractionValue("SkillSets", fractionNumber);
  663.         const skillSetsOld = getValue(`SkillSets${PlayerId}Fraction${fractionNumber}`);
  664.         const skillSets = getPlayerFractionValue("SkillSets", undefined, fractionNumber);
  665.         // if(fractionNumber == 8) {
  666.             // console.log(`fractionNumber: ${fractionNumber}, skillSetsOld: ${skillSetsOld}, skillSets: ${skillSets}, CurrentSkillSet: ${getValue(`CurrentSkillSet${PlayerId}Fraction${fractionNumber}`)}`);
  667.         // }
  668.         if(skillSetsOld && !skillSets) {
  669.             setPlayerFractionValue("SkillSets", skillSetsOld, fractionNumber);
  670.             setPlayerFractionValue("SkillSet", getValue(`CurrentSkillSet${PlayerId}Fraction${fractionNumber}`), fractionNumber);
  671.         }
  672.         //deletePlayerFractionValue("ArmySets", fractionNumber);
  673.         const armySetsOld = getValue(`ArmySets${PlayerId}Fraction${fractionNumber}`);
  674.         const armySets = getPlayerFractionValue("ArmySets", undefined, fractionNumber);
  675.         // if(fractionNumber == 8) {
  676.             // console.log(`fractionNumber: ${fractionNumber}, armySetsOld: ${armySetsOld}, armySets: ${armySets}, ArmySet: ${getValue(`ArmySet${PlayerId}Fraction${fractionNumber}`)}`);
  677.         // }
  678.         if(armySetsOld && !armySets) {
  679.             setPlayerFractionValue("ArmySets", armySetsOld, fractionNumber);
  680.             setPlayerFractionValue("ArmySet", getValue(`ArmySet${PlayerId}Fraction${fractionNumber}`), fractionNumber);
  681.         }
  682.         // if(fractionNumber == 8) {
  683.             // console.log(`ArmySet: ${getPlayerFractionValue("ArmySet", undefined, fractionNumber)}`);
  684.         // }
  685.     }
  686. }
  687. function getTextWidth(text, font) {
  688.     const canvas = getTextWidth.canvas || (getTextWidth.canvas = document.createElement("canvas")); // re-use canvas object for better performance
  689.     const context = canvas.getContext("2d");
  690.     context.font = font;
  691.     const metrics = context.measureText(text);
  692.     return metrics.width;
  693. }
  694. function getCssStyle(element, prop) { return window.getComputedStyle(element, null).getPropertyValue(prop); }
  695. function getCanvasFont(el = document.body) {
  696.     const fontWeight = getCssStyle(el, 'font-weight') || 'normal';
  697.     const fontSize = getCssStyle(el, 'font-size') || '16px';
  698.     const fontFamily = getCssStyle(el, 'font-family') || 'Times New Roman';
  699.     return `${fontWeight} ${fontSize} ${fontFamily}`;
  700. }
  701. function createMenu(isResize) {
  702.     const menuPanel = document.querySelector("div#hwm_header") || document.querySelector("#main_top_table") || document.querySelector("body > table");
  703.     if(!menuPanel) {
  704.         armySetsPreferences.initSetsApplyAction();
  705.         return;
  706.     }
  707.     const setsMenuPosition = getPlayerBool("ShowMenyAtRight") ? "right" : "left"; //const setsMenuPosition = isNewInterface && isMobileDevice || getPlayerBool("ShowMenyAtRight") ? "right" : "left";
  708.     const homeRef = menuPanel.querySelector("a[href='home.php']");
  709.     const framesRef = menuPanel.querySelector("a[href='frames.php']");
  710.     const menuAnchor = setsMenuPosition == "left" ? (isNewInterface ? homeRef.parentNode : getParent(homeRef, "table", 3)) : (isNewInterface ? framesRef.parentNode : getParent(framesRef, "table", 3));
  711.     if(!menuAnchor) {
  712.         return;
  713.     }
  714.     const menuContainer = menuAnchor.parentNode;
  715.     const menuAnchorStyle = window.getComputedStyle(menuAnchor);
  716.     const menuContainerStyle = window.getComputedStyle(menuContainer);//    console.log(menuContainerStyle);
  717.     if(!isNewInterface) {
  718.         menuContainer.style.position = "relative";
  719.     }
  720.     const marginTop = menuAnchorStyle.marginTop;
  721.     const superSets = JSON.parse(getPlayerValue("SuperSets", "[]"));
  722.     const menuContainerRect = menuContainer.getBoundingClientRect();
  723.     const anchorRect = menuAnchor.getBoundingClientRect();
  724.     //console.log(anchorRect);
  725.     const borderWidth = isNewInterface ? 1 : 2;
  726.     const menuItemHeight = anchorRect.height - borderWidth * 2;
  727.     const menuItemLineHeight = menuItemHeight - borderWidth;
  728.     const foreColor = "#f5c137";
  729.     const backgroundColor = isNewInterface ? "linear-gradient(to top, #09203f 0%, #537895 100%)" : (document.querySelector("img[src*='i/top_ny']") ? "#003399" : "#6b6b69");
  730.     const zIndex = location.pathname == "/photo_pl_photos.php" ? "0" : "100";
  731.     let currentMenuItemLeft = (setsMenuPosition == "left" ? anchorRect.left : anchorRect.right) - menuContainerRect.left;
  732.     if(!isNewInterface) {
  733.         currentMenuItemLeft -= setsMenuPosition == "left" ? 4 : -4; //setsMenuPosition == "left" ? (anchorRect.left - borderWidth - 1) : (anchorRect.right + borderWidth + 1);
  734.     }
  735.     let previousWidth = 0;
  736.     for(let i = preferences.length - 1; i >= 0; i--) {
  737.         const currentPreferences = preferences[i];
  738.         if(currentPreferences.menuEnabledCondition && !currentPreferences.menuEnabledCondition()) {
  739.             continue;
  740.         }
  741.         const mainMenuItemId = `SetsMenuItem${i}`;
  742.         let mainMenuItem = document.getElementById(mainMenuItemId);
  743.         let selectedValueHidden = document.getElementById(`hwmSetsMaster${currentPreferences.name}SelectedValue`);
  744.         if(!mainMenuItem) {
  745.             const menuHeaderStyle = `top: 0px; margin-top: ${marginTop}; min-width: ${menuItemHeight}px; font-size: 9pt; position: absolute; border-radius: 5px; background: ${backgroundColor}; color: ${foreColor}; border: ${borderWidth}px solid ${foreColor}; padding: 0 3px 0 3px; font-weight: bold; text-align: center; z-index: ${zIndex};`;
  746.             //console.log(menuHeaderStyle);
  747.             mainMenuItem = addElement("div", { id: mainMenuItemId, name: "setsMenuItem", style: menuHeaderStyle }, menuContainer);
  748.             // console.log(mainMenuItem.name)
  749.             // console.log(mainMenuItem.getAttribute("name"))
  750.             let itemContent = currentPreferences.menuTitle;
  751.             let itemTitle = "";
  752.             if(currentPreferences.menuImage && isNewInterface) {
  753.                 itemTitle = currentPreferences.menuTitle;
  754.                 itemContent = `<img src="${currentPreferences.menuImage}" alt="${itemTitle}" style="height: 90%; margin-top: 2px; border-radius: 50%;">`;
  755.             }
  756.             const itemChild = addElement("a", { innerHTML: itemContent, href: currentPreferences.setReferencePage, style: `color: ${foreColor}; text-decoration: none; vertical-align: middle;` }, mainMenuItem);
  757.             if(itemTitle != "") {
  758.                 itemChild.title = itemTitle;
  759.             }
  760.             selectedValueHidden = addElement("div", { id: `hwmSetsMaster${currentPreferences.name}SelectedValue`, hidden: "hidden" }, mainMenuItem);
  761.             if(currentPreferences == fractionsPreferences) {
  762.                 createBuildButton();
  763.             }
  764.             visibleMunuItems[i] = [mainMenuItem];
  765.         }
  766.         mainMenuItem.style.height = `${menuItemHeight}px`;
  767.         mainMenuItem.style.lineHeight = `${menuItemLineHeight}px`;
  768.         
  769.         const mainMenuItemRect = mainMenuItem.getBoundingClientRect();
  770.         currentMenuItemLeft = currentMenuItemLeft + (setsMenuPosition == "left" ? (- mainMenuItemRect.width) : previousWidth);
  771.         previousWidth = mainMenuItemRect.width;
  772.         mainMenuItem.style.left = `${currentMenuItemLeft}px`;
  773.  
  774.         const menuContent = getOrCreateAndResizeDropdown(i, mainMenuItem, ` z-index: ${zIndex}; list-style-position: inside; color: ${foreColor}; padding: 2px 3px 2px 3px; white-space: nowrap; background: ${backgroundColor}; line-height: normal;`);
  775.         if(isResize) {
  776.             continue;
  777.         }
  778.         currentPreferences.initSetsApplyAction();
  779.         menuContent.style.display = "block"; // Перед заполнением покажем див для правильного определения его размеров (нужно, если он установлен в none)
  780.         menuContent.innerHTML = '';
  781.         const currentSetNumber = getPlayerValue(currentPreferences.getCurrentSetName(), -1);
  782.         let maxClientWidth = menuContent.clientWidth;
  783.         if(currentPreferences.getTooltip) {
  784.             addElement("div", { id: `${mainMenuItem.id}TooltipContainer`, style: `position: absolute; top: 0px; left: 0px; display: none;`}, menuContent);
  785.         }
  786.         for(const currentSet of currentPreferences.sets) {
  787.             const dropDownMenuItem = addElement("li", { type: "disc", style: "text-align: left;" }, menuContent);
  788.             const currentSetReference = addElement("b", { id: `${currentPreferences.getCurrentSetName()}SetReference${currentSet.number}`, name: `${currentPreferences.getCurrentSetName()}SetReference`, innerHTML: currentSet.name, title: currentSet.title || "", style: `color: ${foreColor}; cursor: pointer; position: relative;` }, dropDownMenuItem);
  789.             currentSetReference.addEventListener("click", function() { applySet(currentSetReference, currentPreferences, currentSet); });
  790.             if(currentPreferences.getTooltip) {
  791.                 const tooltip = currentPreferences.getTooltip(currentSet);
  792.                 currentSetReference.addEventListener("mouseenter", function(e) {
  793.                     const tooltipContainer = document.getElementById(`${mainMenuItem.id}TooltipContainer`);
  794.                     tooltipContainer.innerHTML = tooltip;
  795.                     tooltipContainer.style.display = "";
  796.                     const anchorRect = tooltipContainer.parentNode.getBoundingClientRect();
  797.                     tooltipContainer.style.left = `${anchorRect.width}px`;
  798.                     tooltipContainer.style.top = `0px`;
  799.                 });
  800.                 currentSetReference.addEventListener("mouseleave", function() { document.getElementById(`${mainMenuItem.id}TooltipContainer`).style.display = "none"; });
  801.             }
  802.             if(currentSet.number == currentSetNumber) {
  803.                 selectedValueHidden.innerHTML = currentSet.number;
  804.                 markCurrent(currentSetReference, currentPreferences, currentSet.number);
  805.             }
  806.             currentPreferences.menuItems[currentSet.number] = currentSetReference;
  807.  
  808.             if(currentPreferences == fractionsPreferences) {
  809.                 const fractionBuilds = superSets.filter(x => x.Fraction == currentSet.number);
  810.                 if(fractionBuilds.length > 0) {
  811.                     let dropdownActivateMethod = dropdownActivateMethods.hover;
  812.                     let buildsActivator = currentSetReference;
  813.                     if(isMobileDevice) {
  814.                         dropdownActivateMethod = dropdownActivateMethods.click;
  815.                         buildsActivator = addElement("div", { id: `${currentSetReference.id}BuildsActivator`, name: `${currentSetReference.getAttribute("name")}BuildsActivator`,  style: "display: inline-block; cursor: pointer; position: relative;", innerHTML: `<img src="https://dcdn.heroeswm.ru/i/inv_im/btn_expand.svg" style="vertical-align: middle;">` }, currentSetReference);
  816.                     }
  817.                     const superDropdown = getOrCreateAndResizeDropdown(i, buildsActivator, ` z-index: ${Number(zIndex) + 1}; list-style-position: inside; color: ${foreColor}; padding: 2px 3px 2px 3px; white-space: nowrap; background: ${backgroundColor};`, dropdownPositions.right, dropdownActivateMethod);
  818.                     for(const build of fractionBuilds) {
  819.                         const superDropdownMenuItem = addElement("li", { type: "disc", style: "text-align: left;" }, superDropdown);
  820.                         const html = `${build.Name} <span id="deleteBuild${build.Id}Button" title='${isEn ? "Delete" : "Удалить"}' style="cursor: pointer; display: inline; color: yellow;">&times;</span>`
  821.                         const superDropdownText = addElement("b", { name: "superDropdownText",  innerHTML: html, style: `color: ${foreColor}; cursor: pointer;` }, superDropdownMenuItem);
  822.                         document.getElementById(`deleteBuild${build.Id}Button`).addEventListener("click", function(e) { e.stopPropagation(); deleteBuild(build.Id, superDropdownMenuItem); });
  823.                         superDropdownMenuItem.addEventListener("click", function(e) { e.stopPropagation(); applyBuild(superDropdownText, build); });
  824.                         if(build.Id == getPlayerValue("SuperSet")) {
  825.                             superDropdownText.style.color = '#0f0';
  826.                         }
  827.                     }
  828.                     superDropdown.style.display = "none";
  829.                 }
  830.             }
  831.             let currentWidth = getTextWidth(currentSet.name, getCanvasFont(currentSetReference));
  832.             if(maxClientWidth < currentWidth) {
  833.                 maxClientWidth = currentWidth;
  834.             }
  835.         }
  836.         if(currentPreferences == fractionsPreferences) {
  837.             const showAddSuperSetButtonLable = addElement("label", { for: "showAddSuperSetButtonCheckbox", innerText: (isEn ? 'Show button "Create super set"' : 'Показать кнопку "Создать билд"') + "\t" }, menuContent);
  838.             const showAddSuperSetButtonCheckbox = addElement("input", { id: "showAddSuperSetButtonCheckbox", type: "checkbox" }, menuContent);
  839.             showAddSuperSetButtonCheckbox.checked = getPlayerBool("ShowAddSuperSetButton", true);
  840.             showAddSuperSetButtonCheckbox.addEventListener("change", function() { setPlayerValue("ShowAddSuperSetButton", this.checked); }, false);
  841.             
  842.             addElement("br", {}, menuContent);
  843.  
  844.             const showMenyAtRightLable = addElement("label", { for: "showMenyAtRightCheckbox", innerText: (isEn ? 'Show menu at right' : 'Показать меню справа') + "\t" }, menuContent);
  845.             const showMenyAtRightCheckbox = addElement("input", { id: "showMenyAtRightCheckbox", type: "checkbox" }, menuContent);
  846.             showMenyAtRightCheckbox.checked = getPlayerBool("ShowMenyAtRight");
  847.             showMenyAtRightCheckbox.addEventListener("change", function() { setPlayerValue("ShowMenyAtRight", this.checked); location.reload(); }, false);
  848.         }
  849.         menuContent.style.minWidth = `${(maxClientWidth + 25)}px`;
  850.         menuContent.style.display = "none";
  851.     }
  852. }
  853. function getOrCreateAndResizeDropdown(branchIndex, baseElement, style, dropdownPosition = dropdownPositions.bottom, dropdownActivateMethod = dropdownActivateMethods.hover) {
  854.     const dropdownId = `${baseElement.id}Dropdown`;
  855.     let dropdown = document.getElementById(dropdownId);
  856.     if(!dropdown) {
  857.         const baseElementRect = baseElement.getBoundingClientRect();
  858.         //console.log(baseElement.style);
  859.         //console.log(getComputedStyle(baseElement));
  860.         const borderBottomWidth = !isNaN(parseInt(baseElement.style.borderBottomWidth)) ? parseInt(baseElement.style.borderBottomWidth) : 0;
  861.         let top = baseElementRect.height - borderBottomWidth;
  862.         let left = 0;
  863.         if(dropdownPosition == dropdownPositions.right) {
  864.             top = 0;
  865.             const borderRightWidth = !isNaN(parseInt(baseElement.style.borderRightWidth)) ? parseInt(baseElement.style.borderRightWidth) : 0;
  866.             left = baseElementRect.width - borderRightWidth;
  867.         }
  868.         const dropdownName = `${baseElement.getAttribute("name")}Dropdown`;
  869.         dropdown = addElement("div", { id: dropdownId, name: dropdownName, style: `position: absolute; box-shadow: 3px 3px 5px #333; top: ${top}px; left: ${left}px;` + (style || "") }, baseElement);
  870.         if(dropdownActivateMethod == dropdownActivateMethods.hover) {
  871.             baseElement.addEventListener("mouseenter", function() { dropdown.style.display = "block"; });
  872.             baseElement.addEventListener("mouseleave", function() { dropdown.style.display = "none"; });
  873.             baseElement.addEventListener("touchstart", function() { hideAllDropdown(dropdownName); dropdown.style.display = "block"; });
  874.         } else {
  875.             baseElement.addEventListener("click", function(e) {
  876.                 //console.log(e);
  877.                 e.stopPropagation();
  878.                 dropdown.style.display = dropdown.style.display == "none" ? "block" : "none";
  879.                 if(dropdown.style.display == "block") {
  880.                     [...document.querySelectorAll(`div[name='${dropdownName}']`)].filter(x => x.id != dropdownId).forEach(x => x.style.display = "none");
  881.                 }
  882.             });
  883.         }
  884.     }
  885.     return dropdown;
  886. }
  887. function hideAllDropdown(dropdownName) { Array.from(document.querySelectorAll(`div[name=${dropdownName}]`)).forEach(x => { x.style.display = "none"; }); }
  888. function createBuildButton() {
  889.     if(!getPlayerBool("ShowAddSuperSetButton", true)) {
  890.         return;
  891.     }
  892.     const fractionsMainMenuItem = document.getElementById(`SetsMenuItem${preferences.indexOf(fractionsPreferences)}`);
  893.     let addBuildButton = document.getElementById("addBuildButton");
  894.     if(addBuildButton) {
  895.         return;
  896.     }
  897.     if(isNewInterface) {
  898.         addBuildButton = addElement("div", { id: "addBuildButton", class: "position_tr", innerHTML: `<img class="NotificationIcon" src="${resourcesPath}/i/new_top/_panelBattles.png" style="width: 16px; height: 16px;" title="${isEn ? "Create build" : "Создать билд"}" >` }, fractionsMainMenuItem);
  899.     } else {
  900.         addBuildButton = addElement("a", { id: "addBuildButton", href: "javascript:void(0);", style: "text-decoration: none; vertical-align: bottom;", innerHTML: `<img src="${resourcesPath}/i/new_top/_panelBattles.png" style="width: 16px; height: 16px; border-radius: 50%;" title="${isEn ? "Create build" : "Создать билд"}" >` }, fractionsMainMenuItem);
  901.     }
  902.     addBuildButton.addEventListener("click", function(e) { e.stopPropagation(); addBuild(); });
  903. }
  904. function addBuild() {
  905.     const superSetName = prompt(isEn ? "Enter build name" : "Введите название билда");
  906.     if(superSetName) {
  907.         //deletePlayerValue("SuperSets");
  908.         const superSets = JSON.parse(getPlayerValue("SuperSets", "[]"));
  909.         superSets.push({
  910.             Id: Date.now(),
  911.             Name: superSetName,
  912.             Fraction: Fraction,
  913.             WeaponSet: getPlayerValue(weaponSetsPreferences.getCurrentSetName(), -1),
  914.             SkillSet: getPlayerValue(skillSetsPreferences.getCurrentSetName(), -1),
  915.             ArmySet: getPlayerValue(armySetsPreferences.getCurrentSetName(), -1),
  916.             MiniartsSet: Fraction == "3" ? getPlayerValue(miniartsPreferences.getCurrentSetName(), -1) : -1
  917.         });
  918.         setPlayerValue("SuperSets", JSON.stringify(superSets));
  919.     }
  920. }
  921. function deleteBuild(id, menuItem) {
  922.     const builds = JSON.parse(getPlayerValue("SuperSets", "[]"));
  923.     const deletingIndex = builds.findIndex(x => x.Id == id);
  924.     if(deletingIndex > -1) {
  925.         builds.splice(deletingIndex, 1);
  926.         setPlayerValue("SuperSets", JSON.stringify(builds));
  927.         if(menuItem) {
  928.             menuItem.remove();
  929.         }
  930.     }
  931. }
  932. async function applyBuild(superDropdownText, build) {
  933.     const sets = [weaponSetsPreferences.name, skillSetsPreferences.name, armySetsPreferences.name];
  934.     const originalText = superDropdownText ? superDropdownText.innerHTML : "";
  935.     if(superDropdownText) {
  936.         superDropdownText.innerHTML += " " + getWheelImage();
  937.     }
  938.     if(build.Fraction != Fraction) {
  939.         await applySet(document.getElementById(`${fractionsPreferences.getCurrentSetName()}SetReference${build.Fraction}`), fractionsPreferences, fractionsPreferences.sets.find(x => x.number == build.Fraction), false);
  940.         sets.push(fractionsPreferences.name);
  941.     }
  942.     await applySet(document.getElementById(`${weaponSetsPreferences.getCurrentSetName()}SetReference${build.WeaponSet}`), weaponSetsPreferences, weaponSetsPreferences.sets.find(x => x.number == build.WeaponSet), false);
  943.     await applySet(document.getElementById(`${skillSetsPreferences.getCurrentSetName()}SetReference${build.SkillSet}`), skillSetsPreferences, skillSetsPreferences.sets.find(x => x.number == build.SkillSet), false);
  944.     await applySet(document.getElementById(`${armySetsPreferences.getCurrentSetName()}SetReference${build.ArmySet}`), armySetsPreferences, armySetsPreferences.sets.find(x => x.number == build.ArmySet), false);
  945.     if(build.Fraction == "3") {
  946.         await applySet(document.getElementById(`${miniartsPreferences.getCurrentSetName()}SetReference${build.MiniartsSet}`), miniartsPreferences, miniartsPreferences.sets.find(x => x.number == build.MiniartsSet), false);
  947.     }
  948.     await updatePanels(sets);
  949.     setPlayerValue("SuperSet", build.Id);
  950.     if(superDropdownText) {
  951.         Array.from(document.querySelectorAll("b[name=superDropdownText]")).forEach(x => x.style.color = "#f5c137");
  952.         superDropdownText.innerHTML = originalText;
  953.         superDropdownText.style.color = '#0f0';
  954.     }
  955. }
  956. function markCurrent(selectedMenuItem, currentPreferences, currentSetNumber) {
  957.     setPlayerValue(currentPreferences.getCurrentSetName(), currentSetNumber);
  958.     if(selectedMenuItem) {
  959.         selectedMenuItem.style.color = '#0f0';
  960.         if(currentPreferences.currentMenuItem && currentPreferences.currentMenuItem != selectedMenuItem) {
  961.             currentPreferences.currentMenuItem.style.color = "#f5c137";
  962.         }
  963.         currentPreferences.currentMenuItem = selectedMenuItem;
  964.     }
  965. }
  966. function addSetChangerListener(htmlElement, currentPreferences, setNumber) {
  967.     htmlElement.addEventListener("click", function() { markCurrent(currentPreferences.menuItems[setNumber], currentPreferences, setNumber); });
  968. }
  969. async function applySet(selectedMenuItem, currentPreferences, currentSet, callPageRefreshFunction = true) {
  970.     markCurrent(selectedMenuItem, currentPreferences, currentSet.number);
  971.     const originalText = selectedMenuItem ? selectedMenuItem.innerHTML : "";
  972.     if(selectedMenuItem) {
  973.         selectedMenuItem.innerHTML += " " + getWheelImage();
  974.     }
  975.     if(currentSet.url) {
  976.         if(currentSet.method == "POST") {
  977.             await postRequest(currentSet.url, currentSet.data);
  978.         } else {
  979.             await getRequest(currentSet.url);
  980.         }
  981.     }
  982.     if(currentPreferences.applySet && currentPreferences.applySet.constructor.name === 'AsyncFunction') {
  983.         await currentPreferences.applySet(currentSet);
  984.     }
  985.     if(selectedMenuItem) {
  986.         selectedMenuItem.innerHTML = originalText;
  987.         if(isMobileDevice) {
  988.             selectedMenuItem.parentNode.parentNode.style.display = "none";
  989.         }
  990.     }
  991.     const selectedValueDiv = document.getElementById(`hwmSetsMaster${currentPreferences.name}SelectedValue`);
  992.     if(selectedValueDiv) {
  993.         selectedValueDiv.innerHTML = currentSet.number;
  994.     }
  995.     if(typeof(currentPreferences.setChanged) == "function") {
  996.         await currentPreferences.setChanged(currentSet.number);
  997.     }
  998.     if(callPageRefreshFunction) {
  999.         updatePanels([currentPreferences.name]);
  1000.     }
  1001. }
  1002. function drowSkillChangers() {
  1003.     if(location.pathname=='/home.php' && !document.querySelector(`#increaseattackAmountInput`)) {
  1004.         let skillsCount = 0;
  1005.         let re = new RegExp(isNewPersonPage ? `>${LocalizedString.AvailablePoints}:\\s(\\d+)<` : `<b>${LocalizedString.AvailablePoints}:</b>\\s(\\d+)`);
  1006.         const skillsExec = re.exec(document.body.innerHTML);
  1007.         if(skillsExec) {
  1008.             skillsCount += parseInt(skillsExec[1]);
  1009.         }
  1010.         re = new RegExp(isNewPersonPage ? `>${LocalizedString.AvailableTalentPoints}:\\s(\\d+)<` : `<b>${LocalizedString.AvailableTalentPoints}:</b>\\s(\\d+)`);
  1011.         const perksSkillsExec = re.exec(document.body.innerHTML);
  1012.         if(perksSkillsExec) {
  1013.             skillsCount += parseInt(perksSkillsExec[1]);
  1014.         }
  1015.         //console.log(`skillsCount: ${skillsCount}`);
  1016.         if(skillsCount == 0) {
  1017.             return;
  1018.         }
  1019.         const skillValueContainers = [];
  1020.         if(isNewPersonPage) {
  1021.             const container = document.querySelector("div#home_css_stats_wrap_div");
  1022.             const inv_stat_dataDivs = container.querySelectorAll("div.inv_stat_data.home_stat_data.show_hint");
  1023.             for(const inv_stat_dataDiv of inv_stat_dataDivs) {
  1024.                 const increaseButton = inv_stat_dataDiv.querySelector("div.home_button2.btn_hover2");
  1025.                 if(!increaseButton) {
  1026.                     continue;
  1027.                 }
  1028.                 const skillValueContainer = inv_stat_dataDiv.querySelector("div.inv_stat_text.home_stat_text");
  1029.                 skillValueContainers.push(skillValueContainer);
  1030.             }
  1031.         } else {
  1032.             const increaseRefs = document.querySelectorAll("a[href^='home.php?increase=']"); //home.php?increase=defence
  1033.             for(const increaseRef of increaseRefs) {
  1034.                 const sklilIncreaseCell = getParent(increaseRef, "td");
  1035.                 const skillValueContainer = sklilIncreaseCell.previousSibling;
  1036.                 skillValueContainers.push(skillValueContainer);
  1037.             }
  1038.         }
  1039.         const skillNames = ["attack", "defence", "power", "knowledge"];
  1040.         let i = 0;
  1041.         for(const skillValueContainer of skillValueContainers) {
  1042.             const skillValue = Number((skillValueContainer.querySelector("b") || skillValueContainer).innerText);
  1043.             skillValueContainer.innerHTML = "";
  1044.             const skill = skillNames[i];
  1045.             const increaseAmountInput = addElement("input", { id: `increase${skill}AmountInput`, name: "increaseAmountInput", value: skillValue, type: "number", min: skillValue, max: skillValue + skillsCount, size: 4, onfocus: "this.select();", title: LocalizedString.IncreaseManyPointsTooltip.replace("${minValue}", skillValue + 1).replace("${maxValue}", skillValue + skillsCount) }, skillValueContainer);
  1046.             increaseAmountInput.addEventListener("change", function() { const targetValue = Number(increaseAmountInput.value); if(targetValue > skillValue && targetValue <= skillValue + skillsCount) { changeSkill(increaseAmountInput, isNewPersonPage, skill, skillValue, targetValue); } });
  1047.             i++;
  1048.         }
  1049.     }
  1050. }
  1051. async function changeSkill(increaseAmountInput, isNewPersonPage, skill, currentValue, targetValue) {
  1052.     while(currentValue < targetValue) {
  1053.         const url = `/home.php?increase=${skill}` + (isNewPersonPage ? `&info=1&js_output=1&rand=${Math.random() * 1000000}` : "");
  1054.         const txt = await getRequestText(url, isNewPersonPage ? "text/html; charset=UTF-8" : "text/html; charset=windows-1251");
  1055.         currentValue++;
  1056.         if(isNewPersonPage) {
  1057.             if (txt.substring(0, 7) != 'HCSS_OK') {
  1058.                 window.location = '/home.php?info';
  1059.                 return;
  1060.             }
  1061.             const data = txt.split('@');
  1062.             const home_css_stats_wrap_div = document.getElementById('home_css_stats_wrap_div');
  1063.             if(data && data[1] && home_css_stats_wrap_div) {
  1064.                 home_css_stats_wrap_div.innerHTML = data[1];
  1065.                 if(data.length > 2 && document.getElementById('home_css_mana_count')) {
  1066.                     document.getElementById('home_css_mana_count').innerHTML = parseInt(data[2]);
  1067.                 }
  1068.                 if(typeof win.hwm_hints_init === 'function') win.hwm_hints_init();
  1069.             }
  1070.         } else {
  1071.             increaseAmountInput.value = currentValue;
  1072.         }
  1073.     }
  1074.     if(!isNewPersonPage) {
  1075.         location.reload();
  1076.     }
  1077. }
  1078. function getWheelImage() { return `<img border="0" align="absmiddle" height="11" src="${resourcesPath}/css/loading.gif">`; }
  1079. function getFraction() {
  1080.     let currentFractionNumber;
  1081.     if(location.pathname == '/home.php') {
  1082.         // for new home page
  1083.         let currentFractionIconContainer = document.querySelector("div.home_css_pl_fract.show_hint");
  1084.         if(!currentFractionIconContainer) {
  1085.             currentFractionIconContainer = document.querySelector("a[href^='castle.php?change_faction_dialog']");
  1086.         }
  1087.         if(currentFractionIconContainer) {
  1088.             const currentFractionIconImg = currentFractionIconContainer.querySelector("img");
  1089.             currentFractionNumber = currentFractionIconImg.src.split("i/f/r")[1].split(".png")[0];
  1090.         }
  1091.     } else if(location.pathname=='/pl_info.php' && getUrlParamValue(location.href, "id") == PlayerId) {
  1092.         const fractionImage = document.querySelector("img[src*='i/f/r']");
  1093.         const regExp = new RegExp('\\/i\\/f\\/r(\\d+)\\.png');
  1094.         const regExpExec = regExp.exec(fractionImage.src);
  1095.         if(regExpExec) {
  1096.             currentFractionNumber = regExpExec[1];
  1097.         }
  1098.     } else if(location.pathname=='/castle.php') {
  1099.         const selectedFractionImg = document.querySelector("div.castle_faction_div_inside2 img");
  1100.         const selectedFractionImgName = selectedFractionImg.getAttribute("src");
  1101.         const selectedFractionNumber = selectedFractionImgName.split("kukla_png/kukla")[1].split(".")[0]; //dcdn.heroeswm.ru/i/kukla_png/kukla5.png
  1102.  
  1103.         const fractionsDiv = document.querySelector("div[id='faction_list']");
  1104.         if(fractionsDiv.getAttribute("style").includes("display:none;")) {
  1105.             currentFractionNumber = selectedFractionNumber;
  1106.         }
  1107.     }
  1108.     if(currentFractionNumber) {
  1109.         setPlayerValue("Fraction", currentFractionNumber);
  1110.     }
  1111.     Fraction = parseInt(getPlayerValue("Fraction"));
  1112. }
  1113. async function updatePanels(sets) {
  1114.     let pageReloadNeeded = false;
  1115.     let panels = [];
  1116.     if(sets.includes(weaponSetsPreferences.name) && ["/home.php", "/inventory.php", "/pl_info.php", "/map.php"].includes(location.pathname)) {
  1117.         pageReloadNeeded = true;
  1118.         if(location.pathname == '/home.php') {
  1119.             pushNew(panels, homeArtsPanelSelector);
  1120.             pushNew(panels, homeStatsPanelSelector);
  1121.             pageReloadNeeded = false;
  1122.         }
  1123.         if(location.pathname == '/pl_info.php') {
  1124.             if(getUrlParamValue(location.href, "id") == PlayerId) {
  1125.                 pushNew(panels, playerInfoArtsPanelSelector);
  1126.                 pushNew(panels, playerInfoStatsPanelSelector);
  1127.             }
  1128.             pageReloadNeeded = false;
  1129.         }
  1130.         if(location.pathname == '/map.php') {
  1131.             pushNew(panels, mapHuntButtons2PanelSelector);
  1132.             pushNew(panels, mapMercenaryTaskPanelSelector);
  1133.             pageReloadNeeded = false;
  1134.         }
  1135.     }
  1136.     if(sets.includes(skillSetsPreferences.name) && ["/skillwheel.php", "/pl_info.php", "/home.php", "/inventory.php"].includes(location.pathname)) {
  1137.         pageReloadNeeded = true;
  1138.         if(location.pathname == '/home.php') {
  1139.             pushNew(panels, homeStatsPanelSelector);
  1140.             pageReloadNeeded = false;
  1141.         }
  1142.         if(location.pathname == '/pl_info.php') {
  1143.             if(getUrlParamValue(location.href, "id") == PlayerId) {
  1144.                 pushNew(panels, playerInfoStatsPanelSelector);
  1145.                 pushNew(panels, playerInfoPerksPanelSelector);
  1146.             }
  1147.             pageReloadNeeded = false;
  1148.         }
  1149.         if(location.pathname == '/inventory.php') {
  1150.             pushNew(panels, inventoryStatsPanelSelector);
  1151.             pageReloadNeeded = false;
  1152.         }
  1153.     }
  1154.     if(sets.includes(armySetsPreferences.name) && ["/home.php", "/army.php", "/pl_info.php"].includes(location.pathname)) {
  1155.         pageReloadNeeded = true;
  1156.         if(location.pathname == '/home.php') {
  1157.             pushNew(panels, homeArmyPanelSelector);
  1158.             pageReloadNeeded = false;
  1159.         }
  1160.         if(location.pathname == '/pl_info.php') {
  1161.             if(getUrlParamValue(location.href, "id") == PlayerId) {
  1162.                 pushNew(panels, playerInfoArmyPanelSelector);
  1163.             }
  1164.             pageReloadNeeded = false;
  1165.         }
  1166.     }
  1167.     if(sets.includes(fractionsPreferences.name) && ["/home.php", "/army.php", "/pl_info.php", "/castle.php", "/inventory.php", "/skillwheel.php"].includes(location.pathname)) {
  1168.         pageReloadNeeded = true;
  1169.     }
  1170.     if(sets.includes(miniartsPreferences.name) && ["/home.php", "/army.php", "/pl_info.php", "/magearts.php"].includes(location.pathname)) {
  1171.         pageReloadNeeded = true;
  1172.         if(location.pathname == '/home.php') {
  1173.             pushNew(panels, homeArmyPanelSelector);
  1174.             pageReloadNeeded = false;
  1175.         }
  1176.         if(location.pathname == '/pl_info.php') {
  1177.             if(getUrlParamValue(location.href, "id") == PlayerId) {
  1178.                 pushNew(panels, playerInfoArmyPanelSelector);
  1179.             }
  1180.             pageReloadNeeded = false;
  1181.         }
  1182.     }
  1183.     if(pageReloadNeeded) {
  1184.         if(location.pathname == "/army.php") {
  1185.             location = "/army.php";
  1186.         } else {
  1187.             location.reload();
  1188.         }
  1189.     } else {
  1190.         await refreshUpdatePanels(panels);
  1191.     }
  1192. }
  1193. function getWizardSkillLevel() {
  1194.     if(location.pathname == "/home.php" || location.pathname == "/pl_info.php" && getUrlParamValue(location.href, "id") == PlayerId) {
  1195.         if(isNewPersonPage) {
  1196.             const wizardSkillLevelContainer = Array.from(document.querySelectorAll("div.home_inside_margins > div#row")).find(x => x.innerHTML.includes(isEn ? "Wizard" : "Маг"));
  1197.             setPlayerValue("WizardSkillLevel", wizardSkillLevelContainer.querySelector("div#bartext > span").innerText);
  1198.         } else {
  1199.             const wizardSkillLevelExec = new RegExp(`${isEn ? "Wizard" : "Маг"}: (\\d+) \\(`).exec(document.body.innerHTML);
  1200.             if(wizardSkillLevelExec) {
  1201.                 setPlayerValue("WizardSkillLevel", wizardSkillLevelExec[1]);
  1202.             }
  1203.         }
  1204.         //console.log(`WizardSkillLevel: ${parseInt(getPlayerValue("WizardSkillLevel", 0))}`);
  1205.     }
  1206.     return parseInt(getPlayerValue("WizardSkillLevel", 0));
  1207. }
  1208.  
  1209. // API
  1210. function getPlayerFractionValue(key, defaultValue, fraction = Fraction) { return getPlayerValue(getFractionKey(key, fraction), defaultValue); };
  1211. function setPlayerFractionValue(key, value, fraction = Fraction) { setPlayerValue(getFractionKey(key, fraction), value); };
  1212. function deletePlayerFractionValue(key, fraction = Fraction) { return deletePlayerValue(getFractionKey(key, fraction)); };
  1213. function getFractionKey(key, fraction = Fraction) { return `${key}${fraction}f`; }