MediaWiki:Common.js: Difference between revisions

$(function() {
    // Sadece anasayfada çalışacak
    if (!mw.config.get("wgIsMainPage")) return;

    // Dropdown HTML ve Stil (Sayfanın altında olacağı için yukarı doğru açılır)
    var dropdown = $(`
        <div id="languageDropdown" style="display:inline-block; position:relative; margin: 15px 0;">
            <button style="cursor:pointer; padding:6px 12px; background:#fff; border:1px solid #a2a9b1; border-radius:2px;">🌐 Dil Seçin / Language ▾</button>
            <div id="languageDropdownContent" style="display:none; position:absolute; bottom:100%; left:0; background-color:#fff; border:1px solid #a2a9b1; box-shadow:0 -2px 5px rgba(0,0,0,0.1); z-index:1000; min-width:160px; margin-bottom:5px;">
            </div>
        </div>
    `);

    var content = dropdown.find("#languageDropdownContent");

    // Tüm dil seçenekleri (Buraya istediğin kadar ekleme yapabilirsin)
    var languages = [
        { name: "Türkçe", url: "https://tr.sanarsiv.org/wiki/Ana_Sayfa" },
        { name: "Azərbaycanca", url: "https://az.sanarsiv.org/wiki/Ana_səhifə" },
        { name: "English", url: "https://en.sanarsiv.org/wiki/Main_Page" }
    ];

    // Döngü ile hepsini ekle
    languages.forEach(function(lang) {
        content.append(`
            <a href="${lang.url}" style="display:block; padding:10px; color:#0645ad; text-decoration:none; border-bottom:1px solid #eee; font-size:14px;">
                ${lang.name}
            </a>
        `);
    });

    // Hover efekti (Görsel şıklık için)
    content.find("a").hover(
        function() { $(this).css("background-color", "#f8f9fa"); },
        function() { $(this).css("background-color", "#fff"); }
    );

    // Konum: Tekrar eski yerine, içeriğin en altına ekle
    $("#content").append(dropdown); 

    // Aç/kapa fonksiyonu
    dropdown.find("button").on("click", function(e) {
        e.stopPropagation();
        $("#languageDropdownContent").toggle();
    });

    // Boşluğa tıklayınca kapatma
    $(document).on("click", function(event) {
        if(!$(event.target).closest('#languageDropdown').length) {
            $("#languageDropdownContent").hide();
        }
    });
});