MediaWiki:Common.js: различия между версиями

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показаны 53 промежуточные версии 2 участников)
Строка 102: Строка 102:
return getXHRInfo(connect).then(function(serverData) {
return getXHRInfo(connect).then(function(serverData) {
var unixStartRound = getUnixTime(serverData.round_start_time);
var unixStartRound = getUnixTime(serverData.round_start_time);
var timeDisplay = unixStartRound ? secondsToDHM(currentUnixTime -
var timeDisplay = unixStartRound ? secondsToDHM(currentUnixTime - unixStartRound) : "–";
unixStartRound) : "–";
var currentPlayers = serverData.players;
var currentPlayers = serverData.players;
var maxPlayers = serverData.soft_max_players;
var maxPlayers = serverData.soft_max_players;
// Вычисляем процент
// Вычисляем процент
var percentage = maxPlayers > 0 ? Math.round((currentPlayers /
var percentage = maxPlayers > 0 ? Math.round((currentPlayers / maxPlayers) * 100) : 0;
maxPlayers) * 100) : 0;
// Форматируем строку с количеством игроков
// Форматируем строку с количеством игроков
var playersDisplay = currentPlayers && maxPlayers ? currentPlayers + '/' +
var playersDisplay = currentPlayers && maxPlayers ? currentPlayers + '/' + maxPlayers : "–";
maxPlayers : "–";
// Функция для проверки на пустые данные
// Функция для проверки на пустые данные
function checkValue(value) {
function checkValue(value) {
Строка 155: Строка 152:


function getServerTime() {
function getServerTime() {
return fetch(
return fetch('https://station14.ru/api.php?action=query&meta=siteinfo&siprop=general&format=json').then(
'https://station14.ru/api.php?action=query&meta=siteinfo&siprop=general&format=json'
function(response) {
).then(function(response) {
return response.json();
return response.json();
}).then(function(data) {
}).then(function(data) {
return getUnixTime(data.query.general.time);
return getUnixTime(data.query.general.time);
});
});
Строка 171: Строка 167:
2: "Завершение"
2: "Завершение"
};
};
serverStatusFrame.querySelector(".serverInfoRoundSet").textContent = "#" +
serverStatusFrame.querySelector(".serverInfoRoundSet").textContent = "#" + serverObj.round;
serverObj.round;
serverStatusFrame.querySelector(".serverStatusSet").textContent = statusText[serverObj.status] ||
serverStatusFrame.querySelector(".serverStatusSet").textContent = statusText[
"Неизвестный статус";
serverObj.status] || "Неизвестный статус";
serverStatusFrame.querySelector(".serverMapSet").textContent = serverObj.map;
serverStatusFrame.querySelector(".serverMapSet").textContent = serverObj.map;
serverStatusFrame.querySelector(".serverTimeSet").textContent = serverObj.time;
serverStatusFrame.querySelector(".serverTimeSet").textContent = serverObj.time;
Строка 183: Строка 178:
return server.name === serverName;
return server.name === serverName;
});
});
var connectionStringElement = serverStatusFrame.querySelector(
var connectionStringElement = serverStatusFrame.querySelector(".serverConnectSet");
".serverConnectSet");
if (connectionStringElement) {
if (connectionStringElement) {
connectionStringElement.textContent = serverData ? serverData.serverconnect :
connectionStringElement.textContent = serverData ? serverData.serverconnect : '-'; // Устанавливаем строку подключения
'-'; // Устанавливаем строку подключения
}
}
// Обновляем прогресс-бар
// Обновляем прогресс-бар
Строка 233: Строка 226:


function escapeAndMinifyCSS(css) {
function escapeAndMinifyCSS(css) {
  return css
return css.replace(/\\/g, '\\\\') // Экранируем обратный слэш
    .replace(/\\/g, '\\\\') // Экранируем обратный слэш
.replace(/\n/g, '') // Удаляем переносы строк (по желанию)
    .replace(/\n/g, '') // Удаляем переносы строк (по желанию)
.replace(/\/\*[\s\S]*?\*\//g, '') // Удаляем комментарии
    .replace(/\/\*[\s\S]*?\*\//g, '') // Удаляем комментарии
.replace(/\s+/g, ' ') // Заменяем множественные пробелы на один
    .replace(/\s+/g, ' ') // Заменяем множественные пробелы на один
.trim(); // Удаляем пробелы в начале и конце
    .trim(); // Удаляем пробелы в начале и конце
}
}
const addedStyles = new Set();
const addedStyles = new Set();


function customCSS(textCSS) {
function customCSS(textCSS) {
  const escapedCSS = escapeAndMinifyCSS(textCSS); // Экранируем CSS
const escapedCSS = escapeAndMinifyCSS(textCSS); // Экранируем CSS
 
// Проверяем, был ли уже добавлен этот CSS
  // Проверяем, был ли уже добавлен этот CSS
if (!addedStyles.has(escapedCSS)) {
  if (!addedStyles.has(escapedCSS)) {
addedStyles.add(escapedCSS); // Добавляем в множество уникальных стилей
    addedStyles.add(escapedCSS); // Добавляем в множество уникальных стилей
const styleSheet = document.createElement("style");
 
styleSheet.textContent = escapedCSS;
    const styleSheet = document.createElement("style");
document.head.appendChild(styleSheet);
    styleSheet.textContent = escapedCSS;
}
    document.head.appendChild(styleSheet);
  }
}
}


Строка 291: Строка 280:
return iframe;
return iframe;
}
}
// Функция для увеличения яркости цвета
// Функция для увеличения яркости цвета
function brightenColor(color, factor) {
function brightenColor(color, factor) {
     function getBrightness(r, g, b) {
     function getBrightness(r, g, b) {
         return 0.2126 * r + 0.7152 * g + 0.0722 * b;
         return 0.2126 * r + 0.7152 * g + 0.0722 * b;
    }
    function isGray(r, g, b) {
        var maxDiff = 20; // Максимальное допустимое отклонение между RGB для серого
        return Math.abs(r - g) < maxDiff && Math.abs(g - b) < maxDiff && Math.abs(r - b) < maxDiff;
     }
     }


Строка 302: Строка 295:
     var g = parseInt(rgbValues[1], 10);
     var g = parseInt(rgbValues[1], 10);
     var b = parseInt(rgbValues[2], 10);
     var b = parseInt(rgbValues[2], 10);
     var a = rgbValues.length === 4 ? parseFloat(rgbValues[3]) : 1; // Обработка альфа-канала
     var a = rgbValues.length === 4 ? parseFloat(rgbValues[3]) : 1;


     var brightness = getBrightness(r, g, b);
     var brightness = getBrightness(r, g, b);


     if (factor === undefined) {
     if (factor === undefined) {
         if (brightness < 35) {
         if (brightness <= 180) {
            if (r > g && r > b) {
             factor = 4;
                factor = 1.1 + (35 - brightness) / 200;  // Красный доминирует
            } else if (g > r && g > b) {
                factor = 1.1 + (35 - brightness) / 150;  // Зеленый доминирует
            } else {
                factor = 1.1 + (35 - brightness) / 50;  // Темный цвет с доминированием синего
            }
        } else if (brightness <= 55) {
            factor = 1.085;
        } else if (brightness < 140) {
            factor = 1.045;
        } else if (brightness < 180) {
             factor = 1.02;
         } else {
         } else {
             factor = 1.0;
             factor = 0;
         }
         }
     }
     }


     r = Math.min(255, Math.floor(r * factor));
     // Если цвет серый, уменьшаем фактор
     g = Math.min(255, Math.floor(g * factor));
    if (isGray(r, g, b)) {
     b = Math.min(255, Math.floor(b * factor));
        factor = Math.max(1, factor * 0.8);
    }
 
    // Добавляем фактор вместо умножения
    r = Math.min(255, r + factor);
     g = Math.min(255, g + factor);
     b = Math.min(255, b + factor);


     return a < 1 ? 'rgba(' + r + ', ' + g + ', ' + b + ', ' + a + ')' : 'rgb(' + r + ', ' + g + ', ' + b + ')';
     return a < 1 ? 'rgba(' + r + ', ' + g + ', ' + b + ', ' + a + ')' : 'rgb(' + r + ', ' + g + ', ' + b + ')';
Строка 335: Строка 322:
// Функция для подсветки ячеек в таблице при наведении
// Функция для подсветки ячеек в таблице при наведении
function applyHighlighting() {
function applyHighlighting() {
    // Проверка, является ли устройство мобильным, если да — функция не выполняется
if (/Mobi|Android/i.test(navigator.userAgent)) {
    if (/Mobi|Android/i.test(navigator.userAgent)) {
return;
        return;
}
    }
var tables = document.querySelectorAll('.wikitable:not(.no-highlight-table)');
 
Array.prototype.forEach.call(tables, function(table) {
    // Находим все таблицы с классом 'wikitable', кроме тех, что имеют класс 'no-highlight-table'
var tbody = table.querySelector('tbody');
    var tables = document.querySelectorAll('.wikitable:not(.no-highlight-table)');
var thead = table.querySelector('thead');
 
var noHeader = table.classList.contains('no-header-table');
    // Проходим по каждой таблице
if (tbody) {
    Array.prototype.forEach.call(tables, function(table) {
// Получаем все строки <tr> внутри первого уровня <tbody>
        var tbodies = table.querySelectorAll('tbody');
var rows = Array.prototype.slice.call(tbody.querySelectorAll('tr')).filter(function(row) {
        var thead = table.querySelector('thead');
// Проверяем, что <tr> находится на первом уровне, и исключаем строки с вложенными таблицами
        var noHeader = table.classList.contains('no-header-table');
return row.parentElement === tbody && !row.querySelector('table');
 
});
        // Проходим по каждому <tbody>
// Пропускаем первую строку, если нет <thead> и нет класса 'no-header-table'
        Array.prototype.forEach.call(tbodies, function(tbody) {
var topLevelRows = (!thead && !noHeader) ? rows.slice(1) : rows;
            // Получаем все строки <tr>, исключая первый <tr> внутри каждого <tbody>
var hasInvalidRowspan = false;
            var rows = Array.prototype.slice.call(tbody.querySelectorAll('tr')).filter(function(row, index) {
var hasTooManyRowspan = false;
                // Исключаем строки с вложенными таблицами и первую строку <tr>
// Проверка на ошибки в rowspan
                return index > 0 && !row.querySelector('table');
Array.prototype.forEach.call(topLevelRows, function(row) {
            });
var cells = Array.prototype.slice.call(row.querySelectorAll('td, th')).filter(function(cell) {
 
return !cell.classList.contains('mobile');
            // Пропускаем первую строку, если нет <thead> и нет класса 'no-header'
});
            var topLevelRows = (!thead && !noHeader) ? rows.slice(1) : rows;
var cellCount = cells.length;
 
var rowspanCount = cells.filter(function(cell) {
            var hasInvalidRowspan = false;
return cell.hasAttribute('rowspan') && cell.getAttribute('rowspan') !== '1';
            var hasTooManyRowspan = false;
}).length;
 
// Проверка на слишком большое количество rowspan или неправильное расположение rowspan
            // Проходим по строкам первого уровня
if (rowspanCount > 2 || (cellCount <= 3 && rowspanCount > 1)) {
            topLevelRows.forEach(function(row) {
hasTooManyRowspan = true;
                // Получаем все ячейки строки, исключая те, что имеют класс 'mobile'
return;
                var cells = Array.prototype.slice.call(row.querySelectorAll('td, th')).filter(function(cell) {
}
                    return !cell.classList.contains('mobile');
var hasValidRowspanEdge = cells.some(function(cell, index) {
                });
return cell.hasAttribute('rowspan') && cell.getAttribute('rowspan') !== '1' && (index === 0 ||
                var cellCount = cells.length;
index === cells.length - 1);
 
});
                // Проверяем, есть ли больше двух ячеек с атрибутом rowspan
if (!hasValidRowspanEdge && cells.some(function(cell, index) {
                var rowspanCount = cells.filter(function(cell) {
return cell.hasAttribute('rowspan') && cell.getAttribute('rowspan') !== '1' && index > 0 && index <
                    return cell.hasAttribute('rowspan') && cell.getAttribute('rowspan') !== '1';
cells.length - 1;
                }).length;
})) {
 
hasInvalidRowspan = true;
                // Если в строке больше двух ячеек с rowspan, функция не применяется
}
                if (rowspanCount > 2) {
});
                    hasTooManyRowspan = true;
// Если есть ошибки в rowspan, выходим
                    return;
if (hasTooManyRowspan || hasInvalidRowspan) return;
                }
// Обработка наведения на строки и ячейки
 
Array.prototype.forEach.call(topLevelRows, function(row, rowIndex) {
                // Если строка имеет 3 или меньше ячеек и больше одного rowspan, не применяем функцию
var cells = Array.prototype.slice.call(row.querySelectorAll('td, th'));
                if (cellCount <= 3 && rowspanCount > 1) {
// Сохраняем оригинальные стили для каждой ячейки
                    hasTooManyRowspan = true;
var originalStyles = cells.map(function(cell) {
                    return;
return {
                }
backgroundColor: getComputedStyle(cell).backgroundColor,
 
color: getComputedStyle(cell).color
                // Проверяем, есть ли корректные ячейки с rowspan на краю строки (первый или последний элемент)
};
                var hasValidRowspanEdge = cells.some(function(cell, index) {
});
                    return cell.hasAttribute('rowspan') && cell.getAttribute('rowspan') !== '1' && (index === 0 || index === cells.length - 1);
// Наведение на строку (tr)
                });
row.addEventListener('mouseover', function() {
 
highlightRow(row, rowIndex, true);
                // Если ячейки с rowspan находятся не на краю, устанавливаем флаг ошибки
});
                if (!hasValidRowspanEdge && cells.some(function(cell, index) {
row.addEventListener('mouseout', function() {
                    return cell.hasAttribute('rowspan') && cell.getAttribute('rowspan') !== '1' && index > 0 && index < cells.length - 1;
highlightRow(row, rowIndex, false);
                })) {
});
                    hasInvalidRowspan = true;
// Наведение на ячейки с rowspan
                }
Array.prototype.forEach.call(cells, function(cell, cellIndex) {
            });
if (cell.hasAttribute('rowspan') && parseInt(cell.getAttribute('rowspan')) > 1) {
 
var rowspan = parseInt(cell.getAttribute('rowspan'));
            // Если есть некорректные строки с rowspan или слишком много rowspan, выходим
// Обработка rowspan ячейки
            if (hasTooManyRowspan || hasInvalidRowspan) return;
cell.addEventListener('mouseover', function() {
 
// Отключаем обработку строки при наведении на rowspan ячейку
            // Проходим по каждой строке для добавления событий подсветки
row.classList.add('highlighted');
            topLevelRows.forEach(function(row) {
highlightRowspanArea(rowIndex, cellIndex, rowspan, true);
                var cells = Array.prototype.slice.call(row.querySelectorAll('td, th'));
});
                var originalStyles = cells.map(function(cell) {
cell.addEventListener('mouseout', function() {
                    // Сохраняем оригинальные стили каждой ячейки
// Восстанавливаем состояние строки при уходе курсора
                    return {
row.classList.remove('highlighted');
                        backgroundColor: getComputedStyle(cell).backgroundColor,
highlightRowspanArea(rowIndex, cellIndex, rowspan, false);
                        color: getComputedStyle(cell).color
});
                    };
}
                });
});
 
// Функция подсветки строки (только текущее tr)
                // Добавляем события 'mouseover' и 'mouseout' для подсветки
function highlightRow(row, rowIndex, highlight) {
                cells.forEach(function(cell, index) {
if (row.classList.contains('highlighted')) return; // Избегаем повторного применения подсветки
                    if (cell.hasAttribute('rowspan') && cell.getAttribute('rowspan') !== '1') return;
var rowCells = Array.prototype.slice.call(row.querySelectorAll('td, th'));
                    // Добавляем обработчик события при наведении мыши
Array.prototype.forEach.call(rowCells, function(cell, cellIndex) {
                    cell.addEventListener('mouseover', function() {
// Подсвечиваем только ячейки, не имеющие атрибут rowSpan
                        cells.forEach(function(innerCell, innerIndex) {
if (!cell.hasAttribute('rowspan')) {
                            if (!innerCell.hasAttribute('rowspan') || innerCell.getAttribute('rowspan') === '1') {
var cellStyle = getComputedStyle(cell);
                                // Увеличиваем яркость фона и текста ячейки при наведении
cell.style.setProperty('background-color', highlight ? brightenColor(cellStyle.backgroundColor) :
                                innerCell.style.setProperty('background-color', brightenColor(originalStyles[innerIndex].backgroundColor), 'important');
originalStyles[cellIndex].backgroundColor, 'important');
                                innerCell.style.setProperty('color', brightenColor(originalStyles[innerIndex].color), 'important');
cell.style.setProperty('color', highlight ? brightenColor(cellStyle.color) : originalStyles[
                            }
cellIndex].color, 'important');
                        });
}
                    });
});
                    // Добавляем обработчик события, когда мышь уходит с ячейки
}
                    cell.addEventListener('mouseout', function() {
// Функция подсветки для ячеек с rowspan (подсвечивает все строки, которые охватывает ячейка)
                        cells.forEach(function(innerCell, innerIndex) {
function highlightRowspanArea(rowIndex, cellIndex, rowspan, highlight) {
                            if (!innerCell.hasAttribute('rowspan') || innerCell.getAttribute('rowspan') === '1') {
for (var i = 0; i < rowspan; i++) {
                                // Восстанавливаем оригинальные стили после наведения
var targetRow = topLevelRows[rowIndex + i];
                                innerCell.style.setProperty('background-color', originalStyles[innerIndex].backgroundColor, 'important');
if (targetRow) {
                                innerCell.style.setProperty('color', originalStyles[innerIndex].color, 'important');
var targetCells = Array.prototype.slice.call(targetRow.querySelectorAll('td, th'));
                            }
// Обработка ячейки в каждой строке, затронутой rowspan
                        });
Array.prototype.forEach.call(targetCells, function(targetCell, targetCellIndex) {
                    });
var targetCellStyle = getComputedStyle(targetCell);
                });
// Сохраняем оригинальные стили для каждой ячейки, если подсветка включена
            });
if (highlight) {
        });
targetCell.originalBackground = targetCellStyle.backgroundColor;
    });
targetCell.originalColor = targetCellStyle.color;
}
// Применяем подсветку или восстанавливаем оригинальные стили
targetCell.style.setProperty('background-color', highlight ? brightenColor(targetCellStyle.backgroundColor) :
targetCell.originalBackground, 'important');
targetCell.style.setProperty('color', highlight ? brightenColor(targetCellStyle.color) :
targetCell.originalColor, 'important');
});
}
}
}
});
}
});
}
}
// Функции для добавления кастомных заголовков в TOC
// Функции для добавления кастомных заголовков в TOC
function addHeadingsWithTOC() {
function addHeadingsWithTOC() {
    mw.hook('wikipage.content').add(function($content) {
mw.hook('wikipage.content').add(function($content) {
        var $toc = $('#toc ul'); // Находим TOC
var $toc = $('#toc ul'); // Находим TOC
        $toc.empty();
$toc.empty();
// Ищем заголовки h1 - h6 и элементы с классом .custom-heading
var $headings = $content.find('h1, h2, h3, h4, h5, h6, .custom-heading');
var tocCounters = [0]; // Счётчики для уровней заголовков
var lastLevel = 1; // Уровень предыдущего заголовка
var $currentList = $toc; // Текущий список для вложенности
// Функция для обновления счётчиков для текущего уровня
function updateCounters(level) {
if (level > lastLevel) {
tocCounters.push(0); // Добавляем новый уровень
} else if (level < lastLevel) {
tocCounters = tocCounters.slice(0, level); // Убираем лишние уровни
}
tocCounters[level - 1]++;
lastLevel = level;
}
// Функция для получения номера секции в стиле "1", "1.1", "1.1.1"
function getSectionNumber() {
return tocCounters.join('.');
}
// Функция для создания нового <ul> для вложенного уровня
function createNestedList($parent) {
var $nestedList = $('<ul>');
$parent.append($nestedList);
return $nestedList;
}
// Перебираем все заголовки и элементы с классом .custom-heading
$headings.each(function() {
var $heading = $(this);
var level;
// Определяем уровень
if ($heading.hasClass('custom-heading')) {
level = 1;
} else {
// Проверяем наличие <span class="mw-headline"> внутри заголовка
var $headlineSpan = $heading.find('span.mw-headline');
if ($headlineSpan.length === 0) {
return; // Пропускаем заголовок, если нет нужного <span>
}
// Определяем уровень заголовка по тегу
var tagName = $heading.prop('tagName').toLowerCase();
level = parseInt(tagName.charAt(1), 10);
}
updateCounters(level); // Обновляем счётчики для текущего уровня
var sectionId = $heading.find('span.mw-headline').attr('id') || 'heading-' + getSectionNumber();
$heading.find('span.mw-headline').attr('id', sectionId); // Присваиваем уникальный id заголовку
// Извлекаем текст заголовка
var headingText = $heading.find('span.mw-headline').text().trim() || $heading.text().trim();
// Проверяем, что текст заголовка не пустой
if (headingText.length > 0) {
// Создание вложенных списков, если уровень больше 1
if (level > 1) {
while (tocCounters.length > level) {
$currentList = $currentList.parent(); // Переходим к родительскому <ul>
}
if ($currentList.children('ul').length === 0) {
$currentList = createNestedList($currentList); // Создаём новый вложенный список
}
} else {
// Если уровень 1, сбрасываем вложенные списки
$currentList = $toc;
}
// Создаём элемент списка в оглавлении (TOC)
var tocItem = $('<li>').addClass('toclevel-' + (level - 1)).append($('<a>').attr('href', '#' +
sectionId).append($('<span>').addClass('tocnumber').text(getSectionNumber()), $('<span>').addClass(
'toctext').text(headingText)));
// Добавляем элемент в текущий список
$currentList.append(tocItem);
}
});
});
}
// Функция для логики меню создаваемым модулем CategoryMenu
function initCategorySwitcher() {
    var categories = document.querySelectorAll('.categories div');
    var menus = document.querySelectorAll('.menu');
    var contentDivs = document.querySelectorAll('.content div');
    var menuItems = document.querySelectorAll('.menu div');


        // Ищем заголовки h1 - h6 и элементы с классом .custom-heading
    function clearActiveContent() {
        var $headings = $content.find('h1, h2, h3, h4, h5, h6, .custom-heading');
         for (var i = 0; i < contentDivs.length; i++) {
         var tocCounters = [0]; // Счётчики для уровней заголовков
             contentDivs[i].classList.remove('active');
        var lastLevel = 1; // Уровень предыдущего заголовка
        var $currentList = $toc; // Текущий список для вложенности
 
        // Функция для обновления счётчиков для текущего уровня
        function updateCounters(level) {
             if (level > lastLevel) {
                tocCounters.push(0); // Добавляем новый уровень
            } else if (level < lastLevel) {
                tocCounters = tocCounters.slice(0, level); // Убираем лишние уровни
            }
            tocCounters[level - 1]++;
            lastLevel = level;
         }
         }
    }


        // Функция для получения номера секции в стиле "1", "1.1", "1.1.1"
    function clearActiveMenu() {
         function getSectionNumber() {
         for (var i = 0; i < menus.length; i++) {
             return tocCounters.join('.');
             menus[i].classList.remove('active');
         }
         }
    }


        // Функция для создания нового <ul> для вложенного уровня
    function clearActiveMenuItems() {
        function createNestedList($parent) {
        for (var i = 0; i < menuItems.length; i++) {
            var $nestedList = $('<ul>');
             menuItems[i].classList.remove('active');
             $parent.append($nestedList);
            return $nestedList;
         }
         }
    }


        // Перебираем все заголовки и элементы с классом .custom-heading
    function switchCategory(categoryClass) {
        $headings.each(function() {
        clearActiveMenu();
            var $heading = $(this);
        clearActiveContent();
            var level;
        var selectedMenu = document.querySelector('.' + categoryClass + '-menu');
 
        if (selectedMenu) {
            // Определяем уровень
            selectedMenu.classList.add('active');
            if ($heading.hasClass('custom-heading')) {
            var firstParagraph = selectedMenu.querySelector('div');
                level = 1;
            if (firstParagraph) {
            } else {
                 switchContent(firstParagraph);
                // Проверяем наличие <span class="mw-headline"> внутри заголовка
                var $headlineSpan = $heading.find('span.mw-headline');
                if ($headlineSpan.length === 0) {
                    return; // Пропускаем заголовок, если нет нужного <span>
                }
 
                // Определяем уровень заголовка по тегу
                var tagName = $heading.prop('tagName').toLowerCase();
                 level = parseInt(tagName.charAt(1), 10);
             }
             }
        }
    }


             updateCounters(level); // Обновляем счётчики для текущего уровня
    function switchContent(menuItem) {
        clearActiveMenuItems();
        clearActiveContent();
        var contentClass = menuItem.className + '-content';
        var content = document.querySelector('.' + contentClass);
        if (content) {
            content.classList.add('active');
             menuItem.classList.add('active');
        }
    }


            var sectionId = $heading.find('span.mw-headline').attr('id') || 'heading-' + getSectionNumber();
    for (var i = 0; i < categories.length; i++) {
             $heading.find('span.mw-headline').attr('id', sectionId); // Присваиваем уникальный id заголовку
        categories[i].addEventListener('click', function() {
            var categoryClass = this.classList[0];
             switchCategory(categoryClass);
        });
    }


            // Извлекаем текст заголовка
    for (var i = 0; i < menuItems.length; i++) {
            var headingText = $heading.find('span.mw-headline').text().trim() || $heading.text().trim();
        menuItems[i].addEventListener('click', function() {
            switchContent(this);
        });
    }


            // Проверяем, что текст заголовка не пустой
    // Открытие первой категории и первого пункта
            if (headingText.length > 0) {
    var firstCategory = categories.length > 0 ? categories[0].classList[0] : null;
                // Создание вложенных списков, если уровень больше 1
    if (firstCategory) {
                if (level > 1) {
        switchCategory(firstCategory);
                    while (tocCounters.length > level) {
     }
                        $currentList = $currentList.parent(); // Переходим к родительскому <ul>
                    }
 
                    if ($currentList.children('ul').length === 0) {
                        $currentList = createNestedList($currentList); // Создаём новый вложенный список
                    }
                } else {
                    // Если уровень 1, сбрасываем вложенные списки
                    $currentList = $toc;
                }
 
                // Создаём элемент списка в оглавлении (TOC)
                var tocItem = $('<li>')
                    .addClass('toclevel-' + (level - 1))
                    .append(
                        $('<a>').attr('href', '#' + sectionId).append(
                            $('<span>').addClass('tocnumber').text(getSectionNumber()),
                            $('<span>').addClass('toctext').text(headingText)
                        )
                    );
 
                // Добавляем элемент в текущий список
                $currentList.append(tocItem);
            }
        });
     });
}
}
 
const currentPageTitle = document.title;
$(document).ready(function() {
$(document).ready(function() {
var serversStatus = document.querySelectorAll('.serversStatus');
var serversStatus = document.querySelectorAll('.serversStatus');
Строка 554: Строка 602:
}
}
}
}
const copyServerConnectionIcon = document.querySelectorAll(
const copyServerConnectionIcon = document.querySelectorAll('.copyServerConnectionIcon');
'.copyServerConnectionIcon');
copyServerConnectionIcon.forEach(function(icon) {
copyServerConnectionIcon.forEach(function(icon) {
icon.addEventListener('click', function() {
icon.addEventListener('click', function() {
Строка 576: Строка 623:
var tables = document.querySelectorAll('.wikitable');
var tables = document.querySelectorAll('.wikitable');
if (tables.length > 0) {
if (tables.length > 0) {
    setTimeout(function() {
setTimeout(function() {
        applyHighlighting();
applyHighlighting();
    }, 500);
}, 500);
}
}
var customHeadings = document.querySelectorAll('.custom-heading');
var customHeadings = document.querySelectorAll('.custom-heading');
if (customHeadings.length > 0) {
if (customHeadings.length > 0) {
    addHeadingsWithTOC();
addHeadingsWithTOC();
}
}
if (currentPageTitle.includes("Kerisar")) {
console.log("Привет, Kerisar!");
var button = document.createElement("button");
button.innerText = "Создать архив";
document.getElementById("archivetest").appendChild(button);
button.onclick = function() {
var apiUrl =
"https://station14.ru/api.php?action=parse&page=Шаблон:Бумажная работа/paperWork.json&prop=text&formatversion=2&format=json";
fetch(apiUrl).then(function(response) {
return response.json();
}).then(function(data) {
var text = data.parse.text;
//console.log(text);
// Извлекаем содержимое между [testarchivestart] и [testarchivestop]
var startTag = "[testarchivestart]";
var endTag = "[testarchivestop]";
var startIndex = text.indexOf(startTag);
var endIndex = text.indexOf(endTag);
if (startIndex !== -1 && endIndex !== -1) {
var extractedContent = text.substring(startIndex + startTag.length, endIndex);
// Декодируем base64 в бинарные данные
var binaryString = window.atob(extractedContent);
var len = binaryString.length;
var bytes = new Uint8Array(len);
for (var i = 0; i < len; i++) {
bytes[i] = binaryString.charCodeAt(i);
}
// Создаем Blob из бинарных данных
var blob = new Blob([bytes], {
type: "application/zip"
});
// Создаем ссылку для скачивания
var link = document.createElement("a");
link.href = URL.createObjectURL(blob);
link.download = "archive.zip"; // Имя файла для скачивания
link.innerText = "Скачать архив";
document.getElementById("archivetest").appendChild(link);
} else {
alert("Теги [testarchivestart] и [testarchivestop] не найдены.");
}
}).catch(function(error) {
console.error("Ошибка:", error);
});
};
}
    var categoriesExist = document.querySelectorAll('.categories');
    if (categoriesExist.length > 0) {
        initCategorySwitcher();
    }
});
});
/*WikiEditor/Викификатор*/
/*WikiEditor/Викификатор*/
if ($.inArray(mw.config.get('wgAction'), ['edit', 'submit']) !== -1) {
if ($.inArray(mw.config.get('wgAction'), ['edit', 'submit']) !== -1) {
mw.loader.load(
mw.loader.load(
'//ru.wikipedia.org/w/index.php?title=MediaWiki:Gadget-wikificator.js&action=raw&ctype=text/javascript'
'//ru.wikipedia.org/w/index.php?title=MediaWiki:Gadget-wikificator.js&action=raw&ctype=text/javascript');
);
}
}
var customizeToolbar = function() {
var customizeToolbar = function() {
Строка 652: Строка 747:
// Create button starting with hide text
// Create button starting with hide text
// Will be changed to the show text while calculating the maximum button size
// Will be changed to the show text while calculating the maximum button size
var $buttonTemplate = $('<span>').addClass(
var $buttonTemplate = $('<span>').addClass('mw-editsection-like load-page-button').append('[ ', $(
'mw-editsection-like load-page-button').append('[ ', $('<span>').addClass(
'<span>').addClass('jslink').text(i18n.hideText), ' ]');
'jslink').text(i18n.hideText), ' ]');
var extractList = function($contentContainer, listClass) {
var extractList = function($contentContainer, listClass) {
var $content = $contentContainer.find('.mw-parser-output > ul > li > ul')
var $content = $contentContainer.find('.mw-parser-output > ul > li > ul').children(
.children(':not(.nbttree-inherited)');
':not(.nbttree-inherited)');
if (listClass) {
if (listClass) {
$content.addClass(listClass);
$content.addClass(listClass);
Строка 687: Строка 781:
$heading.append($button);
$heading.append($button);
// Move the edit button to the right spot
// Move the edit button to the right spot
$contentContainer.find('.mw-editsection, .mw-editsection-like').insertAfter(
$contentContainer.find('.mw-editsection, .mw-editsection-like').insertAfter($button);
$button);
// Find max button width, and set its min-width to it
// Find max button width, and set its min-width to it
var hideWidth = $button.width();
var hideWidth = $button.width();
Строка 719: Строка 812:
$('.pageloader-contentloaded').each(function() {
$('.pageloader-contentloaded').each(function() {
var $fLoader = $(this);
var $fLoader = $(this);
if ($fLoader.data('page') === page && $fLoader.data(
if ($fLoader.data('page') === page && $fLoader.data('pageloader-content')) {
'pageloader-content')) {
$contentContainer.html($fLoader.data('pageloader-content')).removeClass('noscript');
$contentContainer.html($fLoader.data('pageloader-content')).removeClass(
'noscript');
mw.hook('wikipage.content').fire($contentContainer);
mw.hook('wikipage.content').fire($contentContainer);
if (treeview) {
if (treeview) {
Строка 743: Строка 834:
// $spinner will be false if the content somehow loaded before the module did
// $spinner will be false if the content somehow loaded before the module did
if ($spinner) {
if ($spinner) {
$spinner = $.createSpinner().addClass('mw-editsection-like').css(
$spinner = $.createSpinner().addClass('mw-editsection-like').css('min-width', $button.css(
'min-width', $button.css('min-width'));
'min-width'));
$button.hide().after($spinner);
$button.hide().after($spinner);
}
}
Строка 767: Строка 858:
var $link = $(this);
var $link = $(this);
if ($link.attr('href') === curPage) {
if ($link.attr('href') === curPage) {
$link.replaceWith($('<strong>').addClass('selflink').append(
$link.replaceWith($('<strong>').addClass('selflink').append($link.contents()));
$link.contents()));
}
}
});
});

Текущая версия от 20:26, 19 сентября 2024

const IFRAME_CONFIG = {
	iframe1: {
		src: 'https://example.com',
		srcdoc: '',
		width: '600',
		height: '400',
		name: 'iframe1',
		allow: 'clipboard-write',
		referrerpolicy: 'no-referrer',
		sandbox: 'allow-same-origin',
		id: 'iframe1'
	},
	iframe2: {
		src: '',
		srcdoc: '<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bootstrap demo</title><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script></head><body><form><div class="mb-3"><label for="exampleInputEmail1" class="form-label">Email address</label><input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"><div id="emailHelp" class="form-text">We ll never share your email with anyone else.</div></div><div class="mb-3"><label for="exampleInputPassword1" class="form-label">Password</label><input type="password" class="form-control" id="exampleInputPassword1"></div><div class="mb-3 form-check"><input type="checkbox" class="form-check-input" id="exampleCheck1"><label class="form-check-label" for="exampleCheck1">Check me out</label></div><button type="submit" class="btn btn-primary">Submit</button></form></body></html>',
		width: '600',
		height: '400',
		name: 'iframe2',
		allow: '',
		referrerpolicy: '',
		sandbox: '',
		id: 'iframe2'
	},
	iframeSkillsTableRed: {
		src: 'https://docs.google.com/spreadsheets/d/1AvfEvRdw98iezJk2i0DVJpTgoJu2sgLnhMK9fp-LqFk/edit?gid=189048440#gid=189048440',
		width: '100%',
		height: '1900px',
		id: "iframeSkillsTableRed"
	},
};
const currentURL = window.location.href;
const serversStatus = [{
	name: "server-main",
	connect: "https://api.codetabs.com/v1/proxy/?quest=https://game2.station14.ru/main/server/status",
	serverconnect: "game2.station14.ru/main/server"
}, {
	name: "server-nova",
	connect: "https://api.codetabs.com/v1/proxy/?quest=https://game2.station14.ru/nova/server/status",
	serverconnect: "game2.station14.ru/nova/server"
}, {
	name: "server-athara",
	connect: "https://api.codetabs.com/v1/proxy/?quest=https://game2.station14.ru/athara/server/status",
	serverconnect: "game2.station14.ru/athara/server"
}, {
	name: "server-solaris",
	connect: "https://api.codetabs.com/v1/proxy/?quest=https://game2.station14.ru/solaris/server/status",
	serverconnect: "game2.station14.ru/solaris/server"
}, {
	name: "server-echo",
	connect: "https://api.codetabs.com/v1/proxy/?quest=https://game2.station14.ru/echo/server/status",
	serverconnect: "game2.station14.ru/echo/server"
}, {
	name: "server-elysium",
	connect: "https://api.codetabs.com/v1/proxy/?quest=https://game2.station14.ru/elysium/server/status",
	serverconnect: "game2.station14.ru/elysium/server"
}, {
	name: "server-nebula",
	connect: "https://api.codetabs.com/v1/proxy/?quest=https://game2.station14.ru/nebula/server/status",
	serverconnect: "game2.station14.ru/nebula/server"
}, {
	name: "server-wl",
	connect: "https://api.codetabs.com/v1/proxy/?quest=https://game2.station14.ru/wl/server/status",
	serverconnect: "game2.station14.ru/wl/server"
}, {
	name: "server-frontier",
	connect: "https://api.codetabs.com/v1/proxy/?quest=https://arles.station14.ru/frontier-main/server/status",
	serverconnect: "arles.station14.ru/frontier-main/server"
}, {
	name: "server-fallout",
	connect: "https://api.codetabs.com/v1/proxy/?quest=http://188.92.78.98:1221/status",
	serverconnect: "188.92.78.98:1221"
}, {
	name: "server-marines",
	connect: "https://api.codetabs.com/v1/proxy/?quest=https://game1.station14.ru/marines-main/server/status",
	serverconnect: "game1.station14.ru/marines-main/server"
}, {
	name: "server-stalker",
	connect: "https://api.codetabs.com/v1/proxy/?quest=http://game.stalkers14.xyz/status",
	serverconnect: "game.stalkers14.xyz"
}];

function getXHRInfo(url) {
	return new Promise(function(resolve, reject) {
		var xhr = new XMLHttpRequest();
		xhr.open('GET', url, true);
		xhr.onload = function() {
			if (xhr.status >= 200 && xhr.status < 300) {
				resolve(JSON.parse(xhr.responseText));
			} else {
				reject('Ошибка при выполнении запроса: ' + xhr.status);
			}
		};
		xhr.onerror = function() {
			reject('Ошибка при выполнении запроса');
		};
		xhr.send();
	});
}

function updateServerInfoByConnect(connect, name) {
	getServerTime().then(function(currentUnixTime) {
		return getXHRInfo(connect).then(function(serverData) {
			var unixStartRound = getUnixTime(serverData.round_start_time);
			var timeDisplay = unixStartRound ? secondsToDHM(currentUnixTime - unixStartRound) : "–";
			var currentPlayers = serverData.players;
			var maxPlayers = serverData.soft_max_players;
			// Вычисляем процент
			var percentage = maxPlayers > 0 ? Math.round((currentPlayers / maxPlayers) * 100) : 0;
			// Форматируем строку с количеством игроков
			var playersDisplay = currentPlayers && maxPlayers ? currentPlayers + '/' + maxPlayers : "–";
			// Функция для проверки на пустые данные
			function checkValue(value) {
				return value ? value : "–";
			}
			var serverInfo = {
				name: checkValue(serverData.name),
				round: checkValue(serverData.round_id),
				status: checkValue(serverData.run_level),
				map: checkValue(serverData.map),
				time: timeDisplay,
				players: playersDisplay,
				preset: checkValue(serverData.preset),
				percentage: percentage
			};
			updateServerInfo(serverInfo, name);
			//console.log("serverInfo", serverInfo, "currentUnixTime", currentUnixTime,"unixStartRound", unixStartRound);
		});
	}).catch(function(error) {
		console.error(error);
	});
}

function getUnixTime(dateString) {
	return Math.floor(new Date(dateString).getTime() / 1000); // Делим на 1000, чтобы получить секунды
}

function secondsToDHM(seconds) {
	var days = Math.floor(seconds / 86400);
	var hours = Math.floor((seconds % 86400) / 3600);
	var minutes = Math.floor((seconds % 3600) / 60);
	var result = "";
	if (days > 0) result += days + " дн, ";
	if (hours > 0) result += hours + " ч ";
	// Проверка на наличие минут
	if (minutes > 0) {
		result += minutes + " мин";
	} else {
		result += "–"; // Символ ожидания, если минут нет
	}
	return result.trim();
}

function getServerTime() {
	return fetch('https://station14.ru/api.php?action=query&meta=siteinfo&siprop=general&format=json').then(
		function(response) {
			return response.json();
		}).then(function(data) {
		return getUnixTime(data.query.general.time);
	});
}

function updateServerInfo(serverObj, serverName) {
	var serverStatusFrame = document.getElementById(serverName);
	var statusText = {
		0: "Лобби",
		1: "Раунд идёт",
		2: "Завершение"
	};
	serverStatusFrame.querySelector(".serverInfoRoundSet").textContent = "#" + serverObj.round;
	serverStatusFrame.querySelector(".serverStatusSet").textContent = statusText[serverObj.status] ||
		"Неизвестный статус";
	serverStatusFrame.querySelector(".serverMapSet").textContent = serverObj.map;
	serverStatusFrame.querySelector(".serverTimeSet").textContent = serverObj.time;
	serverStatusFrame.querySelector(".serverPlayersSet").textContent = serverObj.players;
	serverStatusFrame.querySelector(".serverPresetSet").textContent = serverObj.preset;
	// Получаем строку подключения из serversStatus
	const serverData = serversStatus.find(function(server) {
		return server.name === serverName;
	});
	var connectionStringElement = serverStatusFrame.querySelector(".serverConnectSet");
	if (connectionStringElement) {
		connectionStringElement.textContent = serverData ? serverData.serverconnect : '-'; // Устанавливаем строку подключения
	}
	// Обновляем прогресс-бар
	var progressBar = serverStatusFrame.querySelector(".progressBar"); // Предполагаем, что у вас есть элемент для прогресс-бара
	if (progressBar) {
		progressBar.style.width = serverObj.percentage + '%'; // Устанавливаем ширину прогресс-бара
	}
	// Обновляем отображение процента
	var percentageDisplay = serverStatusFrame.querySelector(".percentageDisplay"); // Элемент для отображения процента
	if (percentageDisplay) {
		percentageDisplay.textContent = serverObj.percentage + '%'; // Устанавливаем текст с процентом
	}
}

function updateAllServersInfo() {
	serversStatus.forEach(function(server) {
		updateServerInfoByConnect(server.connect, server.name);
	});
}

function copyToClipboard(connectUrl) {
	const copyIcons = document.querySelectorAll('.copy-icon');
	copyIcons.forEach(function(icon) {
		icon.addEventListener('click', function() {
			// Находим предыдущий элемент
			const previousElement = this.previousElementSibling;
			if (previousElement) {
				// Получаем текстовое содержимое
				const textToCopy = previousElement.textContent;
				const tempInput = document.createElement('input');
				tempInput.value = textToCopy;
				document.body.appendChild(tempInput);
				tempInput.select();
				document.execCommand('copy');
				document.body.removeChild(tempInput);
				// Визуальный эффект
				this.style.opacity = '0.5'; // Сменяем прозрачность
				setTimeout(function() {
					this.style.opacity = '1'; // Возвращаем прозрачность
				}.bind(this), 200); // Через 1 секунду
			}
		});
	});
}

function escapeAndMinifyCSS(css) {
	return css.replace(/\\/g, '\\\\') // Экранируем обратный слэш
		.replace(/\n/g, '') // Удаляем переносы строк (по желанию)
		.replace(/\/\*[\s\S]*?\*\//g, '') // Удаляем комментарии
		.replace(/\s+/g, ' ') // Заменяем множественные пробелы на один
		.trim(); // Удаляем пробелы в начале и конце
}
const addedStyles = new Set();

function customCSS(textCSS) {
	const escapedCSS = escapeAndMinifyCSS(textCSS); // Экранируем CSS
	// Проверяем, был ли уже добавлен этот CSS
	if (!addedStyles.has(escapedCSS)) {
		addedStyles.add(escapedCSS); // Добавляем в множество уникальных стилей
		const styleSheet = document.createElement("style");
		styleSheet.textContent = escapedCSS;
		document.head.appendChild(styleSheet);
	}
}

function createIframe(id) {
	const config = IFRAME_CONFIG[id];
	if (!config) return;
	const iframe = document.createElement('iframe');
	if (config.src && config.src !== "") {
		iframe.src = config.src;
	}
	if (config.srcdoc && config.srcdoc !== "") {
		iframe.srcdoc = config.srcdoc;
	}
	if (config.width && config.width !== "") {
		iframe.width = config.width;
	} else {
		iframe.width = '100%'; // Значение по умолчанию
	}
	if (config.height && config.height !== "") {
		iframe.height = config.height;
	} else {
		iframe.height = '400px'; // Значение по умолчанию
	}
	if (config.name && config.name !== "") {
		iframe.name = config.name;
	}
	if (config.allow && config.allow !== "") {
		iframe.allow = config.allow;
	}
	if (config.referrerpolicy && config.referrerpolicy !== "") {
		iframe.referrerPolicy = config.referrerpolicy;
	}
	if (config.sandbox && config.sandbox !== "") {
		iframe.sandbox = config.sandbox;
	}
	iframe.id = config.id || ''; // id может быть пустым, если не задано
	return iframe;
}
// Функция для увеличения яркости цвета
function brightenColor(color, factor) {
    function getBrightness(r, g, b) {
        return 0.2126 * r + 0.7152 * g + 0.0722 * b;
    }

    function isGray(r, g, b) {
        var maxDiff = 20; // Максимальное допустимое отклонение между RGB для серого
        return Math.abs(r - g) < maxDiff && Math.abs(g - b) < maxDiff && Math.abs(r - b) < maxDiff;
    }

    var rgbValues = color.match(/\d+(\.\d+)?/g);
    var r = parseInt(rgbValues[0], 10);
    var g = parseInt(rgbValues[1], 10);
    var b = parseInt(rgbValues[2], 10);
    var a = rgbValues.length === 4 ? parseFloat(rgbValues[3]) : 1;

    var brightness = getBrightness(r, g, b);

    if (factor === undefined) {
        if (brightness <= 180) {
            factor = 4;
        } else {
            factor = 0;
        }
    }

    // Если цвет серый, уменьшаем фактор
    if (isGray(r, g, b)) {
        factor = Math.max(1, factor * 0.8);
    }

    // Добавляем фактор вместо умножения
    r = Math.min(255, r + factor);
    g = Math.min(255, g + factor);
    b = Math.min(255, b + factor);

    return a < 1 ? 'rgba(' + r + ', ' + g + ', ' + b + ', ' + a + ')' : 'rgb(' + r + ', ' + g + ', ' + b + ')';
}

// Функция для подсветки ячеек в таблице при наведении
function applyHighlighting() {
	if (/Mobi|Android/i.test(navigator.userAgent)) {
		return;
	}
	var tables = document.querySelectorAll('.wikitable:not(.no-highlight-table)');
	Array.prototype.forEach.call(tables, function(table) {
		var tbody = table.querySelector('tbody');
		var thead = table.querySelector('thead');
		var noHeader = table.classList.contains('no-header-table');
		if (tbody) {
			// Получаем все строки <tr> внутри первого уровня <tbody>
			var rows = Array.prototype.slice.call(tbody.querySelectorAll('tr')).filter(function(row) {
				// Проверяем, что <tr> находится на первом уровне, и исключаем строки с вложенными таблицами
				return row.parentElement === tbody && !row.querySelector('table');
			});
			// Пропускаем первую строку, если нет <thead> и нет класса 'no-header-table'
			var topLevelRows = (!thead && !noHeader) ? rows.slice(1) : rows;
			var hasInvalidRowspan = false;
			var hasTooManyRowspan = false;
			// Проверка на ошибки в rowspan
			Array.prototype.forEach.call(topLevelRows, function(row) {
				var cells = Array.prototype.slice.call(row.querySelectorAll('td, th')).filter(function(cell) {
					return !cell.classList.contains('mobile');
				});
				var cellCount = cells.length;
				var rowspanCount = cells.filter(function(cell) {
					return cell.hasAttribute('rowspan') && cell.getAttribute('rowspan') !== '1';
				}).length;
				// Проверка на слишком большое количество rowspan или неправильное расположение rowspan
				if (rowspanCount > 2 || (cellCount <= 3 && rowspanCount > 1)) {
					hasTooManyRowspan = true;
					return;
				}
				var hasValidRowspanEdge = cells.some(function(cell, index) {
					return cell.hasAttribute('rowspan') && cell.getAttribute('rowspan') !== '1' && (index === 0 ||
						index === cells.length - 1);
				});
				if (!hasValidRowspanEdge && cells.some(function(cell, index) {
						return cell.hasAttribute('rowspan') && cell.getAttribute('rowspan') !== '1' && index > 0 && index <
							cells.length - 1;
					})) {
					hasInvalidRowspan = true;
				}
			});
			// Если есть ошибки в rowspan, выходим
			if (hasTooManyRowspan || hasInvalidRowspan) return;
			// Обработка наведения на строки и ячейки
			Array.prototype.forEach.call(topLevelRows, function(row, rowIndex) {
				var cells = Array.prototype.slice.call(row.querySelectorAll('td, th'));
				// Сохраняем оригинальные стили для каждой ячейки
				var originalStyles = cells.map(function(cell) {
					return {
						backgroundColor: getComputedStyle(cell).backgroundColor,
						color: getComputedStyle(cell).color
					};
				});
				// Наведение на строку (tr)
				row.addEventListener('mouseover', function() {
					highlightRow(row, rowIndex, true);
				});
				row.addEventListener('mouseout', function() {
					highlightRow(row, rowIndex, false);
				});
				// Наведение на ячейки с rowspan
				Array.prototype.forEach.call(cells, function(cell, cellIndex) {
					if (cell.hasAttribute('rowspan') && parseInt(cell.getAttribute('rowspan')) > 1) {
						var rowspan = parseInt(cell.getAttribute('rowspan'));
						// Обработка rowspan ячейки
						cell.addEventListener('mouseover', function() {
							// Отключаем обработку строки при наведении на rowspan ячейку
							row.classList.add('highlighted');
							highlightRowspanArea(rowIndex, cellIndex, rowspan, true);
						});
						cell.addEventListener('mouseout', function() {
							// Восстанавливаем состояние строки при уходе курсора
							row.classList.remove('highlighted');
							highlightRowspanArea(rowIndex, cellIndex, rowspan, false);
						});
					}
				});
				// Функция подсветки строки (только текущее tr)
				function highlightRow(row, rowIndex, highlight) {
					if (row.classList.contains('highlighted')) return; // Избегаем повторного применения подсветки
					var rowCells = Array.prototype.slice.call(row.querySelectorAll('td, th'));
					Array.prototype.forEach.call(rowCells, function(cell, cellIndex) {
						// Подсвечиваем только ячейки, не имеющие атрибут rowSpan
						if (!cell.hasAttribute('rowspan')) {
							var cellStyle = getComputedStyle(cell);
							cell.style.setProperty('background-color', highlight ? brightenColor(cellStyle.backgroundColor) :
								originalStyles[cellIndex].backgroundColor, 'important');
							cell.style.setProperty('color', highlight ? brightenColor(cellStyle.color) : originalStyles[
								cellIndex].color, 'important');
						}
					});
				}
				// Функция подсветки для ячеек с rowspan (подсвечивает все строки, которые охватывает ячейка)
				function highlightRowspanArea(rowIndex, cellIndex, rowspan, highlight) {
					for (var i = 0; i < rowspan; i++) {
						var targetRow = topLevelRows[rowIndex + i];
						if (targetRow) {
							var targetCells = Array.prototype.slice.call(targetRow.querySelectorAll('td, th'));
							// Обработка ячейки в каждой строке, затронутой rowspan
							Array.prototype.forEach.call(targetCells, function(targetCell, targetCellIndex) {
								var targetCellStyle = getComputedStyle(targetCell);
								// Сохраняем оригинальные стили для каждой ячейки, если подсветка включена
								if (highlight) {
									targetCell.originalBackground = targetCellStyle.backgroundColor;
									targetCell.originalColor = targetCellStyle.color;
								}
								// Применяем подсветку или восстанавливаем оригинальные стили
								targetCell.style.setProperty('background-color', highlight ? brightenColor(targetCellStyle.backgroundColor) :
									targetCell.originalBackground, 'important');
								targetCell.style.setProperty('color', highlight ? brightenColor(targetCellStyle.color) :
									targetCell.originalColor, 'important');
							});
						}
					}
				}
			});
		}
	});
}
// Функции для добавления кастомных заголовков в TOC
function addHeadingsWithTOC() {
	mw.hook('wikipage.content').add(function($content) {
		var $toc = $('#toc ul'); // Находим TOC
		$toc.empty();
		// Ищем заголовки h1 - h6 и элементы с классом .custom-heading
		var $headings = $content.find('h1, h2, h3, h4, h5, h6, .custom-heading');
		var tocCounters = [0]; // Счётчики для уровней заголовков
		var lastLevel = 1; // Уровень предыдущего заголовка
		var $currentList = $toc; // Текущий список для вложенности
		// Функция для обновления счётчиков для текущего уровня
		function updateCounters(level) {
			if (level > lastLevel) {
				tocCounters.push(0); // Добавляем новый уровень
			} else if (level < lastLevel) {
				tocCounters = tocCounters.slice(0, level); // Убираем лишние уровни
			}
			tocCounters[level - 1]++;
			lastLevel = level;
		}
		// Функция для получения номера секции в стиле "1", "1.1", "1.1.1"
		function getSectionNumber() {
			return tocCounters.join('.');
		}
		// Функция для создания нового <ul> для вложенного уровня
		function createNestedList($parent) {
			var $nestedList = $('<ul>');
			$parent.append($nestedList);
			return $nestedList;
		}
		// Перебираем все заголовки и элементы с классом .custom-heading
		$headings.each(function() {
			var $heading = $(this);
			var level;
			// Определяем уровень
			if ($heading.hasClass('custom-heading')) {
				level = 1;
			} else {
				// Проверяем наличие <span class="mw-headline"> внутри заголовка
				var $headlineSpan = $heading.find('span.mw-headline');
				if ($headlineSpan.length === 0) {
					return; // Пропускаем заголовок, если нет нужного <span>
				}
				// Определяем уровень заголовка по тегу
				var tagName = $heading.prop('tagName').toLowerCase();
				level = parseInt(tagName.charAt(1), 10);
			}
			updateCounters(level); // Обновляем счётчики для текущего уровня
			var sectionId = $heading.find('span.mw-headline').attr('id') || 'heading-' + getSectionNumber();
			$heading.find('span.mw-headline').attr('id', sectionId); // Присваиваем уникальный id заголовку
			// Извлекаем текст заголовка
			var headingText = $heading.find('span.mw-headline').text().trim() || $heading.text().trim();
			// Проверяем, что текст заголовка не пустой
			if (headingText.length > 0) {
				// Создание вложенных списков, если уровень больше 1
				if (level > 1) {
					while (tocCounters.length > level) {
						$currentList = $currentList.parent(); // Переходим к родительскому <ul>
					}
					if ($currentList.children('ul').length === 0) {
						$currentList = createNestedList($currentList); // Создаём новый вложенный список
					}
				} else {
					// Если уровень 1, сбрасываем вложенные списки
					$currentList = $toc;
				}
				// Создаём элемент списка в оглавлении (TOC)
				var tocItem = $('<li>').addClass('toclevel-' + (level - 1)).append($('<a>').attr('href', '#' +
					sectionId).append($('<span>').addClass('tocnumber').text(getSectionNumber()), $('<span>').addClass(
					'toctext').text(headingText)));
				// Добавляем элемент в текущий список
				$currentList.append(tocItem);
			}
		});
	});
}
// Функция для логики меню создаваемым модулем CategoryMenu
function initCategorySwitcher() {
    var categories = document.querySelectorAll('.categories div');
    var menus = document.querySelectorAll('.menu');
    var contentDivs = document.querySelectorAll('.content div');
    var menuItems = document.querySelectorAll('.menu div');

    function clearActiveContent() {
        for (var i = 0; i < contentDivs.length; i++) {
            contentDivs[i].classList.remove('active');
        }
    }

    function clearActiveMenu() {
        for (var i = 0; i < menus.length; i++) {
            menus[i].classList.remove('active');
        }
    }

    function clearActiveMenuItems() {
        for (var i = 0; i < menuItems.length; i++) {
            menuItems[i].classList.remove('active');
        }
    }

    function switchCategory(categoryClass) {
        clearActiveMenu();
        clearActiveContent();
        var selectedMenu = document.querySelector('.' + categoryClass + '-menu');
        if (selectedMenu) {
            selectedMenu.classList.add('active');
            var firstParagraph = selectedMenu.querySelector('div');
            if (firstParagraph) {
                switchContent(firstParagraph);
            }
        }
    }

    function switchContent(menuItem) {
        clearActiveMenuItems();
        clearActiveContent();
        var contentClass = menuItem.className + '-content';
        var content = document.querySelector('.' + contentClass);
        if (content) {
            content.classList.add('active');
            menuItem.classList.add('active');
        }
    }

    for (var i = 0; i < categories.length; i++) {
        categories[i].addEventListener('click', function() {
            var categoryClass = this.classList[0];
            switchCategory(categoryClass);
        });
    }

    for (var i = 0; i < menuItems.length; i++) {
        menuItems[i].addEventListener('click', function() {
            switchContent(this);
        });
    }

    // Открытие первой категории и первого пункта
    var firstCategory = categories.length > 0 ? categories[0].classList[0] : null;
    if (firstCategory) {
        switchCategory(firstCategory);
    }
}
const currentPageTitle = document.title;
$(document).ready(function() {
	var serversStatus = document.querySelectorAll('.serversStatus');
	if (serversStatus.length > 0) {
		updateAllServersInfo();
		// Перезапускать каждую минуту (60000 мс)
		setInterval(updateAllServersInfo, 60000);
	}
	var cssEls = document.querySelectorAll('.customCSS');
	if (cssEls.length > 0) {
		for (var j = 0; j < cssEls.length; j++) {
			const textCSS = cssEls[j].textContent;
			customCSS(textCSS);
		}
	}
	const copyServerConnectionIcon = document.querySelectorAll('.copyServerConnectionIcon');
	copyServerConnectionIcon.forEach(function(icon) {
		icon.addEventListener('click', function() {
			const connectUrl = this.getAttribute('data-connect');
			copyToClipboard(connectUrl);
		});
	});
	copyToClipboard();
	var divs = document.querySelectorAll('.customIFrame');
	if (divs) {
		for (var i = 0; i < divs.length; i++) {
			var div = divs[i];
			var id = div.id;
			var iframe = createIframe(id);
			if (iframe) {
				div.appendChild(iframe);
			}
		}
	}
	var tables = document.querySelectorAll('.wikitable');
	if (tables.length > 0) {
		setTimeout(function() {
			applyHighlighting();
		}, 500);
	}
	var customHeadings = document.querySelectorAll('.custom-heading');
	if (customHeadings.length > 0) {
		addHeadingsWithTOC();
	}
	if (currentPageTitle.includes("Kerisar")) {
		console.log("Привет, Kerisar!");
		var button = document.createElement("button");
		button.innerText = "Создать архив";
		document.getElementById("archivetest").appendChild(button);
		button.onclick = function() {
			var apiUrl =
				"https://station14.ru/api.php?action=parse&page=Шаблон:Бумажная работа/paperWork.json&prop=text&formatversion=2&format=json";
			fetch(apiUrl).then(function(response) {
				return response.json();
			}).then(function(data) {
				var text = data.parse.text;
				//console.log(text);
				// Извлекаем содержимое между [testarchivestart] и [testarchivestop]
				var startTag = "[testarchivestart]";
				var endTag = "[testarchivestop]";
				var startIndex = text.indexOf(startTag);
				var endIndex = text.indexOf(endTag);
				if (startIndex !== -1 && endIndex !== -1) {
					var extractedContent = text.substring(startIndex + startTag.length, endIndex);
					// Декодируем base64 в бинарные данные
					var binaryString = window.atob(extractedContent);
					var len = binaryString.length;
					var bytes = new Uint8Array(len);
					for (var i = 0; i < len; i++) {
						bytes[i] = binaryString.charCodeAt(i);
					}
					// Создаем Blob из бинарных данных
					var blob = new Blob([bytes], {
						type: "application/zip"
					});
					// Создаем ссылку для скачивания
					var link = document.createElement("a");
					link.href = URL.createObjectURL(blob);
					link.download = "archive.zip"; // Имя файла для скачивания
					link.innerText = "Скачать архив";
					document.getElementById("archivetest").appendChild(link);
				} else {
					alert("Теги [testarchivestart] и [testarchivestop] не найдены.");
				}
			}).catch(function(error) {
				console.error("Ошибка:", error);
			});
		};
	}
    var categoriesExist = document.querySelectorAll('.categories');
    if (categoriesExist.length > 0) {
        initCategorySwitcher(); 
    }
});
/*WikiEditor/Викификатор*/
if ($.inArray(mw.config.get('wgAction'), ['edit', 'submit']) !== -1) {
	mw.loader.load(
		'//ru.wikipedia.org/w/index.php?title=MediaWiki:Gadget-wikificator.js&action=raw&ctype=text/javascript');
}
var customizeToolbar = function() {
	$('#wpTextbox1').wikiEditor('addToToolbar', {
		'section': 'advanced',
		'group': 'format',
		'tools': {
			'wikify': {
				label: 'Викификатор',
				type: 'button',
				icon: '//upload.wikimedia.org/wikipedia/commons/0/06/Wikify-toolbutton.png',
				action: {
					type: 'callback',
					execute: function(context) {
						Wikify();
					}
				}
			}
		}
	});
};
if ($.inArray(mw.config.get('wgAction'), ['edit', 'submit']) !== -1) {
	mw.loader.using('user.options', function() {
		if (mw.user.options.get('usebetatoolbar')) {
			mw.loader.using('ext.wikiEditor.toolbar', function() {
				$(document).ready(customizeToolbar);
			});
		}
	});
}
/**
 * Taken from https://wiki.ss220.space/index.php?title=MediaWiki:Common.js&oldid=35626
 */
/* Variables for interface text used throughout the script, for ease of translating */
var i18n = {
	// Collapsible elements and page loader
	hideText: 'скрыть',
	showText: 'показать',
	// Page loader
	loadErrorTitle: 'Возникла ошибка при загрузке содержимого'
};
var mcw = window.mcw = {};
/* Keep track of delegated events on dynamic content */
mcw.events = {};
/* Fired whenever wiki content is added. (#mw-content-text, live preview, load page, etc.) */
mw.hook('wikipage.content').add(function($wikipageContent) {
	/**
	 * Page loader
	 *
	 * Allows a page to be downloaded and displayed on demand.
	 * Use with Template:LoadPage and Template:LoadBox
	 */
	(function() {
		var $loadPage = $wikipageContent.find('.load-page');
		if (!$loadPage.length) {
			return;
		}
		// We need the spinner to show loading is happening, but we don't want
		// to have a delay while the module downloads, so we'll load this now,
		// regardless of if something is clicked
		mw.loader.load('jquery.spinner');
		// Create button starting with hide text
		// Will be changed to the show text while calculating the maximum button size
		var $buttonTemplate = $('<span>').addClass('mw-editsection-like load-page-button').append('[ ', $(
			'<span>').addClass('jslink').text(i18n.hideText), ' ]');
		var extractList = function($contentContainer, listClass) {
			var $content = $contentContainer.find('.mw-parser-output > ul > li > ul').children(
				':not(.nbttree-inherited)');
			if (listClass) {
				$content.addClass(listClass);
			}
			return $content;
		};
		$loadPage.each(function() {
			var $body = $(this);
			var page = $body.data('page');
			if (!page) {
				return;
			}
			var template = $body.data('template');
			var treeview = $body.data('treeview');
			var treeviewClass = $body.data('treeviewclass');
			var $heading;
			var $contentContainer;
			var $content;
			var $button = $buttonTemplate.clone();
			var $buttonLink = $button.find('.jslink');
			if (treeview) {
				$heading = $body;
				$contentContainer = $('<div>');
			} else {
				$heading = $body.children().first();
				$contentContainer = $body.find('.load-page-content');
			}
			// Add the button
			$heading.append($button);
			// Move the edit button to the right spot
			$contentContainer.find('.mw-editsection, .mw-editsection-like').insertAfter($button);
			// Find max button width, and set its min-width to it
			var hideWidth = $button.width();
			$buttonLink.text(i18n.showText);
			var showWidth = $button.width();
			if (hideWidth !== showWidth) {
				$button.css('min-width', hideWidth > showWidth ? hideWidth : showWidth);
			}
			$buttonLink.click(function() {
				if ($body.hasClass('pageloader-contentloaded')) {
					if ($buttonLink.text() === i18n.showText) {
						if (treeview) {
							$content.insertAfter($body);
						} else {
							$contentContainer.show();
						}
						$buttonLink.text(i18n.hideText);
					} else {
						if (treeview) {
							$content.detach();
						} else {
							$contentContainer.hide();
						}
						$buttonLink.text(i18n.showText);
					}
					return;
				}
				// See if this was loaded elsewhere before making a request
				var gotContent;
				$('.pageloader-contentloaded').each(function() {
					var $fLoader = $(this);
					if ($fLoader.data('page') === page && $fLoader.data('pageloader-content')) {
						$contentContainer.html($fLoader.data('pageloader-content')).removeClass('noscript');
						mw.hook('wikipage.content').fire($contentContainer);
						if (treeview) {
							$body.find('.noscript').remove();
							$content = extractList($contentContainer, treeviewClass);
							$content.insertAfter($body);
						}
						$buttonLink.text(i18n.hideText);
						$body.addClass('pageloader-contentloaded');
						gotContent = true;
						return false;
					}
				});
				if (gotContent) {
					return;
				}
				// Just in-case the spinner module is still not ready yet
				var $spinner = $();
				mw.loader.using('jquery.spinner', function() {
					// $spinner will be false if the content somehow loaded before the module did
					if ($spinner) {
						$spinner = $.createSpinner().addClass('mw-editsection-like').css('min-width', $button.css(
							'min-width'));
						$button.hide().after($spinner);
					}
				});
				var requestData = {
					action: 'parse',
					prop: 'text'
				};
				if (template) {
					requestData.page = page;
				} else {
					requestData.title = mw.config.get('wgPageName');
					requestData.text = '{' + '{:' + page + '}}';
				}
				new mw.Api().get(requestData).done(function(data) {
					var html = data.parse.text['*'];
					$contentContainer.html(html).removeClass('noscript');
					// Resolve self-links
					if (template) {
						var curPage = '/' + mw.config.get('wgPageName');
						$contentContainer.find('a').each(function() {
							var $link = $(this);
							if ($link.attr('href') === curPage) {
								$link.replaceWith($('<strong>').addClass('selflink').append($link.contents()));
							}
						});
						html = $contentContainer.html();
					}
					$body.data('pageloader-content', html);
					// Fire content hook on the new content, running all this stuff again and more :)
					mw.hook('wikipage.content').fire($contentContainer);
					if (treeview) {
						$body.find('.noscript').remove();
						$content = extractList($contentContainer, treeviewClass);
						$content.insertAfter($body);
					}
					$spinner.remove();
					$spinner = false;
					$buttonLink.text(i18n.hideText);
					$button.show();
					$body.addClass('pageloader-contentloaded');
				}).fail(function(_, error) {
					$spinner.remove();
					$spinner = false;
					$button.show();
					var errorText = '';
					if (error.textStatus) {
						errorText = error.textStatus;
					} else if (error.error) {
						errorText = error.error.info;
					}
					mw.notify(errorText, {
						title: i18n.loadErrorTitle,
						autoHide: false
					});
				});
			});
		});
	}());
	/**
	 * Element animator
	 *
	 * Will cycle the active class on any child elements
	 * within an element with the animated class.
	 */
	(function() {
		if (!mcw.animate) {
			mcw.animate = setInterval(function() {
				$('.animated').each(function() {
					var $elem = $(this);
					var $current = $elem.children('.active');
					var $next = $current.nextAll(':not(.skip):first');
					// Loop back to the start
					if (!$next.length) {
						$next = $elem.children(':not(.skip):first');
					}
					$current.removeClass('active');
					$next.addClass('active');
				});
			}, 2000);
		}
	}());
});
// SS220 import end
Источник — https://station14.ru/index.php?title=MediaWiki:Common.js&oldid=53018