Ugrás a tartalomhoz

MediaWiki:Common.js

Innen: MKOE wiki
A lap korábbi változatát látod, amilyen Dr. Gyúró Zoltán (vitalap | szerkesztései) 2026. június 19., 08:08-kor történt szerkesztése után volt.

Megjegyzés: közzététel után frissítened kell a böngésződ gyorsítótárát, hogy lásd a változásokat.

  • Firefox / Safari: tartsd lenyomva a Shift gombot és kattints a Frissítés gombra a címsorban, vagy használd a Ctrl–F5 vagy Ctrl–R (Macen ⌘–R) billentyűkombinációt
  • Google Chrome: használd a Ctrl–Shift–R (Macen ⌘–Shift–R) billentyűkombinációt
  • Edge: tartsd nyomva a Ctrl-t, és kattints a Frissítés gombra, vagy nyomj Ctrl–F5-öt
/**
 * VECTOR 2022 TELEPORT BUGFIX - DRGYZ
 * Létrehozza a hiányzó teleportációs célpontokat, mielőtt a skin JS elhasalna
 */
(function() {
    function injectVectorTargets() {
        var targets = ['p-lang-btn', 'vector-user-links-dropdown', 'vector-toc-landmark'];

        targets.forEach(function(id) {
            if (!document.getElementById(id)) {
                var dummy = document.createElement('div');
                dummy.id = id;
                dummy.className = 'vector-teleport-dummy-target';
                dummy.style.display = 'none';
                document.body.appendChild(dummy);
            }
        });
    }

    injectVectorTargets();

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', injectVectorTargets);
    }
})();

/**
 * ============================================================================
 * LIGHTGALLERY GLOBÁLIS INTEGRÁCIÓ (Egyedi sablon galériák előkészítése)
 * ============================================================================
 */
(function() {
    $(function() {
        if ($('.wiki-dynamic-gallery').length > 0) {
            initWikiDynamicGallery();
        }
        if ($('.egyedi-galeria-container').length > 0) {
            prePrepareEgyediGaleriak();
        }
    });

    // --- RÉGI WIKI DYNAMIC GALLERY LOGIKA ---
    function initWikiDynamicGallery() {
        $('.wiki-dynamic-gallery').each(function() {
            var $container = $(this);
            if ($container.data('initialized')) return;
            $container.data('initialized', true);

            var searchTerm = $container.data('search');
            var limit = $container.data('limit') || 3;
            var targetHeight = 200;

            var apiUrl = "https://commons.wikimedia.org/w/api.php?action=query&format=json&generator=search&gsrsearch=File:" +
                         encodeURIComponent(searchTerm) + "&gsrlimit=" + limit +
                         "&prop=imageinfo&iiprop=url|size&iiurlheight=" + targetHeight + "&origin=*";

            $.getJSON(apiUrl, function(data) {
                if (data && data.query && data.query.pages) {
                    var pages = data.query.pages;
                    var galleryHtml = '';

                    for (var id in pages) {
                        if (!pages[id].imageinfo) continue;
                        var img = pages[id].imageinfo[0];
                        var title = pages[id].title.replace('File:', '');

                        galleryHtml += '<a href="' + img.url + '" class="lg-dinamikus-item" data-src="' + img.url + '" data-sub-html="<h4>' + title + '</h4>">';
                        galleryHtml += '  <img src="' + img.thumburl + '" style="height:' + targetHeight + 'px; width:auto; margin:5px; border-radius:6px; cursor:pointer;" alt="' + title + '" />';
                        galleryHtml += '</a>';
                    }
                    $container.html(galleryHtml);
                }
            });
        });
    }

    // --- EGYEDI GALÉRIÁK ELŐKÉSZÍTÉSE (Csak a feliratokat és a DOM-ot hozzuk helyre, de nem inicializálunk LG-t) ---
    function prePrepareEgyediGaleriak() {
        $('.egyedi-galeria-container').each(function() {
            var $container = $(this);

            // 1. Külső URL és Commons dobozok formázása (Mixed Content és blokkolás javítva)
            $container.find('.kulso-url-doboz').each(function() {
                var $doboz = $(this);
                if ($doboz.data('elokeszitve')) return;
                $doboz.data('elokeszitve', true);

                var imgUrl = $doboz.attr('data-src');
                var forrasNev = $doboz.attr('data-forras-nev') || 'Külső forrás';
                var $feliratElem = $doboz.find('.galeria-felirat');
                var felirat = $feliratElem.text().trim();

                if (!felirat) {
                    var fileTitle = imgUrl.substring(imgUrl.lastIndexOf('/') + 1).split('.')[0];
                    felirat = decodeURIComponent(fileTitle).replace(/_/g, ' ');
                    $feliratElem.text(felirat);
                }

                var forrasLinkHtml = '<br/><span class="galeria-forras-jelzo" style="font-size:0.85em; color:#bbb; display:block; margin-top:4px;">' +
                                     'Forrás: <a href="' + imgUrl + '" target="_blank" rel="noopener noreferrer" style="color:#66b2ff; text-decoration:underline;">' + forrasNev + '</a> ↗' +
                                     '</span>';

                var captionHtml = '<div class="lg-egyedi-felirat"><h4>' + felirat + '</h4>' + forrasLinkHtml + '</div>';

                // Létrehozzuk a LightGallery linket, de NEM teszünk bele <img> taget!
                var $lgItem = $('<a>', {
                    'href': imgUrl,
                    'class': 'lg-egyedi-kulso-item',
                    'data-src': imgUrl,
                    'data-sub-html': captionHtml
                });

                // JAVÍTVA: A doboz teljes belső tartalmát (ikon, feliratok) beletesszük a linkbe.
                // Így az egész kártya kattintható lesz, de nem tölt be tiltott HTTP képet a háttérben.
                $doboz.wrapInner($lgItem);
            });

            // 2. Belső képek noviewer osztállyal való ellátása, hogy a gyári MediaWiki ne zavarjon be
            $container.find('figure a.mw-file-description').addClass('noviewer');
        });
    }
})();

/**
 * ============================================================================
 * KIEGÉSZÍTŐIKONOK ÉS STÍLUSLAPOK BETÖLTÉSE
 * ============================================================================
 */
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css";
document.head.appendChild(link);

/**
 * ============================================================================
 * JOGOSULTSÁGKEZELÉS (Fülek elrejtése anonim felhasználóknak)
 * ============================================================================
 */
if (mw.config.get('wgUserName') === null) {
    var hideTabs = function () {
        var el1 = document.querySelector('#ca-history');
        var el2 = document.querySelector('#ca-viewsource');
        if (el1) el1.style.display = 'none';
        if (el2) el2.style.display = 'none';

        if (el1 || el2) clearInterval(observer);
    };
    var observer = setInterval(hideTabs, 100);
}

/**
 * ============================================================================
 * KÜLSŐ LINK VISLEKEDÉS (Új lapon nyíló külső hivatkozások)
 * ============================================================================
 */
$(function () {
    $('a.external').attr('target', '_blank');
});

/**
 * ============================================================================
 * NAVIGÁCIÓS GOMBOK (Tetejére és Vissza gomb logikája)
 * ============================================================================
 */
$(function() {
    var $btn = $('<button/>', {
        html: '<i class="bi bi-arrow-up-square"></i> Tetejére',
        id: 'backToTopBtn',
        title: 'Az oldal tetejére',
        css: {
            position: 'fixed',
            bottom: '20px',
            right: '20px',
            padding: '10px 15px',
            'font-size': '14px',
            'background-color': '#888446ff',
            color: 'white',
            border: 'none',
            'border-radius': '10px',
            cursor: 'pointer',
            display: 'none',
            width: '100px',
            'z-index': 1000
        },
        click: function() {
            window.scrollTo({top: 0, behavior: 'smooth'});
        }
    });

    var $backBtn = $('<button/>', {
        html: '<i class="bi bi-arrow-left-square"></i> Vissza',
        id: 'backBtn',
        title: 'Előző oldal',
        css: {
            position: 'fixed',
            bottom: '60px',
            right: '20px',
            padding: '10px 15px',
            'font-size': '14px',
            'background-color': '#547454ff',
            color: 'white',
            border: 'none',
            'border-radius': '10px',
            cursor: 'pointer',
            display: 'none',
            width: '100px',
            'z-index': 1000
        },
        click: function() {
            window.history.back();
        }
    });

    $('body').append($btn).append($backBtn);

    $(window).scroll(function() {
        if ($(window).scrollTop() > 100) {
            $btn.fadeIn();
            $backBtn.fadeIn();
        } else {
            $btn.fadeOut();
            $backBtn.fadeOut();
        }
    });
});

/**
 * ============================================================================
 * TAXOBOX ÉS RENDSZERTANI LINKEK KEZELÉSE
 * ============================================================================
 */
$(document).ready(function() {
    $('.taxobox-icons a').attr('target', '_blank');
});

/**
 * ============================================================================
 * DATATABLES INTEGRÁCIÓ (Javított táblázatkezelés)
 * ============================================================================
 */
mw.loader.using( ['jquery', 'mediawiki.util'] ).done( function () {
    if ( $( '.datatable-hook' ).length > 0 ) {
        $.getScript( 'https://cdn.datatables.net/2.1.8/js/dataTables.min.js' )
            .done( function() {
                $( '.datatable-hook' ).each( function() {
                    var $table = $(this);
                    var $headerRow = $table.find( 'tr:has(th)' ).first();

                    if ( $headerRow.length > 0 ) {
                        var $thead = $( '<thead></thead>' );
                        $headerRow.detach().appendTo( $thead );
                        $table.prepend( $thead );
                    }

                    $table.DataTable({
                        language: {
                            url: '//cdn.datatables.net/plug-ins/2.1.8/i18n/hu.json'
                        },
                        layout: {
                            topStart: 'pageLength',
                            topEnd: 'search',
                            bottomStart: 'info',
                            bottomEnd: 'paging'
                        },
                        pageLength: 10,
                        columnDefs: [ { targets: '_all', defaultContent: '' } ]
                    });
                });
            })
            .fail( function() {
                console.error( 'Hiba: Nem sikerült betölteni a DataTables szkriptet.' );
            });
    }
});

/**
 * ============================================================================
 * SZUKKULENS NÖVÉNYHATÁROZÓ KULCSOK LOGIKÁJA
 * ============================================================================
 */
mw.hook('wikipage.content').add(function () {
    const aktualisKategoriak = mw.config.get('wgCategories') || [];
    if (!aktualisKategoriak.includes('Szukkulens növényhatározó kulcsok')) {
        return;
    }

    const regexKoztespont = /^Szukkulens határozó:/;
    const bodyContent = document.getElementById('bodyContent');
    if (!bodyContent) return;

    bodyContent.querySelectorAll('a').forEach(a => {
        const teljesNev = a.getAttribute('title') || '';

        if (regexKoztespont.test(teljesNev)) {
            let tisztaGombSzöveg = teljesNev.replace(/\s*\(a lap nem létezik\)$/, '');
            a.innerHTML = '';

            const arrowSpan = document.createElement('span');
            arrowSpan.className = 'arrow-prefix';
            arrowSpan.textContent = '→';

            const spaceNode = document.createTextNode(' ');
            const textNode = document.createTextNode(tisztaGombSzöveg);

            a.appendChild(arrowSpan);
            a.appendChild(spaceNode);
            a.appendChild(textNode);

            a.className = "new hatarozo-koztespont-btn";

            let previousNode = a.previousSibling;
            if (previousNode && previousNode.nodeType === Node.TEXT_NODE) {
                previousNode.textContent = previousNode.textContent.replace(/[→\s\xA0&rarr;]+$/, '');
            }
        }
    });

    bodyContent.querySelectorAll('li').forEach(li => {
        const bendoLinkek = li.querySelectorAll('a[href*="/wiki/"]:not(.external)');

        bendoLinkek.forEach(link => {
            const title = link.getAttribute('title') || '';

            if (regexKoztespont.test(title) || link.classList.contains('hatarozo-koztespont-btn')) {
                return;
            }

            let vizsgaltNode = link.previousSibling;
            if (link.parentElement.tagName.toLowerCase() === 'i') {
                vizsgaltNode = link.parentElement.previousSibling;
            }

            let elotteLevoSzo = "";
            if (vizsgaltNode && vizsgaltNode.nodeType === Node.TEXT_NODE) {
                elotteLevoSzo = vizsgaltNode.textContent;
            }

            if (!elotteLevoSzo.includes('Pl.') && !elotteLevoSzo.includes('(')) {
                if (!link.classList.contains('hatarozo-vegpont-btn')) {
                    const tisztaFajnev = link.textContent.replace(/^[→\s\xA0]+/, '').replace(/[→\s\xA0]+$/, '').trim() || title;

                    link.innerHTML = `<span class="arrow-prefix">→ </span><span class="botanical-name">${tisztaFajnev}</span>`;
                    link.classList.add("hatarozo-vegpont-btn");

                    if (link.parentElement.tagName.toLowerCase() === 'i') {
                        link.parentElement.style.fontStyle = "normal";
                    }
                }

                if (vizsgaltNode && vizsgaltNode.nodeType === Node.TEXT_NODE) {
                    vizsgaltNode.textContent = vizsgaltNode.textContent.replace(/[→\s\xA0&rarr;]+$/, '');
                }
            }
        });
    });
});

/**
 * ============================================================================
 * GLOBÁLIS, ÖSSZEFÜGGŐ DINAMIKUS LIGHTGALLERY (Minden képet egy galériába fűz)
 * ============================================================================
 */
window.addEventListener('click', function(e) {
    // Elkapjuk az összes lehetséges képlinket (Natív MediaWiki, Előkészített egyedi külső, és régi dinamikus galéria)
    var targetLink = e.target.closest('a.mw-file-description, a.image, a.lg-egyedi-kulso-item, a.lg-dinamikus-item');
    if (!targetLink) return;

    // Fájl leíró oldalakon hagyjuk a gyári működést
    if (window.location.pathname.includes('/wiki/F%C3%A1jl:') || window.location.pathname.includes('/wiki/File:')) {
        return;
    }

    // Elfojtjuk a gyári átirányítást és eseményeket
    e.preventDefault();
    e.stopPropagation();
    e.stopImmediatePropagation();

    var dynamicSlides = [];
    var clickedIndex = 0;

    // Szelektáljuk az ÖSSZES képlinket az oldalon a megjelenés sorrendjében
    var $mindenKepA = $('a.mw-file-description, a.image, a.lg-egyedi-kulso-item, a.lg-dinamikus-item');

    $mindenKepA.each(function(index) {
        var $el = $(this);
        var $img = $el.find('img');
        if ($img.length === 0) return;

        if ($el.is(targetLink)) {
            clickedIndex = dynamicSlides.length; // Pontos index elmentése a dinamikus tömbben
        }

        var origSrc = '';
        var thumbSrc = $img.attr('src') || '';
        var captionText = '';

        // 1. ESET: Előkészített egyedi külső URL / Commons doboz kép
        if ($el.hasClass('lg-egyedi-kulso-item')) {
            origSrc = $el.attr('data-src');
            captionText = $el.attr('data-sub-html') || '';
        }
        // 2. ESET: Régi dinamikus (Commons search) galéria elem
        else if ($el.hasClass('lg-dinamikus-item')) {
            origSrc = $el.attr('data-src');
            captionText = $el.attr('data-sub-html') || '';
        }
        // 3. ESET: Natív cikkbeli kép (vagy egyedi galérián belüli natív <figure>)
        else {
            // Intelligens URL tisztítás az eredeti képhez
            origSrc = thumbSrc;
            if (origSrc.indexOf('/thumb/') !== -1) {
                origSrc = origSrc.replace('/thumb/', '/');
                if (origSrc.lastIndexOf('/') !== -1) {
                    origSrc = origSrc.substring(0, origSrc.lastIndexOf('/'));
                }
            }

            // Képaláírás kinyerése
            var nativeEl = $el[0];
            if (nativeEl) {
                var figure = nativeEl.closest('figure, .thumb');
                if (figure) {
                    var figcaption = figure.querySelector('figcaption, .thumbcaption');
                    if (figcaption) {
                        captionText = figcaption.textContent.replace(/×/g, '').trim();
                    }
                }
            }
            if (!captionText) {
                captionText = $img.attr('alt') || $img.attr('title') || '';
            }
            if (captionText) {
                captionText = '<h4>' + captionText + '</h4>';
            }
        }

        dynamicSlides.push({
            src: origSrc,
            thumb: thumbSrc,
            subHtml: captionText
        });
    });

    // LightGallery indítása az összesített tömbbel
    if (window.lightGallery && dynamicSlides.length > 0) {
        var container = document.createElement('div');
        var dynamicGallery = lightGallery(container, {
            dynamic: true,
            dynamicEl: dynamicSlides,
            licenseKey: '0000-0000-000-0000',
            thumbnail: true,
            animateThumb: true,
            showThumbByDefault: true,
            index: clickedIndex,
            download: true,
            counter: dynamicSlides.length > 1,
            getCaptionFromTitleOrAlt: false
        });

        dynamicGallery.openGallery();
    } else {
        console.error("LightGallery hiba: Nem sikerült elindítani a globális galériát.");
    }
}, true); // Capturing fázis!