MediaWiki:Common.js: Perbedaan antara revisi

Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Baris 405: Baris 405:




/* Pindahkan Mippedia Data ke Sebelah Tab Pembicaraan */
/* Pindahkan Mippedia Data ke Sebelah Tab Pembicaraan - FIX VERSION */
$(document).ready(function() {
$(document).ready(function() {
     // 1. Cari elemen templatenya
     function moveMippediaData() {
    var $dataTemplate = $('.mw-parser-output div:contains("Mippedia Data")').first();
        // 1. Cari elemen template aslinya
 
        var $dataTemplate = $('.mw-parser-output div:contains("Mippedia Data")').first();
    if ($dataTemplate.length) {
       
         // Ambil URL dari tombol asli
         // Cari URL-nya dari tombol "Lihat"
         var dataUrl = $dataTemplate.find('a').attr('href');
         var dataUrl = $dataTemplate.find('a').attr('href');


         // 2. Bikin elemen baru bergaya Tab (biar sejajar sama Halaman & Pembicaraan)
         if ($dataTemplate.length && dataUrl) {
        var $dataTab = $('<li id="ca-mippediadata" class="mw-ui-icon-before" style="margin-left: 15px; list-style: none; display: inline-block;">' +
            // 2. Buat elemen List Item (li) biar sama kayak tab Halaman & Pembicaraan
            '<a href="' + dataUrl + '" target="_blank" style="color: #36c; font-weight: bold; font-size: 0.85em; text-decoration: none; display: flex; align-items: center; gap: 5px;">' +
            var $dataTab = $('<li id="ca-mippediadata" style="display: inline-block; margin-left: 10px; vertical-align: middle;">' +
            '<span style="background: #36c; color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 10px;">DATA</span>' +
                '<a href="' + dataUrl + '" target="_blank" style="text-decoration: none !important; display: flex; align-items: center;">' +
            '</a>' +
                '<span style="background: #36c; color: #fff; padding: 3px 8px; border-radius: 6px; font-size: 11px; font-weight: bold; box-shadow: 0 2px 4px rgba(54,102,204,0.3);">DATA</span>' +
            '</li>');
                '</a>' +
                '</li>');


        // 3. Masukkan ke dalam container Tab (biasanya ul di bawah judul)
            // 3. Masukkan tepat setelah li terakhir di area tab (Pembicaraan)
        // Kita cari container tab yang isinya "Halaman" dan "Pembicaraan"
            var $lastTab = $('.page-tabs li:last-child, .minerva__tab-container li:last-child');
        var $tabContainer = $('.minerva__tab-container ul, .page-tabs ul');


        if ($tabContainer.length) {
            if ($lastTab.length) {
            $tabContainer.append($dataTab);
                $lastTab.after($dataTab);
            // Hapus template asli dari dalam artikel biar gak dobel
                // Hapus template lama biar gak berantakan di bawah
            $dataTemplate.remove();
                $dataTemplate.remove();  
        } else {
            }
            // Backup: Kalau container ul gak ketemu, kita paksa tempel di sebelah tab pembicaraan
            $('.page-tabs li:last-child').after($dataTab);
            $dataTemplate.remove();
         }
         }
     }
     }
    // Jalankan langsung dan kasih delay dikit buat mastiin Minerva udah render tab-nya
    moveMippediaData();
    setTimeout(moveMippediaData, 500);
});
});