☰

hwmWidget

Виджет для главной страницы ГВД

目前為 2023-12-14 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name        hwmWidget
  3. // @include     /^https{0,1}:\/\/((www|qrator)\.heroeswm\.ru|178\.248\.235\.15)\/home\.php/
  4. // @description Виджет для главной страницы ГВД
  5. // @version     4.9
  6. // @author      Tamozhnya1
  7. // @namespace   Tamozhnya1
  8. // @grant       GM.xmlHttpRequest
  9. // @grant       unsafeWindow
  10. // @grant       GM_log
  11. // @grant       GM_setValue
  12. // @grant       GM_getValue
  13. // @grant       GM_addStyle
  14. // @license     MIT
  15. // ==/UserScript==
  16. if(typeof GM_getValue != 'function') {
  17.     this.GM_getValue = function (key,def) { return localStorage[key] || def; };
  18.     this.GM_setValue = function (key,value) { return localStorage[key] = value; };
  19.     this.GM_deleteValue = function (key) { return delete localStorage[key]; };
  20. }
  21. const LotType = { Purchase: 1, Auction: 2 };
  22. var ElementsTypes = { "42": "abrasive", "43": "snake_poison", "46": "tiger_tusk", "44": "ice_crystal", "45": "moon_stone", "40": "fire_crystal", "37": "meteorit", "41": "witch_flower", "39": "wind_flower", "78": "fern_flower", "38": "badgrib" }
  23. var ElementNames = ["abrasive", "snake_poison", "tiger_tusk", "ice_crystal", "moon_stone", "fire_crystal", "meteorit", "witch_flower", "wind_flower", "fern_flower", "badgrib"];
  24. var ResourcesTypes = { "wood": { Type: "1", ImageName: "wood" }, "ore": { Type: "2", ImageName: "ore" }, "mercury": { Type: "3", ImageName: "mercury" }, "sulphur": { Type: "4", ImageName: "sulfur" }, "crystal": { Type: "5", ImageName: "crystals" }, "gem": { Type: "6", ImageName: "gems" } };
  25. var forumNames = { "2": "ОиФ", "10": "ВиП", "24": "Турниры", "3": "ИиП", "12": "БиП", "11": "ФВТ", "27": "Встречи", "14": "Обычные артефакты", "21": "Аренда", "22": "УКиО", "23": "ПЭСиП", "25": "ПЗ(Бои)", "13": "ПЗ(Финансы)", "7": "ТП", "8": "ОиС" };
  26. const locations = {
  27.     1: [50,50,"Empire Capital","EmC","Столица Империи"],
  28.     2: [51,50,"East River","EsR","Восточная Река"],
  29.     3: [50,49,"Tiger Lake","TgL","Тигриное Озеро"],
  30.     4: [51,49,"Rogues' Wood","RgW","Лес Разбойников"],
  31.     5: [50,51,"Wolf Dale","WoD","Долина Волков"],
  32.     6: [50,48,"Peaceful Camp","PcC","Мирный Лагерь"],
  33.     7: [49,51,"Lizard Lowland","LzL","Равнина Ящеров"],
  34.     8: [49,50,"Green Wood","GrW","Зеленый Лес"],
  35.     9: [49,48,"Eagle Nest","EgN","Орлиное Гнездо"],
  36.     10: [50,52,"Portal Ruins","PoR","Руины Портала"],
  37.     11: [51,51,"Dragons' Caves","DrC","Пещеры Драконов"],
  38.     12: [49,49,"Shining Spring","ShS","Сияющий Родник"],
  39.     13: [48,49,"Sunny City","SnC","Солнечный Город"],
  40.     14: [52,50,"Magma Mines","MgM","Магма Шахты"],
  41.     15: [52,49,"Bear Mountain","BrM","Медвежья Гора"],
  42.     16: [52,48,"Fairy Trees","FrT","Магический Лес"],
  43.     17: [53,50,"Harbour City","HrC","Портовый Город"],
  44.     18: [53,49,"Mythril Coast","MfC","Мифриловый Берег"],
  45.     19: [51,52,"Great Wall","GtW","Великая Стена"],
  46.     20: [51,53,"Titans' Valley","TiV","Равнина Титанов"],
  47.     21: [52,53,"Fishing Village","FsV","Рыбачье село"],
  48.     22: [52,54,"Kingdom Castle","KiC","Замок Королевства"],
  49.     23: [48,48,"Ungovernable Steppe","UnS","Непокорная Степь"],
  50.     24: [51,48,"Crystal Garden","CrG","Кристальный Сад"],
  51.     25: [53,52,"East Island","EsI","Восточный Остров"],
  52.     26: [49,52,"The Wilderness","ThW","Дикие земли"],
  53.     27: [48,50,"Sublime Arbor","SbA","Великое Древо"]
  54. };
  55. const isEn = document.documentElement.lang == "en";
  56. const Strings = { "ru": { BuyNow: "Купить сразу!" }, "en": { BuyNow: "Buy now!" } };
  57. const LocalizedString = Strings[document.documentElement.lang];
  58. const horizontalPadding = 25;
  59. GM_addStyle(`
  60. .hover-link:hover{ color: red }
  61. .news-head {
  62.   text-decoration:none;
  63.   align-self: center;
  64.   border-radius: 1.5rem;
  65.   padding: 0.25rem .75rem;
  66. }
  67.  
  68. .active {
  69.   background: #eae8dd;
  70. }
  71.  
  72. .active:hover {
  73.   background: #eae8dd80;
  74. }
  75.  
  76. .news-head__title {
  77.   display: inline;
  78.   font-size: 12px;
  79.   font-weight: normal;
  80.   cursor: pointer;
  81. }
  82.  
  83. .news-head__switch {
  84.   cursor: pointer;
  85.   align-self: center;
  86.   color: #5D413A40;
  87.   margin-left:10px;
  88. }
  89.  
  90. .news-head__settings {
  91.   cursor: pointer;
  92.   align-self: center;
  93.   color: #5D413A40;
  94.   margin-left:10px;
  95.   width: 1.5%;
  96. }
  97.  
  98. .mrgn-l{
  99.   margin-left: 5px;
  100. }
  101.  
  102. .flex {
  103.   display: flex;
  104. }
  105.  
  106. .div-style {
  107.   margin: 0 auto 10px;
  108.   padding: 15px ${horizontalPadding}px 20px;
  109.   overflow: hidden;
  110.   min-width: 400px;
  111.   border-radius: 5px;
  112.   border: 0 #adadad solid;
  113.   background: url(../i/inv_im/corner_lt2.png) no-repeat top left, url(../i/inv_im/corner_rt2.png) no-repeat top right, url(../i/inv_im/corner_lb2.png) no-repeat bottom left, url(../i/inv_im/corner_rb2.png) no-repeat bottom right #f5f3ea;
  114.   background-size: 14px;
  115.   box-shadow: inset 0 0 0 1px #b19673, 0 2px 5px rgb(0 0 0 / 25%);
  116. }
  117.  
  118. .res-style {
  119.   display: none;
  120.   justify-content: space-around;
  121.   height: 40px;
  122.   background-color: #eae8dd;
  123.   border-radius: 5px;
  124.   border: 0 #adadad solid;
  125.   margin-top: 10px;
  126. }
  127.  
  128. .modal {
  129.   width: 100%;
  130.   height: 100%;
  131.   z-index: 1000;
  132.   position: fixed;
  133.   top:0;
  134.   left:0;
  135.   background: #00000050;
  136.   display: none;
  137.   align-items: center;
  138. }
  139.  
  140. .modal-block {
  141.   display: flex;
  142.   width: 800px;
  143.   height: 500px;
  144.   z-index: 120;
  145.   margin: 0 auto;
  146.   position: relative;
  147.   border-radius: 5px;
  148.   border: 0 #adadad solid;
  149.   background: url(../i/inv_im/corner_lt2.png) no-repeat top left, url(../i/inv_im/corner_rt2.png) no-repeat top right, url(../i/inv_im/corner_lb2.png) no-repeat bottom left, url(../i/inv_im/corner_rb2.png) no-repeat bottom right #f5f3ea;
  150.   background-size: 14px;
  151.   box-shadow: inset 0 0 0 1px #b19673, 0 2px 5px rgb(0 0 0 / 25%);
  152.   padding: 15px;
  153.   align-items: flex-start;
  154.   flex-direction: column;
  155.   overflow: scroll;
  156. }
  157.  
  158. .modal-block__head {
  159.   display: flex;
  160.   align-items: center;
  161. }
  162.  
  163. .modal-block__text {
  164.   margin-top: 20px;
  165.   color: #6e6e6e;
  166. }
  167.  
  168. .modal-block__btn {
  169.   padding: 5px 15px;
  170.   white-space: nowrap;
  171.   position: relative;
  172.   text-align: center;
  173.   color: #592C08;
  174.   background: url(../i/shop_images/art_btn_bg_gold.png) #DAB761;
  175.   background-size: 100% 100%;
  176.   -webkit-border-radius: 5px;
  177.   -moz-border-radius: 5px;
  178.   border: 0 solid;
  179.   border-radius: 5px;
  180.   box-shadow: inset 0 0 0 1px #fce6b0, inset 0 0 0 2px #a78750, 0 0 0 1px rgb(0 0 0 / 13%);
  181.   cursor: pointer;
  182.   margin-left: 150px;
  183. }
  184.  
  185. .modal-block__setting {
  186.   display: flex;
  187.   flex-wrap: wrap;
  188. }
  189.  
  190. .modal-block__checkbox {
  191.   display: flex;
  192.   align-items: center;
  193.   margin: 0 8px 8px 5px;
  194.   padding: 0;
  195. }
  196.  
  197. .clan-block {
  198.   flex-direction: column;
  199. }
  200.  
  201. .clan-style {
  202.   display: inline-flex;
  203.   background-color: #adadad40;
  204.   padding: 3px 7px;
  205.   margin-left: 7px;
  206.   border: 0;
  207.   border-radius: 4px;
  208.   color: #592C08;
  209. }
  210.  
  211. .res-style__elem {
  212.   align-self: center;
  213.   display: flex;
  214. }
  215.  
  216. .text-title {
  217.   text-align:left;
  218.   padding-top: 6px;
  219. }
  220.  
  221. @media screen and (min-width: 320px) and (max-width: 600px) {
  222.   .div-style {
  223.     width: auto;
  224.   }
  225.   
  226.   .news-head__title {
  227.     font-size: 10px;
  228.   }
  229.   
  230.   .res-style {
  231.     flex-wrap: wrap;
  232.     height: auto;
  233.     padding: 5px;
  234.   }
  235.   .res-style__elem {
  236.     margin: 0 10px 10px 0;
  237.     font-size: 12px;
  238.   }
  239.   .text-title {
  240.     font-size: 12px;
  241.   }
  242.   .news-head__settings {
  243.     width: 10%;
  244.   }
  245.   .modal-block {
  246.     width: 500px;
  247.     height: 800px;
  248.   }
  249. }`);
  250. const isNewPersonPage = document.querySelector("div#hwm_no_zoom") ? true : false;
  251. const isMobileInterface = document.querySelector("div#btnMenuGlobal") ? true : false;
  252.  
  253. main();
  254. async function main() {
  255.     //let widgetContainer = isNewPersonPage ? document.querySelector("body > center") : document.querySelector("body > center > table:nth-child(2) > tbody > tr > td > table > tbody > tr:nth-child(6) > td:nth-child(1)");
  256.     let widgetContainer = isNewPersonPage ? document.querySelector("div#hwm_no_zoom") : document.querySelector("body > center > table:nth-child(2) > tbody > tr > td > table > tbody > tr:nth-child(6) > td:nth-child(1)");
  257.     
  258.     if(isMobileInterface) {
  259.         widgetContainer = isNewPersonPage ? document.querySelector("div#set_mobile_max_width") : document.querySelector("div#android_container > table > tbody > tr:nth-child(6) > td:nth-child(1)");
  260.         if(isNewPersonPage) {
  261.             widgetContainer.style.flexWrap = "wrap";
  262.             addElement("div", widgetContainer, { style: "flex-basis: 100%; height: 0;"});
  263.         }
  264.     }
  265.     let widthSnippet = "";
  266.     if(isNewPersonPage) {
  267.         const anchorRect = document.querySelector("div#set_mobile_max_width").getBoundingClientRect();
  268.         widthSnippet = ` style="width: ${anchorRect.width - horizontalPadding * 2 - 4}px;"`;
  269.     }
  270.     if(widgetContainer) {
  271.         let divOuterInnerHTML = `
  272. <div class="div-style"${widthSnippet}>
  273.     <div class="flex">
  274.       <div id="hwmWidget" class="flex">
  275.            <div id="hwmWidgetDailyPreviewTab" class="news-head active">
  276.                <span>📰</span>
  277.                <h2 class="news-head__title" title="Новости HWM Daily">Новости HWM Daily</h2>
  278.            </div>
  279.            <h2 id="hwmWidgetPorumPreviewTab" class="news-head news-head__title mrgn-l" title="Последние темы форума">Последние темы форума</h2>
  280.            <h2 id="hwmWidgetClanLettersPreviewTab" class="news-head news-head__title mrgn-l" title="Клановая рассылка">Клановая рассылка</h2>
  281.       </div>
  282.       <span id="hwmWidgetSwitcher" class="news-head__switch"></span>
  283.       <span id="hwmWidgetSettings" class="news-head__settings" title="Настройки"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="cog" class="svg-inline--fa fa-cog fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"></path></svg></span>
  284.     </div>
  285.     <div class="modal" id="hwmWidgetSettingsPanel">
  286.       <div class="modal-block">
  287.           <div class="modal-block__head">
  288.             <h3 class="modal-block__title">Настройки виджета</h3>
  289.             <button id="hwmWidgetSettingsPanelCloseButton" class="modal-block__btn">Закрыть</button>
  290.           </div>
  291.           <form>
  292.             <p class="modal-block__text">Выбор форума</p>
  293.             <div class="modal-block__setting">`;
  294.             for(const forumId in forumNames) {
  295.                 divOuterInnerHTML += `<div class="modal-block__checkbox"><input type="radio" id="${forumId}" name="forum" ${GM_getValue("ForumId", "2") == forumId ? "checked" : ""}><label for="${forumId}">${forumNames[forumId]}</label></div>`;
  296.             }
  297.             divOuterInnerHTML += `</div>
  298.           </form>
  299.           <form>
  300.             <p class="modal-block__text">Выбор клана</p>
  301.             <div class="modal-block__setting clans-block">
  302.             </div>
  303.           </form>
  304.           <label for="ShowItemsAmountInput">Количество отображаемых сообщений</label><input type="number" id="ShowItemsAmountInput" value="${GM_getValue("ShowItemsAmount", 5)}" onfocus="this.select(); "/>
  305.           <label for="widgetPositionCheckbox">Положение виджета (вверху (если отмечено) / внизу)</label><input type="checkbox" id="widgetPositionCheckbox" />
  306.       </div>
  307.     </div>
  308.     <div id="hwmWidgetNewsPanel"></div>
  309.     <div id="hwmWidgetResourcesPanel" class="res-style"></div>
  310. </div>
  311. `;
  312.         widgetContainer.insertAdjacentHTML(gmGetBool("WidgetPosition") ? "afterbegin" : "beforeend", divOuterInnerHTML),
  313.         fillClansList();
  314.         const hwmWidgetSwitcher = document.getElementById('hwmWidgetSwitcher');
  315.         hwmWidgetSwitcher.addEventListener("click", function(event) { GM_setValue("Shown", 1 - Number(GM_getValue("Shown", 1))); show(); }, false);
  316.      
  317.         const hwmSettings = document.getElementById('hwmWidgetSettings'); 
  318.         hwmSettings.addEventListener("click", function(event) {
  319.             document.querySelector("#hwmWidgetSettingsPanel").style.display = 'flex';
  320.             document.querySelector("html").style.overflowY = 'hidden';
  321.         }, false);
  322.       
  323.         const hwmWidgetDailyPreviewTab = document.getElementById('hwmWidgetDailyPreviewTab');
  324.         hwmWidgetDailyPreviewTab.addEventListener("click", function(event) { GM_setValue("SecondClick", parseInt(GM_getValue("SelectedTab", 0)) == 0); GM_setValue("SelectedTab", 0); show(); }, false);
  325.         const hwmWidgetPorumPreviewTab = document.getElementById('hwmWidgetPorumPreviewTab');
  326.         hwmWidgetPorumPreviewTab.addEventListener("click", function(event) { GM_setValue("SecondClick", parseInt(GM_getValue("SelectedTab", 0)) == 1); GM_setValue("SelectedTab", 1); show(); }, false);
  327.         const hwmWidgetClanLettersPreviewTab = document.getElementById('hwmWidgetClanLettersPreviewTab');
  328.         hwmWidgetClanLettersPreviewTab.addEventListener("click", function(event) { GM_setValue("SecondClick", parseInt(GM_getValue("SelectedTab", 0)) == 2); GM_setValue("SelectedTab", 2); show(); }, false);
  329.  
  330.         const closeSettings = document.getElementById('hwmWidgetSettingsPanelCloseButton');
  331.         document.getElementById("widgetPositionCheckbox").checked = gmGetBool("WidgetPosition");
  332.         closeSettings.addEventListener("click", function(event) {
  333.             document.querySelector("#hwmWidgetSettingsPanel").style.display = 'none';
  334.             document.querySelector("html").style.overflowY = 'overlay';
  335.             GM_setValue("ForumId", document.querySelector(`input[name='forum']:checked`).id);
  336.             const selectedClan = document.querySelector(".clans-block input[name='clan']:checked");
  337.             if(selectedClan) {
  338.                 GM_setValue("ClanId", selectedClan.id);
  339.             } else {
  340.                 GM_deleteValue("ClanId");
  341.             }
  342.             GM_setValue("ShowItemsAmount", document.getElementById("ShowItemsAmountInput").value);
  343.             GM_setValue("WidgetPosition", document.getElementById("widgetPositionCheckbox").checked);
  344.             show();
  345.         }, false);
  346.         
  347.         GM_setValue("SecondClick", false);
  348.         show();
  349.     }
  350. }
  351. async function fillClansList() {
  352.     const doc = await getRequest(`https://www.heroeswm.ru/pl_clans.php`);
  353.     const clanInfos = Array.from(doc.querySelectorAll("td > li > a[href^='clan_info.php']")).map(x => { return { Id: getUrlParamValue(x.href, "id"), Name: x.firstChild.innerText }; });
  354.     if(clanInfos.length > 0) {
  355.         if(!GM_getValue("ClanId") || !clanInfos.find(x => x.Id == GM_getValue("ClanId"))) {
  356.             GM_setValue("ClanId", clanInfos[0].Id);
  357.         }
  358.         let clans = '';
  359.         for(const clanInfo of clanInfos) {
  360.             clans += `
  361. <div class="modal-block__checkbox">
  362. <input type="radio" id="${clanInfo.Id}" name="clan" ${clanInfo.Id == GM_getValue("ClanId") ? "checked" : ""}>
  363. <label for="${clanInfo.Id}">#${clanInfo.Id} ${clanInfo.Name}</label>
  364. </div>`;
  365.         }
  366.         document.querySelector(".clans-block").innerHTML = clans;
  367.     } else {
  368.         GM_deleteValue("ClanId");
  369.         document.querySelector(".clans-block").innerHTML = "Вы не состоите в кланах";
  370.     }
  371. }
  372. async function show() {
  373.     //console.log(`Shown: ${GM_getValue("Shown")}, SelectedTab: ${GM_getValue("SelectedTab")}, SecondClick: ${GM_getValue("SecondClick")}`);
  374.     if(gmGetBool("SecondClick")) {
  375.         switch(parseInt(GM_getValue("SelectedTab", 0))) {
  376.             case 0: window.open("https://daily.heroeswm.ru/", "_blank"); break;
  377.             case 1: window.open(`https://www.heroeswm.ru/forum_thread.php?id=${GM_getValue("ForumId", "2")}`, "_blank"); break;
  378.             case 2: window.open(`https://www.heroeswm.ru/sms_clans.php?clan_id=${GM_getValue("ClanId")}`, "_blank"); break;
  379.         }
  380.         return;
  381.     }
  382.     const shown = GM_getValue("Shown", 1);
  383.     const hwmWidgetSwitcher = document.getElementById('hwmWidgetSwitcher');
  384.     const newsPanel = document.getElementById("hwmWidgetNewsPanel");
  385.     const resourcesPanel = document.getElementById("hwmWidgetResourcesPanel");
  386.     if(shown == 0) {
  387.         hwmWidgetSwitcher.innerHTML = '<img src="https://dcdn3.heroeswm.ru/i/inv_im/btn_expand.svg" style="-webkit-transform: rotate(90deg); transform: rotate(90deg);">';
  388.         // <img src="https://dcdn3.heroeswm.ru/i/inv_im/btn_expand.svg" class="home_scroll_content_expand_sign inv_rotate90">
  389.         newsPanel.style.display = "none";
  390.         resourcesPanel.style.display = "none";
  391.     } else {
  392.         const hwmWidgetDailyPreviewTab = document.getElementById('hwmWidgetDailyPreviewTab');
  393.         const hwmWidgetPorumPreviewTab = document.getElementById('hwmWidgetPorumPreviewTab');
  394.         const hwmWidgetClanLettersPreviewTab = document.getElementById('hwmWidgetClanLettersPreviewTab');
  395.         hwmWidgetDailyPreviewTab.style.background = "#eae8dd00";
  396.         hwmWidgetPorumPreviewTab.style.background = "#eae8dd00";
  397.         hwmWidgetClanLettersPreviewTab.style.background = "#eae8dd00";
  398.         switch(parseInt(GM_getValue("SelectedTab", 0))) {
  399.             case 0: hwmWidgetDailyPreviewTab.style.background = "#eae8dd"; getDailyNews(); break;
  400.             case 1: hwmWidgetPorumPreviewTab.style.background = "#eae8dd"; getForumNews(); break;
  401.             case 2: hwmWidgetClanLettersPreviewTab.style.background = "#eae8dd"; getClanNews(); break;
  402.         }
  403.         hwmWidgetSwitcher.innerHTML = '<img src="https://dcdn3.heroeswm.ru/i/inv_im/btn_expand.svg" style="-webkit-transform: rotate(270deg); transform: rotate(270deg);">';
  404.         newsPanel.style.display = "block";
  405.         await getResources();
  406.         resourcesPanel.style.display = 'flex'
  407.     }
  408. }
  409. function trimming(string, l) {
  410.     //console.log(`string: ${string}, l: ${l}`);
  411.     var s = string;
  412.     if(string.length > l) {
  413.         for(var i = l; i >= 0; i--) {
  414.             if(string.charAt(i) == ' ') {
  415.                 s = string.substr(0, i) + '...';
  416.             }
  417.         }
  418.         s = string.substr(0, l) + '...';
  419.     }
  420.     return s.replace(/&[^#]/g, "&amp;").replace(/>/g, "&gt;").replace(/</g, "&lt;");
  421. }
  422. async function getElementLots() {
  423.     const doc = await getRequest(`https://www.heroeswm.ru/auction.php?cat=elements&sort=0`);
  424.     const firstLotRow = doc.querySelector("center > table:nth-child(2) > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table > tbody > tr:nth-child(3)");
  425.     let arts = [];
  426.     let row = firstLotRow;
  427.     while(row = row.nextElementSibling) {
  428.         const art = parseLotRow(row);
  429.         if(art) {
  430.             arts.push(art);
  431.         }
  432.     }
  433.     const grouppedArts = groupBy(arts.filter(x => x.LotType == LotType.Purchase), "ArtId");
  434.     return grouppedArts;
  435. }
  436. function parseLotRow(row) {
  437.     if(!row || row.nodeName != "TR") {
  438.         return;
  439.     }
  440.     const goldImageElement = row.querySelector("img[src*='gold.png']");
  441.     if(!goldImageElement) {
  442.         return;
  443.     }
  444.     const lotPrice = parseFloat(goldImageElement.parentNode.nextElementSibling.innerText.replace(/,/g, ""));
  445.     let artId;
  446.     let lotAmount = 1;
  447.     const lotAmountExec = new RegExp(`(\\d+) ${isEn ? "pcs." : "шт."}`).exec(row.innerHTML);
  448.     //console.log(lotAmountExec);
  449.     if(lotAmountExec) {
  450.         lotAmount = parseInt(lotAmountExec[1]);
  451.     }
  452.     const lotType = row.innerHTML.includes(LocalizedString.BuyNow) ? LotType.Purchase : LotType.Auction;
  453.     const artImageRefElement = row.querySelector("a[href*='art_info.php']");
  454.     if(!artImageRefElement) {
  455.         const elementsList = Object.values(ElementsTypes).join("|");
  456.         const elementParse = (new RegExp(`gn_res/(${elementsList}).png`)).exec(row.innerHTML);
  457.         if(elementParse) {
  458.             artId = elementParse[1];
  459.         }
  460.         if(row.innerHTML.includes("house_cert")) {
  461.             const locationsList = Object.values(locations).map(x => x[2]).join("|");
  462.             const sertParse = (new RegExp(`<br>(${locationsList})&nbsp;<b>`)).exec(row.innerHTML);    
  463.             if(sertParse) {
  464.                 artId = getSertIdByLocationName(sertParse[1]);
  465.             }
  466.         }
  467.         const resourcesList = Object.values(ResourcesTypes).map(x => x.ImageName).join("|");
  468.         const resourceParse = (new RegExp(`/(${resourcesList}).png`)).exec(row.innerHTML);
  469.         if(resourceParse) {
  470.             artId = "res_" + resourceParse[1];
  471.         }
  472.         if(row.innerHTML.includes("auc_dom")) {
  473.             const locationsList = Object.values(locations).map(x => x[2]).join("|");
  474.             const sertParse = (new RegExp(`<br>(${locationsList})&nbsp;<b>`)).exec(row.innerHTML);    
  475.             if(sertParse) {
  476.                 artId = getHouseIdByLocationName(sertParse[1]);
  477.             }
  478.         }
  479.         if(row.innerHTML.includes("obj_share_pic")) {
  480.             const locationsList = Object.values(locations).map(x => x[2]).join("|");
  481.             const sertParse = (new RegExp(`<br>(${locationsList})&nbsp;<b>`)).exec(row.innerHTML);    
  482.             if(sertParse) {
  483.                 artId = getShaIdByLocationName(sertParse[1]);
  484.             }
  485.         }
  486.     } else {
  487.         artId = getUrlParamValue(artImageRefElement.href, "id");
  488.         var artUid = getUrlParamValue(artImageRefElement.href, "uid");;
  489.         const strengthData = row.innerText.match(/\d+\/\d+/);
  490.         var restLotStrength = parseInt(strengthData[0].split("/")[0]);
  491.         var lotStrength = parseInt(strengthData[0].split("/")[1]);
  492.     }
  493.     const lotRef = row.querySelector("a[href^='auction_lot_protocol.php']");
  494.     const lotId = getUrlParamValue(lotRef.href, "id");
  495.     
  496.     const imgR = row.querySelector("td:nth-child(1) > table > tbody > tr > td:nth-child(1) > img");
  497.     
  498.     return { ArtUid: artUid, ArtId: artId, LotStrength: lotStrength, RestLotStrength: restLotStrength, LotPrice: lotPrice, LotType: lotType, LotAmount: lotAmount, LotId: lotId, ImageUrl: imgR.getAttribute('src'), Title: imgR.getAttribute('title') };
  499. }
  500. async function getResources() {
  501.     const resourcesPanel = document.getElementById("hwmWidgetResourcesPanel");
  502.     resourcesPanel.innerHTML = getWheelImage();
  503.     const grouppedArts = await getElementLots();
  504.     const elementsData = [];
  505.     for(const elementName of ElementNames)
  506.     {
  507.         const arts = grouppedArts[elementName]
  508.         if(arts.length == 0) {
  509.             continue;
  510.         }
  511.         const art = arts[0];
  512.         let price = art.LotPrice;
  513.         let secondLotPrice = price;
  514.         if(arts.length > 1) {
  515.             secondLotPrice = arts[1].LotPrice;
  516.         }
  517.         elementsData.push({ ElementName: elementName,
  518.             Price: price,
  519.             ImageUrl: art.ImageUrl,
  520.             Title: art.Title,
  521.             Diffrence: secondLotPrice - price,
  522.             AuctionUrl: `https://www.heroeswm.ru/auction.php?cat=elements&sort=0&art_type=${elementName}`,
  523.             NewAuctionUrl: `https://www.heroeswm.ru/auction_new_lot.php?${elementName}=${(price - 1)}`
  524.         }); 
  525.     }
  526.     //console.log(elementsData);
  527.     let res = "";
  528.     for(const elementData of elementsData)
  529.     {                                    
  530.         res += `
  531. <div class='res-style__elem'>
  532. <div style='align-self: center;'>
  533.     <a class='hover-link' href='${elementData.NewAuctionUrl}' target='_blank'>
  534.         <img src='${elementData.ImageUrl}' width='20' heigth='20' border='0'>
  535.     </a>
  536. </div>
  537. <a class='hover-link' target='_. blank' style='text-decoration: none; align-self: center; margin-left: 5px; font-size: 9px;' href='${elementData.AuctionUrl}' title='Разница первого и второго лотов: ${elementData.Diffrence}'>${elementData.Price}</a>
  538. <div style='${(elementData.Diffrence >= 150 ? 'display: inline-flex; background-color: #f33800; padding: 5px;margin-left: 5px; border: 0; border-radius: 4px; color: #fff;' : 'display: none;')}'>
  539.     <span title='' style='font-size: 8px; font-weight: bold;'>${elementData.Diffrence}</span>
  540. </div>
  541. </div>`;
  542.     }
  543.     resourcesPanel.innerHTML = res;
  544. }
  545. async function getClanNews() {
  546.     if(!GM_getValue("ClanId")) {
  547.         document.getElementById("hwmWidgetNewsPanel").innerHTML = "Вы не состоите в кланах";
  548.         return;
  549.     }
  550.     const doc = await getRequest(`https://www.heroeswm.ru/sms_clans.php?clan_id=${GM_getValue("ClanId")}`);
  551.     const letters = Array.from(doc.querySelectorAll("table.wbwhite a[href^='/sms_clans.php'][href*='read']")).map(x => { return {
  552.         Title: x.innerHTML,
  553.         Ref: x.href,
  554.         DateText: x.parentNode.previousElementSibling.innerHTML,
  555.         IsHot:  (Date.now() - parseDate(x.parentNode.previousElementSibling.innerHTML, false, true).getTime()) / (1000 * 60 * 60) <= 12,
  556.     }; }).slice(0, parseInt(GM_getValue("ShowItemsAmount", 5)));
  557.     //console.log(letters);
  558.     //console.log(`letters: ${letters.length}`);
  559.     let clanLetters = "";
  560.     for(const letter of letters) {
  561.         clanLetters += `
  562. <div class='text-title'>
  563.     <a class='hover-link' style='text-decoration:none; ${letter.IsHot ? "font-weight: bold; color: red;" : ""}' target='_blank' href='${letter.Ref}' title='${letter.Title}'>${letter.IsHot ? "📣 " : "• "}${letter.Title}</a>
  564.     <div class='clan-style'>
  565.         <span title='Дата' style='font-size:9px'>${letter.DateText}</span>
  566.     </div>
  567. </div>
  568. `;
  569.     }
  570.     document.getElementById("hwmWidgetNewsPanel").innerHTML = clanLetters;
  571. }
  572. async function getForumNews() {
  573.     const forumId = GM_getValue("ForumId", "2");
  574.     const doc = await getRequest(`https://www.heroeswm.ru/forum_thread.php?id=${forumId}`);
  575.     const messages = Array.from(doc.querySelectorAll("tr > td:nth-child(1) > a[href^='forum_messages.php']")).map(x => { return {
  576.         Fixed: getParent(x, "tr").querySelector("img[src*='skrepka.gif']") ? true : false,
  577.         Title: x.innerHTML,
  578.         Reference: x.href,
  579.         LastCommentReference: getParent(x, "tr").querySelector("a[href^='forum_messages.php'][href*='page=last']"),
  580.         CommentsAmount: parseInt(getParent(x, "tr").cells[2].innerHTML),
  581.         IsHot: parseInt(getParent(x, "tr").cells[2].innerHTML) <= 20
  582.     };}).filter(x => !x.Fixed).slice(0, parseInt(GM_getValue("ShowItemsAmount", 5)));
  583.     let forumNews = "";
  584.     for(const message of messages) {
  585.         forumNews += `
  586. <div class='text-title'>
  587.     <a class='hover-link' style='text-decoration: none;${(message.IsHot ? ' font-weight: bold; color: #ff4d00' : '')}' target='_blank' href='${message.Reference}' title='${message.Title}'>${(message.IsHot ? "🔥" : "•")} ${message.Title}
  588.     </a>
  589.     <div style='display: inline-flex; background-color: #adadad40;padding: 3px 7px; margin-left: 7px; border: 0; border-radius: 4px; color: #592C08;'>
  590.         <a href="${message.LastCommentReference}" title='Количество комментариев. Перейти к последнему.' target='_blank' style='font-size: 9px'>${message.CommentsAmount}</a>
  591.     </div>
  592. </div>`;
  593.     }
  594.     document.getElementById("hwmWidgetNewsPanel").innerHTML = forumNews;
  595. }
  596. function getDailyNews() {
  597.     const newsPanel = document.getElementById("hwmWidgetNewsPanel");
  598.     newsPanel.innerHTML = `${getWheelImage()}&nbsp;&nbsp;Загрузка списка новостей...`;
  599.     GM.xmlHttpRequest({method: "GET", url: "https://daily.heroeswm.ru/news4script.txt?" + Date.now(), headers: {
  600.         'User-agent': 'Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.8.1)',
  601.         'Accept': 'text/xml,text/html',
  602.         'Content-Type': 'text/plain; charset=windows-1251'
  603.     },
  604.     synchronous: false,
  605.     overrideMimeType: 'text/plain; charset=windows-1251',
  606.     onload: function(response) {
  607.         try {
  608.             const dailyUrlRegExp = /\/\/daily\.heroeswm\.ru\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*$/i;
  609.             const previousMessageIds = GM_getValue("PreviousDailyMessageIds", "").split("|");
  610.             const messages = JSON.parse('[["' + response.responseText.replace(/"/g, "\\\"").replace(/\n/g, '"],["').replace(/;;/g, '","').replace(/'/g, "&#39;") + '"]]').filter(x => x.length == 6).map(x => { return {
  611.                 Code: x[0],
  612.                 ImageUrl: x[1],
  613.                 Title: trimming(x[2], 255),
  614.                 Url: x[3],
  615.                 Id: x[4],
  616.                 CommentsAmount: x[5],
  617.                 IsHot: !previousMessageIds.includes(x[4])
  618.             };}).filter(x => dailyUrlRegExp.test(x.ImageUrl) && dailyUrlRegExp.test(x.Url) && /^[1-3]$/.test(x.Code));
  619.             GM_setValue("PreviousDailyMessageIds", messages.map(x => x.Id).join("|"));
  620.             //console.log(messages);
  621.             let newsText = "";
  622.             for(const message of messages) {
  623.                 newsText += `
  624. <div class='text-title'>
  625.     <a class='hover-link' style='text-decoration: none;${message.IsHot ? 'font-weight: bold; color:red' : ''}' target='_blank' href='${message.Url}'>${message.IsHot ? "⚡" : "•"} ${message.Title}</a>
  626.     <div style='display: inline-flex; background-color: #adadad40; padding: 3px 7px; margin-left: 7px; border: 0; border-radius: 4px; color: #592C08;'>
  627.         <span title='комментариев' style='font-size:9px'>${message.CommentsAmount}</span>
  628.     </div>
  629. </div>`;
  630.             }
  631.             newsPanel.innerHTML = newsText;
  632.         } catch(e) {
  633.             newsPanel.innerHTML = `Ошибка при обработке данных: ${e}`;
  634.         }
  635.     },
  636.     onerror: function(response) { newsPanel.innerHTML = "Ошибка при получении данных с Daily"; }
  637.     });
  638. }
  639. function GM_addStyle(css) { addElement("style", document.head, { type: "text/css", innerHTML: css }); }
  640. function addElement(type, parent, data, insertFirst = false) {
  641.     let el = createElement(type, data);
  642.     if(parent) {
  643.         if(insertFirst) {
  644.             parent.insertBefore(el, parent.firstChild);
  645.         } else {
  646.             parent.appendChild(el);
  647.         }
  648.     }
  649.     return el;
  650. }
  651. function createElement(type, data) {
  652.     let el = document.createElement(type);
  653.     if(data) {
  654.         for(let key in data) {
  655.             if(key == "innerText" || key == "innerHTML") {
  656.                 el[key] = data[key];
  657.             } else {
  658.                 el.setAttribute(key, data[key]);
  659.             }
  660.         }
  661.     }
  662.     return el;
  663. }
  664. function getWheelImage() { return '<img border="0" align="absmiddle" height="11" src="https://dcdn.heroeswm.ru/css/loading.gif">'; }
  665. function getUrlParamValue(url, paramName) { return (new URLSearchParams(url.split("?")[1])).get(paramName); }
  666. function groupBy(list, key) { return list.reduce(function(rv, item) { (rv[item[key]] = rv[item[key]] || []).push(item); return rv; }, {}); };
  667. function getSertIdByLocationNumber(locationNumber) { return "sec_" + (locationNumber.toString()).padStart(2, "0"); }
  668. function getSertIdByLocationName(locationName) { 
  669.     const locationNumber = Object.keys(locations).find(x => locations[x][2] == locationName);
  670.     return getSertIdByLocationNumber(locationNumber);
  671. }
  672. function getHouseIdByLocationNumber(locationNumber) { return "dom_" + (locationNumber.toString()).padStart(2, "0"); }
  673. function getHouseIdByLocationName(locationName) { 
  674.     const locationNumber = Object.keys(locations).find(x => locations[x][2] == locationName);
  675.     return getHouseIdByLocationNumber(locationNumber);
  676. }
  677. function getRequest(url) {
  678.     return new Promise((resolve, reject) => {
  679.         GM.xmlHttpRequest({ method: "GET", url: url, overrideMimeType: "text/html; charset=windows-1251",
  680.             onload: function(response) { resolve((new DOMParser).parseFromString(response.responseText, "text/html")); },
  681.             onerror: function(error) { reject(error); }
  682.         });
  683.     });
  684. }
  685. function gmGetBool(valueName, defaultValue = false) {
  686.     const value = GM_getValue(valueName);
  687.     if(value) {
  688.         if(typeof(value) == "string") {
  689.             return value == "true";
  690.         }
  691.         if(typeof(value) == "boolean") {
  692.             return value;
  693.         }
  694.     }
  695.     return defaultValue;
  696. }
  697. function parseDate(dateString, isFuture = false, isPast = false) {
  698.     //console.log(dateString)
  699.     if(!dateString) {
  700.         return;
  701.     }
  702.     const dateStrings = dateString.split(" ");
  703.     
  704.     let hours = 0;
  705.     let minutes = 0;
  706.     let seconds = 0;
  707.     const timePart = dateStrings.find(x => x.includes(":"));
  708.     if(timePart) {
  709.         var time = timePart.split(":");
  710.         hours = parseInt(time[0]);
  711.         minutes = parseInt(time[1]);
  712.         if(time.length > 2) {
  713.             seconds = parseInt(time[2]);
  714.         }
  715.     }
  716.  
  717.     const now = new Date();
  718.     let year = now.getFullYear();
  719.     let month = now.getMonth();
  720.     let day = now.getDate();
  721.     const datePart = dateStrings.find(x => x.includes("-"));
  722.     if(datePart) {
  723.         const date = datePart.split("-");
  724.         month = parseInt(date[isEn ? (date.length == 3 ? 1 : 0) : 1]) - 1;
  725.         day = parseInt(date[isEn ? (date.length == 3 ? 2 : 1) : 0]);
  726.         if(date.length == 3) {
  727.             year = isEn ? parseInt(date[0]) : parseInt(date[2]);
  728.             if(year < 1000) {
  729.                 year += Math.floor((new Date()).getFullYear() / 1000) * 1000;
  730.             }
  731.         } else {
  732.             if(isFuture && month == 0 && now.getMonth() == 11) {
  733.                 year += 1;
  734.             }
  735.         }
  736.     }
  737.     if(dateStrings.length > 2) {
  738.         const letterDateExec = /(\d{2}):(\d{2}) (\d{2}) (.{3,4})/.exec(dateString);
  739.         if(letterDateExec) {
  740.             //console.log(letterDateExec)
  741.             day = parseInt(letterDateExec[3]);
  742.             //const monthNames = ['января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'];
  743.             const monthShortNames = ['янв', 'фев', 'март', 'апр', 'май', 'июнь', 'июль', 'авг', 'сент', 'окт', 'ноя', 'дек'];
  744.             month = monthShortNames.findIndex(x => x.toLowerCase() == letterDateExec[4].toLowerCase());
  745.             if(isPast && (new Date(year, month, day, hours, minutes, seconds)).getTime() > Date.now()) {
  746.                 year -= 1;
  747.             }
  748.         }
  749.     }
  750.     //console.log(`year: ${year}, month: ${month}, day: ${day}, time[0]: ${time[0]}, time[1]: ${time[1]}, ${new Date(year, month, day, parseInt(time[0]), parseInt(time[1]))}`);
  751.     return new Date(year, month, day, hours, minutes, seconds);
  752. }
  753. function getParent(element, parentType, number = 1) {
  754.     if(!element) {
  755.         return;
  756.     }
  757.     let result = element;
  758.     let foundNumber = 0;
  759.     while(result = result.parentNode) {
  760.         if(result.nodeName.toLowerCase() == parentType.toLowerCase()) {
  761.             foundNumber++;
  762.             if(foundNumber == number) {
  763.                 return result;
  764.             }
  765.         }
  766.     }
  767. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址