MediaWiki:Common.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

const pageName = mw.config.get("wgPageName");

// Темная тема на главной странице

if (pageName == "Заглавная_страница" || pageName == "Test2") {
    document.documentElement.classList.replace('skin-theme-clientpref-day', 'skin-theme-clientpref-night');
}

// Отображение онлайна

document.querySelectorAll(".server-hook").forEach(function(element) {
    var ip = element.getAttribute("data-ip");
    var port = element.getAttribute("data-port");
    var url = "https://wiki.ss13-bluemoon.ru/nodeapi/status?ip=" + encodeURIComponent(ip) + "&port=" + encodeURIComponent(port);
    fetch(url).then(function(response) {
        if (!response.ok) {
            throw new Error(response.status);
        }
        return response.json();
    }).then(function(data) {
        element.textContent = data.response.players;
    }).catch(function(error) {
        element.textContent = "⨉";
    });
});

// Интерактивная таблица

if (pageName != "Шаблон:Таблица_Космический_Закон") {
    let current = null;
    let currentCell = null;
    const table = document.getElementById("law");
    if (table) {
        table.addEventListener("click", function(event) {
            const cell = event.target.closest("td");
            if (!cell) return;
            if (!cell.dataset.id) return;
            if (current !== null) {
                document.getElementById(current).style.display = "none";
                if (currentCell) currentCell.classList.remove("law-selected");
            }
            if (cell.dataset.id === current) {
                current = null;
                currentCell = null;
                return;
            }
            current = cell.dataset.id;
            currentCell = cell;
            document.getElementById(current).style.display = "block";
            cell.classList.add("law-selected");
        });
    }
} else {
    const allObjects = document.querySelectorAll(".law-object");
    allObjects.forEach(el => el.style.display = "block");
}

// Вертикальный tabs

mw.loader.using('jquery', function() {
    $(function() {
        $('.vtabs').each(function() {
            const $container = $(this);
            const $buttons = $container.find('.vtabs-button');
            const $contents = $container.find('.vtabs-content');
            $buttons.each(function(index) {
                $(this).on('click', function() {
                    $buttons.removeClass('active');
                    $contents.removeClass('active');
                    $(this).addClass('active');
                    $contents.eq(index).addClass('active');
                });
            });
        });
    });
});

// Сворачиваемая строка

mw.loader.using('mediawiki.util', function() {
    $(function() {
        $('.colstr-header').each(function() {
            $(this).on('click', function() {
                const $panel = $(this).closest('.colstr-panel');
                const isOpen = $panel.toggleClass('open').hasClass('open');
                $(this).attr('aria-expanded', isOpen);
            });
        });
    });
});

// Пасхалка буква жопа

mw.loader.using('mediawiki.util', function() {
    mw.util.addPortletLink(
        'p-personal',
        '#',
        ' ',
        'pt-omode',
        ' '
    ).addEventListener('click', function(e) {
        e.preventDefault();
        toggleSecret();
    });

    if (localStorage.getItem('ѾmodeEnabled') === 'true') {
        startSecret();
    }
});

function startSecret() {
    function getVisibleTextNodes(root) {
        let nodes = [];
        function walk(node) {
            if (node.nodeType === Node.TEXT_NODE) {
                if (node.nodeValue.trim() !== "" && node.parentNode.offsetParent !== null) {
                    nodes.push(node);
                }
            } else if (node.nodeType === Node.ELEMENT_NODE && node.tagName !== "SCRIPT" && node.tagName !== "STYLE") {
                for (let child of node.childNodes) walk(child);
            }
        }
        walk(root);
        return nodes;
    }

    let textNodes = getVisibleTextNodes(document.body);
    let matches = [];
    for (let node of textNodes) {
        let regex = /от/gi;
        let match;
        while ((match = regex.exec(node.nodeValue)) !== null) {
            matches.push({
                node,
                start: match.index,
                length: match[0].length
            });
        }
    }

    function replaceNext() {
        if (matches.length === 0) return;
        let randIndex = Math.floor(Math.random() * matches.length);
        let {
            node,
            start,
            length
        } = matches.splice(randIndex, 1)[0];
        let chars = node.nodeValue.split("");
        chars.splice(start, length, "Ѿ");
        node.nodeValue = chars.join("");
        matches = matches.filter(m => m.node !== node || m.start > start);
        setTimeout(replaceNext, 1);
    }

    replaceNext();
}

function toggleSecret() {
    if (localStorage.getItem('ѾmodeEnabled') === 'true') {
        localStorage.setItem('ѾmodeEnabled', 'false');
        location.reload();
    } else {
        localStorage.setItem('ѾmodeEnabled', 'true');
        location.reload();
    }
}



const btnUp = {
  el: document.querySelector('.btn-up'),
  scrolling: false,
  show() {
    if (this.el.classList.contains('btn-up_hide') && !this.el.classList.contains('btn-up_hiding')) {
      this.el.classList.remove('btn-up_hide');
      this.el.classList.add('btn-up_hiding');
      window.setTimeout(() => {
        this.el.classList.remove('btn-up_hiding');
      }, 300);
    }
  },
  hide() {
    if (!this.el.classList.contains('btn-up_hide') && !this.el.classList.contains('btn-up_hiding')) {
      this.el.classList.add('btn-up_hiding');
      window.setTimeout(() => {
        this.el.classList.add('btn-up_hide');
        this.el.classList.remove('btn-up_hiding');
      }, 300);
    }
  },
  addEventListener() {
    // при прокрутке окна (window)
    window.addEventListener('scroll', () => {
      const scrollY = window.scrollY || document.documentElement.scrollTop;
      if (this.scrolling && scrollY > 0) {
        return;
      }
      this.scrolling = false;
      // если пользователь прокрутил страницу более чем на 200px
      if (scrollY > 400) {
        // сделаем кнопку .btn-up видимой
        this.show();
      } else {
        // иначе скроем кнопку .btn-up
        this.hide();
      }
    });
    // при нажатии на кнопку .btn-up
    document.querySelector('.btn-up').onclick = () => {
      this.scrolling = true;
      this.hide();
      // переместиться в верхнюю часть страницы
      window.scrollTo({
        top: 0,
        left: 0,
        behavior: 'smooth'
      });
    }
  }
}

btnUp.addEventListener();