Mippedia

MediaWiki:Common.js: Perbedaan antara revisi

← Revisi sebelumnyaRevisi selanjutnya →

Admin (bicara | kontrib)

14 grup pengguna
6.545 suntingan
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Baris 237: Baris 237:
});
});


/* ==========================================================
/* Pindahkan Mippedia Data ke Sebelah Tab Pembicaraan - FIX VERSION */
  🚀 MIPPEDIA DATA INTEGRATION (Perfect Inline Version)
  Posisi: Langsung di sebelah kanan teks "5 menit"
  ========================================================== */
$(document).ready(function() {
$(document).ready(function() {
     function fixInlineMippediaData() {
     function moveMippediaData() {
        // 1. Cari elemen template aslinya
         var $dataTemplate = $('.mw-parser-output div:contains("Mippedia Data")').first();
         var $dataTemplate = $('.mw-parser-output div:contains("Mippedia Data")').first();
       
        // Cari URL-nya dari tombol "Lihat"
         var dataUrl = $dataTemplate.find('a').attr('href');
         var dataUrl = $dataTemplate.find('a').attr('href');
        var $estimasiContainer = $('.estimasi-baca-container');


         if ($dataTemplate.length && dataUrl && $('#mippedia-data-inline').length === 0) {
         if ($dataTemplate.length && dataUrl) {
           
             // 2. Buat elemen List Item (li) biar sama kayak tab Halaman & Pembicaraan
             // 1. Buat tombol versi super compact
             var $dataTab = $('<li id="ca-mippediadata" style="display: inline-block; margin-left: 10px; vertical-align: middle;">' +
             var $inlineBtn = $(`
                '<a href="' + dataUrl + '" target="_blank" style="text-decoration: none !important; display: flex; align-items: center;">' +
                <a id="mippedia-data-inline" href="${dataUrl}" target="_blank" style="text-decoration: none !important; margin-left: 10px; display: inline-flex; vertical-align: middle;">
                '<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>' +
                    <div style="display: flex; align-items: center; background: #36c; color: #fff; padding: 2px 8px; border-radius: 4px; font-family: sans-serif; box-shadow: 0 2px 4px rgba(54,102,204,0.2); transform: translateY(-1px);">
                '</a>' +
                        <span style="font-size: 10px; margin-right: 4px;">📊</span>
                 '</li>');
                        <span style="font-size: 9px; font-weight: 800; text-transform: uppercase; white-space: nowrap;">Data</span>
                    </div>
                 </a>
            `);


             if ($estimasiContainer.length) {
             // 3. Masukkan tepat setelah li terakhir di area tab (Pembicaraan)
                // 2. Paksa container estimasi jadi inline-flex biar bisa dijejerin
            var $lastTab = $('.page-tabs li:last-child, .minerva__tab-container li:last-child');
                $estimasiContainer.css({
                    'display': 'inline-flex',
                    'align-items': 'center',
                    'margin-bottom': '0'
                });


                // 3. Tempel tombol tepat di dalam container estimasi (setelah teks menit)
            if ($lastTab.length) {
                 $estimasiContainer.append($inlineBtn);
                 $lastTab.after($dataTab);
            } else {
                 // Hapus template lama biar gak berantakan di bawah
                 // Fallback jika container tidak ketemu
                 $dataTemplate.remove();  
                 $('.mw-parser-output').first().prepend($inlineBtn);
             }
             }
            // Sembunyikan template lama
            $dataTemplate.hide();
         }
         }
     }
     }


     fixInlineMippediaData();
     // Jalankan langsung dan kasih delay dikit buat mastiin Minerva udah render tab-nya
     setTimeout(fixInlineMippediaData, 1500);
    moveMippediaData();
     setTimeout(moveMippediaData, 500);
});
});


Diperoleh dari "https://id.mippedia.org/wiki/MediaWiki:Common.js"