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

Версія за 14:22, 15 лютого 2026

$(function() {
    $('.category-card').each(function() {
        var $card = $(this);
        var href = $card.attr('data-href');
        
        if (href) {
            $card.css('cursor', 'pointer');
            
            $card.on('click', function(e) {
                if ($(e.target).closest('a').length === 0) {
                    window.location.href = href;
                }
            });
            
            $card.hover(
                function() { $card.addClass('card-hover'); },
                function() { $card.removeClass('card-hover'); }
            );
        }
    });
});
/* ── Випадкові статті на головній сторінці ── */

function loadRandomArticles() {
    var list = document.getElementById('random-articles-list');
    if (!list) return;

    list.innerHTML = '<div class="random-articles-loading">Завантаження...</div>';

    var apiBase = mw.config.get('wgScriptPath') + '/api.php';

    // Крок 1: отримати 3 випадкові назви статей
    fetch(apiBase + '?action=query&list=random&rnnamespace=0&rnlimit=3&format=json')
        .then(function(r) { return r.json(); })
        .then(function(data) {
            console.log('[RA] step1 data:', JSON.stringify(data));

            if (!data.query || !data.query.random) {
                throw new Error('No random pages in response');
            }

            var randomPages = data.query.random;
            var titles = randomPages.map(function(p) { return p.title; }).join('|');

            // Крок 2: отримати тільки extracts (без revisions)
            return fetch(
                apiBase +
                '?action=query' +
                '&titles=' + encodeURIComponent(titles) +
                '&prop=extracts|pageimages' +
                '&exsentences=2' +
                '&exlimit=3' +
                '&explaintext=1' +
                '&piprop=thumbnail&pithumbsize=120' +
                '&format=json'
            );
        })
        .then(function(r) { return r.json(); })
        .then(function(data) {
            console.log('[RA] step2 data:', JSON.stringify(data));

            if (!data.query || !data.query.pages) {
                throw new Error('No pages in response');
            }

            var pages = Object.values(data.query.pages);
            list.innerHTML = '';

            pages.forEach(function(page) {
                console.log('[RA] page:', page.title, '| extract:', page.extract, '| thumb:', page.thumbnail);

                var title = page.title;
                var excerpt = (page.extract || '').trim();
                if (!excerpt) excerpt = 'Немає опису.';

                var pageUrl = mw.config.get('wgArticlePath').replace(
                    '$1', encodeURIComponent(title.replace(/ /g, '_'))
                );

                var thumbHtml = (page.thumbnail && page.thumbnail.source)
                    ? '<img class="random-article-thumb" src="' + page.thumbnail.source + '" alt="">'
                    : '<div class="random-article-thumb-placeholder">📄</div>';

                var card = document.createElement('a');
                card.href = pageUrl;
                card.className = 'random-article-card';
                card.innerHTML =
                    thumbHtml +
                    '<div class="random-article-info">' +
                        '<div class="random-article-title">' + mw.html.escape(title) + '</div>' +
                        '<div class="random-article-excerpt">' + mw.html.escape(excerpt) + '</div>' +
                    '</div>';

                list.appendChild(card);
            });
        })
        .catch(function(err) {
            list.innerHTML = '<div class="random-articles-loading">Не вдалося завантажити статті.</div>';
            console.error('[RA] error:', err.message, err);
        });
}

/* Запуск */
mw.hook('wikipage.content').add(function() {
    var panel = document.getElementById('random-articles-panel');
    if (!panel) return;

    loadRandomArticles();

    var btn = document.getElementById('random-articles-refresh');
    if (btn) {
        btn.addEventListener('click', function() {
            loadRandomArticles();
        });
    }
});