MediaWiki:Common.js

Страница интерфейса MediaWiki

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

  • 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.
(function() {
    if (window.innerWidth < 1024 || /Mobi|Android|iPhone|iPad|iPod|Tablet/i.test(navigator.userAgent)) return;
    if (localStorage.getItem('halloweenThemeDisabled') === 'true') return;

    mw.hook('wikipage.content').add(function($content) {

        var config = {
            leavesCount: 50,
            batsCount: 8,
            websCount: 5,
            pumpkinsCount: 3,
            leafIcons: ['🍂','🍁','🦇','🕸️'],
            pumpkinIcon: '🎃',
            leafMinSize: 14,
            leafMaxSize: 42,
            pumpkinMinSize: 24,
            pumpkinMaxSize: 36
        };

        var body = document.body;

        function createFragmentElements(count, createFn) {
            var frag = document.createDocumentFragment();
            for (var i = 0; i < count; i++) frag.appendChild(createFn(i));
            return frag;
        }

        function initLeaves() {
            var leaves = document.createElement('div');
            leaves.className = 'halloween-leaves';
            leaves.appendChild(createFragmentElements(config.leavesCount, function() {
                var leaf = document.createElement('span');
                leaf.className = 'halloween-leaf';
                leaf.innerHTML = config.leafIcons[Math.floor(Math.random() * config.leafIcons.length)];
                leaf.style.left = (Math.random() * 100) + '%';
                leaf.style.animationDelay = (Math.random() * 10) + 's';
                leaf.style.fontSize = (config.leafMinSize + Math.random() * (config.leafMaxSize - config.leafMinSize)) + 'px';
                leaf.style.opacity = Math.random() * 0.7 + 0.3;
                leaf.style.transform = 'rotate(' + (Math.random() * 360) + 'deg)';
                return leaf;
            }));
            body.appendChild(leaves);
        }

        function initPumpkins() {
            var heading = document.getElementById('firstHeading');
            if (!heading) return;
            for (var i = 0; i < config.pumpkinsCount; i++) {
                var pumpkin = document.createElement('span');
                pumpkin.className = 'halloween-pumpkin';
                pumpkin.innerHTML = config.pumpkinIcon;
                pumpkin.style.margin = '0 2px';
                pumpkin.style.fontSize = (config.pumpkinMinSize + Math.random() * (config.pumpkinMaxSize - config.pumpkinMinSize)) + 'px';
                heading.appendChild(pumpkin);
                (function(el){
                    var pos = 0, dir = 1;
                    var interval = setInterval(function() {
                        pos += dir*0.3;
                        if(pos>5||pos<0) dir*=-1;
                        el.style.transform = 'translateY(' + pos + 'px)';
                    },30);
                    el._halloweenInterval = interval;
                })(pumpkin);
            }
        }

        function initLinksEffect() {
            body.addEventListener('mouseover', linkMouseOver);
            body.addEventListener('mouseout', linkMouseOut);
        }

        function linkMouseOver(e){
            if(e.target.tagName.toLowerCase()==='a'){
                e.target.style.color='#ffa500';
                e.target.style.textShadow='0 0 8px #ffa500, 0 0 15px #ff7518';
            }
        }

        function linkMouseOut(e){
            if(e.target.tagName.toLowerCase()==='a'){
                e.target.style.color='';
                e.target.style.textShadow='';
            }
        }

        function initBats() {
            body.appendChild(createFragmentElements(config.batsCount, function(){
                var bat=document.createElement('div');
                bat.className='halloween-bat';
                bat.style.top=(Math.random()*50)+'vh';
                bat.style.left=(-50+Math.random()*100)+'px';
                bat.style.animationDuration=(8+Math.random()*6)+'s';
                return bat;
            }));
        }

        function initWebs() {
            body.appendChild(createFragmentElements(config.websCount, function(){
                var web=document.createElement('div');
                web.className='spider-web';
                web.style.top=(Math.random()*80)+'vh';
                web.style.left=(Math.random()*90)+'vw';
                web.style.transform='rotate('+(Math.random()*360)+'deg)';
                return web;
            }));
        }

        function addDisableButton() {
            var btn=document.createElement('div');
            btn.innerText='Отключить хэллоуинскую тему';
            btn.style.position='fixed';
            btn.style.bottom='10px';
            btn.style.right='10px';
            btn.style.padding='6px 12px';
            btn.style.background='var(--pumpkin-orange)';
            btn.style.color='var(--ghost-white)';
            btn.style.cursor='pointer';
            btn.style.borderRadius='6px';
            btn.style.zIndex=9999;
            btn.style.boxShadow='0 0 8px var(--pumpkin-orange)';
            btn.addEventListener('click', function(){
                localStorage.setItem('halloweenThemeDisabled','true');
                document.querySelectorAll('.halloween-leaves, .halloween-pumpkin, .halloween-bat, .spider-web').forEach(function(el){
                    if(el._halloweenInterval) clearInterval(el._halloweenInterval);
                    el.remove();
                });
                body.removeEventListener('mouseover', linkMouseOver);
                body.removeEventListener('mouseout', linkMouseOut);
                btn.remove();
            });
            body.appendChild(btn);
        }

        function init() {
            initLeaves();
            initPumpkins();
            initLinksEffect();
            initBats();
            initWebs();
            addDisableButton();
        }

        setTimeout(init, 500);
    });
})();


/*31*/










/*Загрузка АУДИО*/
$(function () {
    var players = document.getElementsByClassName('audio-player');
    for (var i = 0; i < players.length; i++) {
        var src = players[i].getAttribute('data-src');
        if (src) {
            var audio = document.createElement('audio');
            audio.setAttribute('controls', 'controls');
            audio.setAttribute('preload', 'none');
            var source = document.createElement('source');
            source.setAttribute('src', src);
            source.setAttribute('type', 'audio/mpeg');
            audio.appendChild(source);
            players[i].appendChild(audio);
        }
    }
});



/* Подгрузка внешних css js */
mw.loader.using('mediawiki.util', function() {
    function getFilesFromUrl(param) {
        if (!param) return [];
        return param.split('|').map(function(file) {
            return file.trim();
        });
    }

    function getBaseUrl() {
        var server = mw.config.get('wgServer').replace(/^http:/, 'https:');
        var script = mw.config.get('wgScript');
        return server + script + '?action=raw&ctype=text/';
    }

    function isValidExtension(ext) {
        return ext === 'js' || ext === 'css';
    }

    function getFileUrl(file) {
        var prefix = file.indexOf('MediaWiki:') === 0 ? 'MediaWiki:' : 'User:' + (mw.config.get('wgUserName') || '') + '/';
        var fullName = file.indexOf(':') > -1 ? file : prefix + file;
        var ext = file.split('.').pop().toLowerCase();
        if (!isValidExtension(ext)) {
            console.error('Недопустимое расширение файла:', file);
            return null;
        }
        var timestamp = new Date().getTime();  // Добавляем временную метку для удаления кэширования
        return getBaseUrl() + (ext === 'js' ? 'javascript' : 'css') + '&title=' + encodeURIComponent(fullName) + '&_=' + timestamp;
    }

    function loadFiles(files) {
        files.forEach(function(file) {
            var url = getFileUrl(file);
            if (url) {
                var ext = file.split('.').pop().toLowerCase();
                mw.loader.load(url, 'text/' + (ext === 'js' ? 'javascript' : 'css'));
            }
        });
    }

    var params = mw.util.getParamValue('use');
    var files = getFilesFromUrl(params);
    loadFiles(files);
});







/* Лого сайта */
(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(
            'Marine_Corps', 
            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 && jobsContainer.innerHTML.trim()) {
    var bodyContent = document.getElementById('bodyContent');
    if (bodyContent) {
        bodyContent.insertAdjacentHTML('beforebegin', jobsContainer.innerHTML);
        var jobTable = document.getElementById('IdJobsTableContainer1');
        if (jobTable) {
            jobTable.id = 'IdJobsTableContainer2';
        }
    }
}




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

/*Галерея*/
(function(){
  var root=document.getElementById('ss-art-gallery');
  if(!root)return;
  function q(a,b){return a.querySelector(b)}
  function qa(a,b){return Array.prototype.slice.call(a.querySelectorAll(b))}
  var chips=qa(root,'.ss-chip');

  function setFilter(val){
    chips.forEach(function(c){
      c.classList.toggle('ss-chip-active',
        c.getAttribute('data-filter')===val || (val==='all'&&c.getAttribute('data-filter')==='all')
      );
    });

    qa(root,'.ss-section').forEach(function(section){
      var cards=qa(section,'.ss-card');
      var visibleCount=0;
      cards.forEach(function(card){
        var who=card.getAttribute('data-artist');
        var show=(val==='all'||val===who);
        card.classList.toggle('ss-hidden',!show);
        if(show)visibleCount++;
      });
      // секция видна только если есть арты выбранного автора или выбран "все"
      section.style.display=(val==='all' || visibleCount>0)?'block':'none';
    });
  }

  chips.forEach(function(ch){
    ch.addEventListener('click',function(){
      setFilter(ch.getAttribute('data-filter'))
    })
  });
  setFilter('all');

  var modal=document.createElement('div');
  modal.className='ss-modal';
  modal.innerHTML='<div class="ss-modal-inner"><img class="ss-modal-img" alt=""/></div><div class="ss-modal-close" role="button">✖ Закрыть</div>';
  root.appendChild(modal);
  var modalImg=q(modal,'.ss-modal-img');

  function originalFromThumb(u){
    if(!u)return u;
    if(u.indexOf('/thumb/')>-1){
      var s=u.replace('/thumb/','/');
      s=s.replace(/\/[^\/]*$/,'');
      return s
    }
    return u
  }

  qa(root,'.ss-card img').forEach(function(img){
    img.style.cursor='zoom-in';
    img.addEventListener('click',function(e){
      e.preventDefault();
      var src=originalFromThumb(img.getAttribute('src'));
      modalImg.setAttribute('src',src||img.getAttribute('src'));
      modalImg.style.maxWidth='90vw';
      modalImg.style.maxHeight='90vh';
      modal.classList.add('open')
    })
  });

  function closeModal(){modal.classList.remove('open')}
  modal.addEventListener('click',function(e){
    if(e.target===modal||e.target.classList.contains('ss-modal-close')){closeModal()}
  });
  document.addEventListener('keydown',function(e){if(e.key==='Escape'){closeModal()}})
})();
/*Галерея*/


/*Меню лора*/


(function() {
  var items = document.querySelectorAll('.custom-item');

  for (var i = 0; i < items.length; i++) {
    (function(item) {
      var icon = item.querySelector('.custom-icon');
      var linkEl = item.querySelector('a');
      
      if (!linkEl) return;

      var href = linkEl.getAttribute('href');
      item.style.cursor = 'pointer';

      item.onclick = function() {
        window.location.href = href;
      };

      item.onmousemove = function(e) {
        var rect = item.getBoundingClientRect();
        var x = e.clientX - rect.left;
        var y = e.clientY - rect.top;
        var moveX = (x - rect.width/2) * 0.02;
        var moveY = (y - rect.height/2) * 0.02;
        item.style.backgroundPosition = (50 + moveX) + '% ' + (50 + moveY) + '%';
        if(icon){
          icon.style.transform = 'translateY(-8px) scale(1.08)';
        }
        var hue = Math.round((x / rect.width) * 360);
        // яркая цветная обводка + мягкий свет вокруг блока
        item.style.boxShadow = 
          '0 0 15px hsla(' + hue + ', 100%, 60%, 0.7), ' +
          '0 0 30px hsla(' + ((hue+30)%360) + ', 100%, 50%, 0.4), ' +
          '0 8px 20px rgba(0,0,0,0.5)';
      };

      item.onmouseleave = function() {
        item.style.backgroundPosition = '50% 50%';
        if(icon){
          icon.style.transform = 'translateY(0) scale(1)';
        }
        item.style.boxShadow = '0 4px 10px rgba(0,0,0,0.3)';
      };
    })(items[i]);
  }
})();



/*Меню лора*/
/*Данте страница*/
mw.loader.using('mediawiki.util', function() {
    var tabs = document.querySelectorAll('.nt-tab');
    var contents = document.querySelectorAll('.nt-tab-content');

    for (var i=0;i<tabs.length;i++){
        tabs[i].onclick = function(){
            for(var j=0;j<tabs.length;j++){
                tabs[j].className = tabs[j].className.replace(' active','');
                contents[j].className = contents[j].className.replace(' active','');
            }
            this.className += ' active';
            var target = document.getElementById(this.getAttribute('data-target'));
            if(target) target.className += ' active';
        };
    }

    var rows = document.querySelectorAll('.scan-row');
    for(var k=0;k<rows.length;k++){
        (function(i){
            setTimeout(function(){
                rows[i].className += ' visible';
            }, i*200);
        })(k);
    }

    var dossier = document.querySelector('.nt-dossier');
    if(dossier) setTimeout(function(){ dossier.style.opacity = 1; }, 200);

    var tabsContainer = document.querySelector('.nt-tabs');
    if(tabsContainer) setTimeout(function(){ tabsContainer.style.opacity = 1; }, 400);
});
Источник — http://spacestories.club/index.php?title=MediaWiki:Common.js&oldid=23003
Последнее изменение
Эта страница в последний раз была отредактирована 23 октября 2025 в 20:07.
Авторские права
Содержание доступно по лицензии Creative Commons Attribution Share Alike (если не указано иное).