MediaWiki:Common.js

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

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

/* ----------------------------------------------Блок Shegare ---------------------------------------------------------------------------------*/
/* Лого сайта
Shegare */
document.getElementsByClassName('citizen-header__logo')[0].innerHTML = '<div class="logo1"><a href="https://spacestories.club/index.php?title=Заглавная страница" class="mw-logo citizen-header__button" title="Перейти на заглавную страницу"><img class="mw-logo-icon" src="/resources/assets/logo.png" alt="" aria-hidden="true" height="32" width="32"></a></div><div class="logo2"><a href="https://spacestories.club/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"></a></div>';

/* Перенос page-info в конец footer-places
Shegare */
document.getElementById('footer-places').insertAdjacentHTML('afterEnd', document.getElementsByClassName('page-info')[0].innerHTML);
document.getElementsByClassName('page-info')[0].innerHTML = null;

/* Begin логика цвета через headerColor
Shegare */
if (document.getElementsByClassName('headerColor').length >= 1) {

  var isValidColor = function (color) {
    var el = document.createElement('div');
    el.style.backgroundColor = color;
    return el.style.backgroundColor ? true : false;
  };

  var header = document.getElementsByClassName('headerColor');
  var colorBorder = '';
  var colorBtn = '';
  var i = 0;

  for (; header[0].innerHTML[i] !== '|' && i < header[0].innerHTML.length; i++) {
    colorBorder += header[0].innerHTML[i];
  }
  i++;
  for (; i < header[0].innerHTML.length; i++) {
    colorBtn += header[0].innerHTML[i];
  }

  if (isValidColor(colorBorder) && isValidColor(colorBtn) && header[0].innerHTML.length > 0) {
    headerRender(colorBorder, colorBtn);
    document.body.addEventListener('click', function () {
      headerRender(colorBorder, colorBtn);
    });
  } else {
    throw "headerColor";
  }
}

function headerRender(colorBorder, colorBtn) {
  var array = document.querySelectorAll('h1, h2, h3 , h4, h5');
  for (var i = 0; i < array.length; i++) {
    if (array[i].className === 'citizen-section-heading') {
      array[i].querySelector('.citizen-sections-enabled,.citizen-section-indicator').style.background = colorBtn;
      array[i].querySelector('.citizen-sections-enabled,.citizen-section-indicator').style.boxShadow = ('0 0 20px 0px ' + colorBtn + 'cc');
      array[i].querySelector('.mw-headline').style.borderImage = ('linear-gradient(to right top, ' + colorBorder + ', black)');
      array[i].querySelector('.mw-headline').style.borderImageSlice = '1';
    } else if (array[i].className === 'citizen-section-heading citizen-section-heading--collapsed') {
      array[i].querySelector('.citizen-sections-enabled,.citizen-section-heading--collapsed,.citizen-section-indicator').style.background = 'black';
      array[i].querySelector('.citizen-sections-enabled,.citizen-section-heading--collapsed,.citizen-section-indicator').style.boxShadow = 'unset';
    }
  }
}
/* End логика цвета через headerColor
Shegare */

/* Begin sidebar для ролей
Shegare */
if (document.getElementsByClassName('JobsTableContainer').length >= 1) {
    document.getElementById('bodyContent').insertAdjacentHTML('beforebegin', document.getElementsByClassName('JobsTableContainer')[0].innerHTML);
    document.getElementById('IdJobsTableContainer1').id = 'IdJobsTableContainer2';
}

/* End sidebar для ролей
Shegare */

/* ----------------------------------------------------------Данте------------------------------------------------------------------------ */

/* ----------------------------------------------------------Главное меню лора------------------------------------------------------------------------ */
document.querySelectorAll('.custom-item').forEach(function(item) {
  item.addEventListener('click', function() {
    window.location.href = item.querySelector('a').getAttribute('href');
  });
});

/*------------------------------------------------Полигон-----------------------------------------------------------------------------*/
document.addEventListener('DOMContentLoaded', function () {
    var folders = document.getElementsByClassName('role-folder');

    for (var i = 0; i < folders.length; i++) {
        folders[i].addEventListener('click', function () {
            var content = this.querySelector('.folder-content');
            var closeButton = this.querySelector('.folder-close');

            if (content.style.display === 'none' || content.style.display === '') {
                closeAllFolders();
                content.style.display = 'flex';
                closeButton.style.display = 'block';
            } else {
                content.style.display = 'none';
                closeButton.style.display = 'none';
            }
        });

        var closeButton = folders[i].querySelector('.folder-close');
        closeButton.addEventListener('click', function (event) {
            event.stopPropagation();
            var folder = this.closest('.role-folder');
            folder.querySelector('.folder-content').style.display = 'none';
            this.style.display = 'none';
        });
    }

    function closeAllFolders() {
        var allContent = document.querySelectorAll('.folder-content');
        var allCloseButtons = document.querySelectorAll('.folder-close');

        for (var i = 0; i < allContent.length; i++) {
            allContent[i].style.display = 'none';
        }
        for (var j = 0; j < allCloseButtons.length; j++) {
            allCloseButtons[j].style.display = 'none';
        }
    }
});