MediaWiki:Common.js

Увага: Після публікування слід очистити кеш браузера, щоб побачити зміни.

• Firefox / Safari: тримайте Shift, коли натискаєте Оновити, або натисніть Ctrl-F5 чи Ctrl-Shift-R (⌘-R на Apple Mac)
• Google Chrome: натисніть Ctrl-Shift-R (⌘-Shift-R на Apple Mac)
• Internet Explorer / Edge: тримайте Ctrl, коли натискаєте Оновити, або натисніть Ctrl-F5
• Opera: натисніть Ctrl-F5

$(document).ready(function() {
    var apiUrl = mw.config.get('wgScriptPath') + '/api.php';
    $.getJSON(apiUrl, {
        action: 'query',
        format: 'json',
        list: 'random',
        rnnamespace: '0',
        rnlimit: '5',  // fetch five random articles
        prop: 'extracts',
        exchars: '250',  // limit the preview to 250 characters
        exlimit: 'max',
        explaintext: true
    }, function(data) {
        var html = '';
        $.each(data.query.random, function(i, article) {
            html += '<div class="random-article-preview">';
            html += '<h2><a href="/wiki/' + encodeURIComponent(article.title) + '">' + article.title + '</a></h2>';
            html += '<p>' + article.extract + '</p>';
            html += '</div>';
        });
        $('#random-articles-container').html(html);
    });
});

$(function() {
    var items = $('.l-box-item');
    var sections = [];
    
    items.each(function() {
        var target = $(this).data('target');
        if (target === 'top') {
            sections.push({item: $(this), target: null, offset: 0});
        } else {
            var el = document.getElementById(target);
            if (el) {
                sections.push({item: $(this), target: $(el), offset: $(el).offset().top});
            }
        }
    });
    
    items.on('click', function() {
        var target = $(this).data('target');
        var scrollTo = 0;
        
        if (target === 'top') {
            scrollTo = 0;
        } else {
            var el = document.getElementById(target);
            if (el) {
                scrollTo = $(el).offset().top - 40;
            }
        }
        
        $('html, body').animate({scrollTop: scrollTo}, 300);
    });
    
    $(window).on('scroll', function() {
        var scrollPos = $(window).scrollTop() + 100;
        var current = null;
        
        for (var i = 0; i < sections.length; i++) {
            var checkPos = sections[i].target ? sections[i].target.offset().top : 0;
            if (checkPos <= scrollPos) {
                current = sections[i].item;
            }
        }
        
        items.removeClass('active');
        if (current) {
            current.addClass('active');
        }
    });
    
    $(window).trigger('scroll');
});

// Profile icons - grayscale if no URL, clickable if has URL
$(document).ready(function() {
    $('.profile-icon').each(function() {
        var icon = $(this);
        var url = icon.attr('data-url');
        if (url && url.trim() !== '') {
            icon.css('cursor', 'pointer');
            icon.on('click', function() {
                window.open(url, '_blank');
            });
        } else {
            icon.css({
                'opacity': '0.3',
                'filter': 'grayscale(100%)',
                '-webkit-filter': 'grayscale(100%)',
                'cursor': 'default'
            });
        }
    });
});

$(document).ready(function() {
    var apiUrl = mw.config.get('wgScriptPath') + '/api.php';
    $.getJSON(apiUrl, {
        action: 'query',
        format: 'json',
        list: 'random',
        rnnamespace: '0',
        rnlimit: '5',
        prop: 'extracts',
        exchars: '250',
        exlimit: 'max',
        explaintext: true
    }, function(data) {
        var html = '';
        $.each(data.query.random, function(i, article) {
            html += '<div class="random-article-preview">';
            html += '<h2><a href="/wiki/' + encodeURIComponent(article.title) + '">' + article.title + '</a></h2>';
            html += '<p>' + article.extract + '</p>';
            html += '</div>';
        });
        $('#random-articles-container').html(html);
    });
});

// L-box navigation
$(function() {
    var items = $('.l-box-item');
    var sections = [];
    
    items.each(function() {
        var target = $(this).data('target');
        if (target === 'top') {
            sections.push({item: $(this), target: null, offset: 0});
        } else {
            var el = document.getElementById(target);
            if (el) {
                sections.push({item: $(this), target: $(el), offset: $(el).offset().top});
            }
        }
    });
    
    items.on('click', function() {
        var target = $(this).data('target');
        var scrollTo = 0;
        
        if (target === 'top') {
            scrollTo = 0;
        } else {
            var el = document.getElementById(target);
            if (el) {
                scrollTo = $(el).offset().top - 40;
            }
        }
        
        $('html, body').animate({scrollTop: scrollTo}, 300);
    });
    
    $(window).on('scroll', function() {
        var scrollPos = $(window).scrollTop() + 100;
        var current = null;
        
        for (var i = 0; i < sections.length; i++) {
            var checkPos = sections[i].target ? sections[i].target.offset().top : 0;
            if (checkPos <= scrollPos) {
                current = sections[i].item;
            }
        }
        
        items.removeClass('active');
        if (current) {
            current.addClass('active');
        }
    });
    
    $(window).trigger('scroll');
});

// Profile icons
$(document).ready(function() {
    $('.profile-icon').each(function() {
        var icon = $(this);
        var url = icon.attr('data-url');
        if (url && url.trim() !== '') {
            icon.css('cursor', 'pointer');
            icon.on('click', function() {
                window.open(url, '_blank');
            });
        } else {
            icon.css({
                'opacity': '0.3',
                'filter': 'grayscale(100%)',
                '-webkit-filter': 'grayscale(100%)',
                'cursor': 'default'
            });
        }
    });
});

// ==================================================
// ВИПРАВЛЕННЯ ПОШУКУ - БЕЗ OVERLAY
// ==================================================
$(document).ready(function() {
    var $searchInput = $('#searchInput');
    var $body = $('body');
    
    // Змінюємо placeholder (опціонально)
    $searchInput.attr('placeholder', 'Пошук...');
    
    // Прибираємо readonly
    $searchInput.prop('readonly', false);
    $searchInput.removeAttr('readonly');
    
    // Прибираємо класи тригера
    $searchInput.removeClass('skin-minerva-search-trigger');
    
    // Блокуємо overlay при фокусі
    $searchInput.on('focus click', function(e) {
        e.stopPropagation();
        
        // Прибираємо overlay класи з body
        $body.removeClass('overlay-enabled search-enabled');
        
        // Закриваємо overlay якщо відкрився
        $('.overlay, .search-overlay').hide();
        
        // Прибираємо hash з URL
        if (window.location.hash === '#/search') {
            history.replaceState(null, null, window.location.pathname);
        }
    });
    
    // При введенні тексту
    $searchInput.on('input', function() {
        $body.removeClass('overlay-enabled search-enabled');
        $('.overlay, .search-overlay').hide();
    });
    
    // При натисканні Enter
    $searchInput.on('keypress', function(e) {
        if (e.which === 13) {
            e.preventDefault();
            var query = $(this).val();
            if (query) {
                window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
            }
        }
    });
    
    // Слідкуємо за змінами класів body
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.attributeName === 'class') {
                if ($body.hasClass('overlay-enabled')) {
                    $body.removeClass('overlay-enabled');
                }
            }
        });
    });
    
    observer.observe(document.body, { attributes: true });
    
    // Блокуємо hashchange
    $(window).on('hashchange', function() {
        if (window.location.hash === '#/search') {
            history.replaceState(null, null, window.location.pathname);
            $body.removeClass('overlay-enabled');
            $('.overlay, .search-overlay').hide();
        }
    });
});