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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
document.addEventListener("DOMContentLoaded", function () {
mw.util.addCSS(`
     if (mw.config.get("wgPageName") !== "Тест") return;
.nav-container {
     display: flex;
    flex-wrap: wrap;
    gap: 0.7em;
    margin: 2em;
    justify-content: space-between;
}


     var target = document.querySelector(".mw-parser-output");
.nav-button {
     if (!target) return;
     flex: 1 1 19.55em;
    min-width: 280px;
    border: 2px solid #000;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: space-between;
     padding: 12px;
    transition: background 0.3s;
}


    var links = [
.nav-button:hover {
        ["Как выжить.png", "Руководство для новичков", "Новичкам"],
     background: #e9ecef;
        ["Правила.png", "Правила Сервера", "Правила"],
}
        ["Вещмешок клоуна.png", "Контрабанда", "Контрабанда"],
        ["Таблица навыков.png", "Таблица навыков", "Таблица навыков"],
        ["Синий адвокатский костюм.png", "Корпоративный Закон", "Корпоративный Закон"],
        ["Консоль связи.gif", "Стандартные Рабочие Процедуры", "Стандартные Рабочие Процедуры"],
        ["Бумажная работа.png", "Бумажная работа", "Бумажная работа"],
        ["Роли main.gif", "Роли", "Роли"],
        ["Лор.png", "Лор", "Лор"]
     ];


     var container = document.createElement("div");
.nav-button a {
     container.className = "wiki-nav";
    color: #000;
    font-size: 30px;
     text-decoration: none;
    order: 1;
    flex-grow: 1;
     padding-right: 15px;
}


    for (var i = 0; i < links.length; i++) {
.nav-button img {
        var a = document.createElement("a");
    width: 64px;
        a.href = "/wiki/" + encodeURIComponent(links[i][1]);
    height: 64px;
        a.className = "wiki-nav-btn";
    order: 2;
 
    object-fit: contain;
        var span = document.createElement("span");
}
        span.textContent = links[i][2];
`);
 
        var img = document.createElement("img");
        img.src = "/wiki/File:" + links[i][0];
        img.alt = links[i][2];
 
        a.appendChild(span);
        a.appendChild(img);
        container.appendChild(a);
    }
 
    target.insertBefore(container, target.firstChild);
});

Версия от 19:50, 7 марта 2025

mw.util.addCSS(`
.nav-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7em;
    margin: 2em;
    justify-content: space-between;
}

.nav-button {
    flex: 1 1 19.55em;
    min-width: 280px;
    border: 2px solid #000;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    transition: background 0.3s;
}

.nav-button:hover {
    background: #e9ecef;
}

.nav-button a {
    color: #000;
    font-size: 30px;
    text-decoration: none;
    order: 1;
    flex-grow: 1;
    padding-right: 15px;
}

.nav-button img {
    width: 64px;
    height: 64px;
    order: 2;
    object-fit: contain;
}
`);