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.

/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */

// console.log("Привет");
/*_____________________*/
// Проверяем загрузку jQuery
mw.loader.using('jquery').then(function() {
  $(function() {
    // Создаем контейнер, если его нет
    var $customContainer = $('.citizen-header__custom-bottom');
    if ($customContainer.length === 0) {
      $customContainer = $('<div>')
        .addClass('citizen-header__custom-bottom')
        .appendTo('.citizen-header');
    }

    // Пример данных (замените на свои!)
    var items = [
      { 
        type: 'image', 
        src: 'https://wiki.ss220.club/resources/assets/logo.png', 
        link: 'https://wiki.ss220.club',
        width: '20px'
      },
      {
        type: 'image',
        src: 'https://bs.ss220.club/resources/assets/logo.png',
        link: 'https://bs.ss220.club',
        width: '20px'
      }
    ];

    // Очищаем контейнер перед добавлением
    $customContainer.empty();

    // Добавляем элементы
    items.forEach(function(item) {
      var $element;
      if (item.type === 'image') {
        $element = $('<img>')
          .attr('src', item.src)
          .css('width', item.width);
      } else {
        $element = $('<span>').text(item.text);
      }

      var $link = $('<a>')
        .attr('href', item.link)
        .append($element)
        .css({
          display: 'grid',
          margin: '0 10px'
        });

      $customContainer.append($link);
    });

    // Принудительно показываем контейнер
    $customContainer.css('display', 'flex');
  });
});

// Закрытие выпадающих элементов при клике вне их области
document.addEventListener('click', function(event) {
  // Проверяем все открытые элементы (меню, поиск и т.д.)
  const openElements = document.querySelectorAll('.citizen-menu-open, .citizen-search-active');
  
  openElements.forEach(function(element) {
    if (!element.contains(event.target)) {
      // Закрываем элемент
      element.classList.remove('citizen-menu-open', 'citizen-search-active');
    }
  });
});

// Для кастомных элементов (например, вашего меню)
$(document).on('click', function(e) {
  if ($('.citizen-header-custom-bottom').is(':visible') && 
      !$(e.target).closest('.citizen-header-custom-bottom').length) {
    $('.citizen-header-custom-bottom').hide();
  }
});