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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 31: Строка 31:


/* Лого сайта */
/* Лого сайта */
var logoElements = document.getElementsByClassName('citizen-header__logo');
(function() {
if (logoElements.length) {
     var createLogo = function(url, imgSrc, title) {
     logoElements[0].innerHTML = [
         var container = document.createElement('div'),
         '<div class="logo1">',
             link = document.createElement('a'),
             '<a href="/index.php?title=Заглавная_страница" class="mw-logo citizen-header__button" title="Перейти на заглавную страницу">',
            img = document.createElement('img');
                '<img class="mw-logo-icon" src="/resources/assets/logo.png" alt="" aria-hidden="true" height="32" width="32">',
       
             '</a>',
        link.className = 'mw-logo citizen-header__button';
         '</div>',
        link.href = mw.util.getUrl(url);
         '<div class="logo2">',
        link.title = title;
             '<a href="/index.php?title=Colonial_Marines" class="mw-logo citizen-header__button" title="Перейти на CM">',
       
                '<img class="mw-logo-icon" src="/images/0/0d/CMlog.png" alt="" aria-hidden="true" height="32" width="32">',
        img.className = 'mw-logo-icon';
             '</a>',
        img.src = imgSrc;
         '</div>'
        img.alt = '';
    ].join('');
        img.setAttribute('aria-hidden', 'true');
}
        img.width = 32;
        img.height = 32;
       
        link.appendChild(img);
        container.appendChild(link);
        return container;
    };
 
    var logoContainer = document.querySelector('.citizen-header__logo');
    if (logoContainer) {
        // Очистка существующего содержимого
        while (logoContainer.firstChild) {
            logoContainer.removeChild(logoContainer.firstChild);
        }
       
        var logo1 = createLogo(
            'Заглавная_страница',  
             mw.config.get('wgScriptPath') + '/resources/assets/logo.png',
            'Перейти на заглавную страницу'
         );
        logo1.className = 'logo1';
       
         var logo2 = createLogo(
             'Colonial_Marines',  
            mw.config.get('wgScriptPath') + '/images/0/0d/CMlog.png',
             'Перейти на CM'
         );
        logo2.className = 'logo2';
       
        // Добавление в DOM
        logoContainer.appendChild(logo1);
        logoContainer.appendChild(logo2);
    }
})();


/* Перенос page-info в footer-places */
/* Перенос page-info в footer-places */

Версия от 09:35, 2 марта 2025

/* Подгрузка внешних css js */
mw.loader.using('mediawiki.util', function() {
    var params = mw.util.getParamValue('use'),
        basePath = mw.config.get('wgServer').replace(/^http:/, 'https:') 
            + mw.config.get('wgScript') 
            + '?action=raw&ctype=text/',
        userPrefix = 'User:' + (mw.config.get('wgUserName') || '') + '/',
        validExtensions = {js:1, css:1};

    if (!params) return;

    params.split('|').forEach(function(param) {
        var file = param.trim(),
            isSystem = /^MediaWiki:/i.test(file),
            parts = file.split('.'),
            ext = parts[parts.length-1].toLowerCase();

        if (!validExtensions[ext]) return;
        if (!/^[\w\-\/\.]+$/.test(file)) return;
        
        var prefix = isSystem ? 'MediaWiki:' : userPrefix;
        var fullName = file.indexOf(':') > -1 ? file : prefix + file;
        
        var url = basePath 
            + (ext === 'js' ? 'javascript' : 'css') 
            + '&title=' + encodeURIComponent(fullName);

        mw.loader.load(url, 'text/' + ext);
    });
});

/* Лого сайта */
(function() {
    var createLogo = function(url, imgSrc, title) {
        var container = document.createElement('div'),
            link = document.createElement('a'),
            img = document.createElement('img');
        
        link.className = 'mw-logo citizen-header__button';
        link.href = mw.util.getUrl(url);
        link.title = title;
        
        img.className = 'mw-logo-icon';
        img.src = imgSrc;
        img.alt = '';
        img.setAttribute('aria-hidden', 'true');
        img.width = 32;
        img.height = 32;
        
        link.appendChild(img);
        container.appendChild(link);
        return container;
    };

    var logoContainer = document.querySelector('.citizen-header__logo');
    if (logoContainer) {
        // Очистка существующего содержимого
        while (logoContainer.firstChild) {
            logoContainer.removeChild(logoContainer.firstChild);
        }
        
        var logo1 = createLogo(
            'Заглавная_страница', 
            mw.config.get('wgScriptPath') + '/resources/assets/logo.png',
            'Перейти на заглавную страницу'
        );
        logo1.className = 'logo1';
        
        var logo2 = createLogo(
            'Colonial_Marines', 
            mw.config.get('wgScriptPath') + '/images/0/0d/CMlog.png',
            'Перейти на CM'
        );
        logo2.className = 'logo2';
        
        // Добавление в DOM
        logoContainer.appendChild(logo1);
        logoContainer.appendChild(logo2);
    }
})();

/* Перенос page-info в footer-places */
var footerPlaces = document.getElementById('footer-places');
var pageInfo = document.querySelector('.page-info');
if (footerPlaces && pageInfo) {
    footerPlaces.insertAdjacentElement('afterend', pageInfo.cloneNode(true));
    pageInfo.parentNode.removeChild(pageInfo);
}

/* Логика цвета через headerColor */
var headerColorElement = document.querySelector('.headerColor');
if (headerColorElement) {
    var isValidColor = function(color) {
        var s = new Option().style;
        s.color = color;
        return s.color !== '';
    };

    var content = headerColorElement.textContent.split('|');
    if (content.length === 2 && isValidColor(content[0]) && isValidColor(content[1])) {
        var applyStyles = function() {
            var headers = document.querySelectorAll('.citizen-section-heading, .citizen-section-heading--collapsed');
            for (var i = 0; i < headers.length; i++) {
                var header = headers[i],
                    indicator = header.querySelector('.citizen-section-indicator'),
                    headline = header.querySelector('.mw-headline');

                if (header.classList.contains('citizen-section-heading--collapsed')) {
                    if (indicator) {
                        indicator.style.cssText = 'background: black; box-shadow: unset;';
                    }
                } else if (indicator && headline) {
                    indicator.style.cssText = 'background: ' + content[1] + '; box-shadow: 0 0 20px 0px ' + content[1] + 'cc;';
                    headline.style.cssText = 'border-image: linear-gradient(to right top, ' + content[0] + ', black); border-image-slice: 1;';
                }
            }
        };

        applyStyles();
        document.body.addEventListener('click', applyStyles, false);
    }
}

/* Sidebar для ролей */
var jobsContainer = document.querySelector('.JobsTableContainer');
if (jobsContainer) {
    var bodyContent = document.getElementById('bodyContent');
    if (bodyContent) {
        var clone = jobsContainer.cloneNode(true);
        clone.id = 'IdJobsTableContainer2';
        bodyContent.parentNode.insertBefore(clone, bodyContent);
    }
}

/* Главное меню лора */
var customItems = document.getElementsByClassName('custom-item');
for (var i = 0; i < customItems.length; i++) {
    customItems[i].onclick = function() {
        var link = this.querySelector('a');
        if (link) window.location = link.href;
    };
}

/* Хронология */
if (window.jQuery) {
    jQuery(function($) {
        $('.timeline-header').on('click', function() {
            $(this).next('.timeline-content').slideToggle();
        }).trigger('click');
    });
}