// ==UserScript==
// @name         LZT_Trophy
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  Ну и говна кусок этот код
// @author       llimonix
// @match        https://zelenka.guru/*
// @icon         https://cdn-icons-png.flaticon.com/512/2830/2830919.png
// @grant        none
// @license MIT
// @downloadURL none
// ==/UserScript==

(function() {
  // Получение ссылки на элемент "page_counter"
  let pageCounter = $('.page_counter');

  // Проверка наличия элемента "page_counter"
  if (pageCounter.length > 0) {
    // Получение значения атрибута "href" элемента "page_counter"
    let hrefValue = pageCounter.attr('href');
    console.log(hrefValue);

    // Использование регулярного выражения для получения текста после последнего слэша в значении атрибута "href"
    let parts = hrefValue.split("/");
    let value = parts[0];
    let trophy;

    let xfToken = $("input[name=_xfToken]").val();
    $.getJSON(`https://zelenka.guru/${value}/trophies?_xfRequestUri=%2F${value}%2F&_xfNoRedirect=1&_xfToken=${xfToken}&_xfResponseType=json`)
      .done(data => {
        trophy = data.templateHtml;
        let parser = new DOMParser();
        trophy = parser.parseFromString(trophy, 'text/html');
        let overlayScrollElements = $(trophy).find('.overlayScroll');
        let totalCount = overlayScrollElements.length;
        if (totalCount > 1) {
          overlayScrollElements.first().remove();
        }

        let trophies = $(trophy).find('.trophy');
        let trophiesList = trophies.map((_, trophy) => trophy.id).get();

        let trophiesstyle = $(trophy).find('.trophy-icon');
        let trophystyleList = trophiesstyle.map((_, trophy) => trophy.style.cssText.replace(/"/g, '')).get();

        let titletrophy = $(trophy).find('.title');
        let titleTexttrophyList = titletrophy.map((_, trophy) => trophy.textContent).get();

        console.log(screen.width);

        let htmlTrophy = "<ol>";
        for (let index = 0; index < trophystyleList.length; index++) {
          htmlTrophy += `<li class="trophy DelayedTooltip" title="${titleTexttrophyList[index]}" id="${trophiesList[index]}" tabindex="0"><div class="trophy-icon" style="${trophystyleList[index]}"></div></li>`;
        }
        htmlTrophy += "</ol>";

        if (screen.width <= 480) {
          $('.memberViewTrophies').html(htmlTrophy);
          $('.Responsive .memberViewTrophies').css('display', 'block');
          $('.memberViewTrophies').css({
            'position': 'relative',
            'margin': '20px 0 0',
            'overflow-x': 'scroll',
            'white-space': 'nowrap'
          });
        } else {
          $('.memberViewTrophies').html(htmlTrophy);
        }
      })
      .fail(error => console.error("Ошибка:", error));
  }
})();