Mafia Closed Circle

MediaWiki:Common.js: відмінності між версіями

Повідомлення Обговорення

MediaWiki:Common.js (переглянути вихідний код)

Версія за 00:35, 29 грудня 2025

12 433 байти додано ,  У понеділок о 00:35
нема опису редагування
Немає опису редагування
Немає опису редагування
 
(Не показано 8 проміжних версій цього користувача)
Рядок 1: Рядок 1:
// ==================================================
// RANDOM ARTICLES
// ==================================================
$(document).ready(function() {
$(document).ready(function() {
     var apiUrl = mw.config.get('wgScriptPath') + '/api.php';
     var apiUrl = mw.config.get('wgScriptPath') + '/api.php';
Рядок 6: Рядок 9:
         list: 'random',
         list: 'random',
         rnnamespace: '0',
         rnnamespace: '0',
         rnlimit: '5', // fetch five random articles
         rnlimit: '5',
         prop: 'extracts',
         prop: 'extracts',
         exchars: '250', // limit the preview to 250 characters
         exchars: '250',
         exlimit: 'max',
         exlimit: 'max',
         explaintext: true
         explaintext: true
Рядок 23: Рядок 26:
});
});


// ==================================================
// L-BOX NAVIGATION
// ==================================================
$(function() {
$(function() {
     var items = $('.l-box-item');
     var items = $('.l-box-item');
Рядок 48: Рядок 54:
             var el = document.getElementById(target);
             var el = document.getElementById(target);
             if (el) {
             if (el) {
                 scrollTo = $(el).offset().top - 40;
                 scrollTo = $(el).offset().top - 100;
             }
             }
         }
         }
Рядок 56: Рядок 62:
      
      
     $(window).on('scroll', function() {
     $(window).on('scroll', function() {
         var scrollPos = $(window).scrollTop() + 100;
         var scrollPos = $(window).scrollTop() + 120;
         var current = null;
         var current = null;
          
          
Рядок 75: Рядок 81:
});
});


// Profile icons - grayscale if no URL, clickable if has URL
// ==================================================
// PROFILE ICONS
// ==================================================
$(document).ready(function() {
$(document).ready(function() {
     $('.profile-icon').each(function() {
     $('.profile-icon').each(function() {
Рядок 96: Рядок 104:
});
});


// Виправлення пошуку - прямий перехід замість overlay
// ==================================================
// ВИПРАВЛЕННЯ ПОШУКУ - БЕЗ OVERLAY
// ==================================================
$(document).ready(function() {
$(document).ready(function() {
     // Затримка щоб DOM повністю завантажився
    var $searchInput = $('#searchInput');
    var $body = $('body');
   
     // Невелика затримка щоб DOM повністю завантажився
     setTimeout(function() {
     setTimeout(function() {
         var $searchInput = $('#searchInput');
         // Змінюємо placeholder
        var $searchBox = $('.minerva-header .search-box');
        $searchInput.attr('placeholder', 'Пошук...');
        var $searchForm = $('.minerva-search-form');
          
          
         // Прибираємо readonly
         // Прибираємо readonly
        $searchInput.prop('readonly', false);
         $searchInput.removeAttr('readonly');
         $searchInput.removeAttr('readonly');
          
          
Рядок 110: Рядок 123:
         $searchInput.removeClass('skin-minerva-search-trigger');
         $searchInput.removeClass('skin-minerva-search-trigger');
          
          
         // Блокуємо стандартну поведінку форми
         // Прибираємо всі обробники подій з input
         $searchForm.off('click submit');
         $searchInput.off();
        $searchBox.off('click');
          
          
         // Блокуємо перехід на #/search
         // Блокуємо overlay при кліку/фокусі
         $searchInput.on('click', function(e) {
         $searchInput.on('click focus', function(e) {
             e.stopPropagation();
             e.stopPropagation();
             e.preventDefault();
             e.stopImmediatePropagation();
           
            // Прибираємо overlay класи
            $body.removeClass('overlay-enabled search-enabled');
           
            // Ховаємо overlay
            $('.overlay, .search-overlay').remove();
           
            // Прибираємо hash
            if (window.location.hash === '#/search') {
                history.replaceState(null, null, window.location.pathname);
            }
           
            // Фокус на input
             $(this).focus();
             $(this).focus();
         });
         });
          
          
         // При натисканні Enter - перехід на сторінку пошуку
         // При введенні тексту
         $searchInput.on('keypress', function(e) {
        $searchInput.on('input', function(e) {
             if (e.which === 13) { // Enter
            $body.removeClass('overlay-enabled search-enabled');
            $('.overlay, .search-overlay').remove();
        });
       
        // При Enter - перехід на сторінку пошуку
         $searchInput.on('keydown', function(e) {
             if (e.which === 13 || e.keyCode === 13) {
                 e.preventDefault();
                 e.preventDefault();
                 var query = $(this).val();
                e.stopPropagation();
                 var query = $(this).val().trim();
                 if (query) {
                 if (query) {
                     window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
                     window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
                 }
                 }
                return false;
             }
             }
         });
         });
          
          
         // Блокуємо всі інші обробники на формі
    }, 50);
        $searchForm.on('submit', function(e) {
   
    // MutationObserver - блокуємо overlay класи на body
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.attributeName === 'class') {
                if ($body.hasClass('overlay-enabled')) {
                    $body.removeClass('overlay-enabled search-enabled');
                    $('.overlay, .search-overlay').remove();
                   
                    // Прибираємо hash
                    if (window.location.hash === '#/search') {
                        history.replaceState(null, null, window.location.pathname);
                    }
                }
            }
         });
    });
   
    observer.observe(document.body, { attributes: true });
   
    // Блокуємо hashchange на #/search
    $(window).on('hashchange', function(e) {
        if (window.location.hash === '#/search') {
             e.preventDefault();
             e.preventDefault();
             var query = $searchInput.val();
            history.replaceState(null, null, window.location.pathname);
            $body.removeClass('overlay-enabled search-enabled');
            $('.overlay, .search-overlay').remove();
        }
    });
   
    // Перевіряємо hash при завантаженні
    if (window.location.hash === '#/search') {
        history.replaceState(null, null, window.location.pathname);
    }
});
 
// ==================================================
// ДИНАМІЧНІ ПОСИЛАННЯ НА ГОЛОВНІЙ
// ==================================================
$(document).ready(function() {
    // Тільки на головній сторінці
    if ($('body').hasClass('page-Головна_сторінка')) {
       
        // Списки посилань для кожного блоку
        var block1Links = [
            { title: 'Фінал Року', url: '/index.php/Фінал_Року' }
        ];
       
        var block2Links = [
            { title: 'Перша статистика', url: '/index.php/Перша_статистика' },
            { title: 'Період', url: '/index.php/Період' },
            { title: 'Друга статистика', url: '/index.php/Статистика' }
        ];
       
        var block3Links = [
            { title: 'Mafia Closed Cup I', url: '/index.php/Mafia_Closed_Cup_I' },
            { title: 'Mafia Closed Cup I Online', url: '/index.php/Mafia_Closed_Cup_I_Online' },
            { title: 'My Closest Circle I', url: '/index.php/My_Closest_Circle_I' }
        ];
       
        // Функція випадкового вибору
        function getRandomItem(arr) {
            return arr[Math.floor(Math.random() * arr.length)];
        }
       
        // Знаходимо блоки і замінюємо посилання
        var $blocks = $('.home__block-image-block p');
       
        if ($blocks.length >= 3) {
            var link1 = getRandomItem(block1Links);
            var link2 = getRandomItem(block2Links);
            var link3 = getRandomItem(block3Links);
           
            $blocks.eq(0).html('<a href="' + link1.url + '">' + link1.title + '</a>');
            $blocks.eq(1).html('<a href="' + link2.url + '">' + link2.title + '</a>');
            $blocks.eq(2).html('<a href="' + link3.url + '">' + link3.title + '</a>');
        }
    }
});
 
// ==================================================
// PLAYER TABS WITH LAZY LOADING
// ==================================================
$(function() {
    var $tabs = $('.player-tab');
    var $contents = $('.player-tab-content');
    var $lbox = $('.l-box');
    var $rbox = $('.r-box');
   
    if ($tabs.length === 0) return;
   
    // Функція перевірки мобільної версії
    function isMobile() {
        return $(window).width() <= 768;
    }
   
    $tabs.on('click', function() {
        var $tab = $(this);
        var tabId = $tab.data('tab');
        var $content = $('#tab-' + tabId);
       
        // Перемикаємо активні класи
        $tabs.removeClass('active');
        $tab.addClass('active');
        $contents.removeClass('active');
        $content.addClass('active');
       
        // Ховаємо/показуємо l-box залежно від табу (на десктопі)
        if (tabId === 'games') {
            $lbox.fadeOut(200);
        } else {
            $lbox.fadeIn(200);
        }
       
        // Ховаємо/показуємо r-box на МОБІЛЬНИХ при переході на "games"
        if (isMobile()) {
            if (tabId === 'games') {
                $rbox.slideUp(200);
            } else {
                $rbox.slideDown(200);
            }
        }
       
        // Lazy load для ігор
        if (tabId === 'games' && !$content.data('loaded')) {
            var playerName = $content.data('player');
           
            if (playerName) {
                // Показуємо loader
                $content.html('<div class="tab-loader">Завантаження...</div>');
               
                $.ajax({
                    url: mw.config.get('wgScriptPath') + '/api.php',
                    data: {
                        action: 'expandtemplates',
                        format: 'json',
                        text: '{{#invoke:FetchData|player_games|player=' + playerName + '}}',
                        prop: 'wikitext'
                    },
                    dataType: 'json',
                    success: function(response) {
                        if (response.expandtemplates && response.expandtemplates.wikitext) {
                            $.ajax({
                                url: mw.config.get('wgScriptPath') + '/api.php',
                                data: {
                                    action: 'parse',
                                    format: 'json',
                                    text: response.expandtemplates.wikitext,
                                    contentmodel: 'wikitext',
                                    disablelimitreport: true
                                },
                                dataType: 'json',
                                success: function(parseResponse) {
                                    if (parseResponse.parse && parseResponse.parse.text) {
                                        $content.html(parseResponse.parse.text['*']);
                                        $content.data('loaded', true);
                                        $content.find('table.sortable').tablesorter();
                                    }
                                },
                                error: function() {
                                    $content.html('<p style="color: #ff7777; text-align: center;">Помилка завантаження. Спробуйте оновити сторінку.</p>');
                                }
                            });
                        }
                    },
                    error: function() {
                        $content.html('<p style="color: #ff7777; text-align: center;">Помилка завантаження. Спробуйте оновити сторінку.</p>');
                    }
                });
            }
        }
    });
   
    // При зміні розміру вікна - показуємо r-box на десктопі
    $(window).on('resize', function() {
        if (!isMobile()) {
            $rbox.show();
        }
    });
});
 
// ==================================================
// МОБІЛЬНИЙ ПОШУК
// ==================================================
$(function() {
    // Тільки на мобільних
    if ($(window).width() > 768) return;
   
    // Створюємо overlay для пошуку
    var $overlay = $('<div class="mobile-search-overlay">' +
        '<input type="search" placeholder="Пошук..." id="mobileSearchInput">' +
        '<span class="mobile-search-close">×</span>' +
    '</div>');
   
    $('body').append($overlay);
   
    var $input = $('#mobileSearchInput');
    var $close = $overlay.find('.mobile-search-close');
    var $searchIcon = $('#searchIcon');
   
    // Клік на іконку пошуку - відкриваємо
    $searchIcon.on('click', function(e) {
        e.preventDefault();
        e.stopPropagation();
        $overlay.addClass('active');
        $input.focus();
    });
   
    // Клік на хрестик - закриваємо
    $close.on('click', function() {
        $overlay.removeClass('active');
        $input.val('');
    });
   
    // Enter - пошук
    $input.on('keydown', function(e) {
        if (e.which === 13 || e.keyCode === 13) {
            e.preventDefault();
             var query = $(this).val().trim();
             if (query) {
             if (query) {
                 window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
                 window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
             }
             }
         });
         }
          
    });
     }, 100);
   
    // Escape - закриваємо
    $(document).on('keydown', function(e) {
        if (e.which === 27 && $overlay.hasClass('active')) {
            $overlay.removeClass('active');
            $input.val('');
         }
     });
   
    // Клік поза overlay - закриваємо
    $overlay.on('click', function(e) {
        if (e.target === this) {
            $overlay.removeClass('active');
            $input.val('');
        }
    });
});
});


$(document).ready(function() {
/* ==================================================== */
     $('#searchInput').attr('placeholder', 'Пошук...');
/* МОБІЛЬНИЙ ПОШУК - ІКОНКА + OVERLAY */
/* ==================================================== */
 
$(function() {
    // Тільки для мобільних
    if (window.innerWidth > 768) return;
   
    // Створюємо кнопку пошуку
    var $searchBtn = $('<div class="mobile-search-btn">' +
        '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2">' +
        '<circle cx="11" cy="11" r="8"/>' +
        '<path d="m21 21-4.35-4.35"/>' +
        '</svg>' +
    '</div>');
   
    // Створюємо overlay
    var $overlay = $('<div class="mobile-search-overlay">' +
        '<input type="text" placeholder="Пошук..." autocomplete="off" autocapitalize="off">' +
        '<div class="mobile-search-close">×</div>' +
    '</div>');
   
    // Додаємо в DOM
    $('.minerva-header .branding-box').after($searchBtn);
    $('body').append($overlay);
   
    var $input = $overlay.find('input');
    var $close = $overlay.find('.mobile-search-close');
   
    // Відкриття пошуку
    $searchBtn.on('click', function(e) {
        e.preventDefault();
        e.stopPropagation();
        $overlay.addClass('active');
        setTimeout(function() {
            $input.focus();
        }, 100);
    });
      
    // Закриття пошуку
    $close.on('click', function() {
        $overlay.removeClass('active');
        $input.val('');
    });
   
    // Enter - пошук
    $input.on('keydown', function(e) {
        if (e.keyCode === 13) { // Enter
            var query = $input.val().trim();
            if (query) {
                window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
            }
        }
        if (e.keyCode === 27) { // Escape
            $overlay.removeClass('active');
            $input.val('');
        }
    });
   
    // Клік поза overlay - закриття
    $overlay.on('click', function(e) {
        if (e.target === this) {
            $overlay.removeClass('active');
            $input.val('');
        }
    });
});
});
Отримано з https://mafiacc.site/index.php/Спеціальна:Мобільна_різниця_версій/5436...5616