Mippedia

MediaWiki:Common.js: Perbedaan antara revisi

← Revisi sebelumnyaRevisi selanjutnya →

Admin (bicara | kontrib)

16 grup pengguna
7.586 suntingan
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 Template Mippedia Data ke Posisi Profesional */
/* Pindahkan Mippedia Data ke Sebelah Tab Pembicaraan */
$(document).ready(function() {
$(document).ready(function() {
     // 1. Cari elemen templatenya (sesuaikan class jika berbeda)
     // 1. Cari elemen templatenya
    // Berdasarkan gambar, kita cari div yang berisi teks "Mippedia Data"
     var $dataTemplate = $('.mw-parser-output div:contains("Mippedia Data")').first();
     var $dataTemplate = $('.mw-parser-output div:contains("Mippedia Data")').first();


     if ($dataTemplate.length) {
     if ($dataTemplate.length) {
         // Rapihkan desain templatenya biar lebih slim dan premium
         // Ambil URL dari tombol asli
         $dataTemplate.css({
         var dataUrl = $dataTemplate.find('a').attr('href');
            'margin': '10px 0',
            'padding': '8px 15px',
            'background': '#f8f9fa',
            'border': '1px solid #36c',
            'border-left-width': '5px',
            'border-radius': '8px',
            'font-size': '12px',
            'display': 'inline-flex',
            'align-items': 'center',
            'gap': '10px',
            'width': 'auto',
            'box-shadow': '0 2px 5px rgba(0,0,0,0.05)'
        });


         // Ubah gaya tombol "Lihat" agar lebih seperti button sistem
         // 2. Bikin elemen baru bergaya Tab (biar sejajar sama Halaman & Pembicaraan)
         $dataTemplate.find('a').css({
         var $dataTab = $('<li id="ca-mippediadata" class="mw-ui-icon-before" style="margin-left: 15px; list-style: none; display: inline-block;">' +
             'background': '#36c',
             '<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;">' +
             'color': '#fff',
             '<span style="background: #36c; color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 10px;">DATA</span>' +
            'padding': '2px 10px',
             '</a>' +
            'border-radius': '15px',
             '</li>');
            'text-decoration': 'none',
             'font-weight': 'bold',
             'font-size': '11px'
        });


         // 2. PINDAHKAN POSISI
         // 3. Masukkan ke dalam container Tab (biasanya ul di bawah judul)
         // Kita pindahkan ke bawah Judul Utama (#firstHeading) atau setelah Meta Data (Estimasi Baca)
         // Kita cari container tab yang isinya "Halaman" dan "Pembicaraan"
         if ($('#firstHeading').length) {
        var $tabContainer = $('.minerva__tab-container ul, .page-tabs ul');
             // Jika ada info estimasi baca, kita taruh di bawahnya
 
             if ($('.estimasi-baca-container').length) {
         if ($tabContainer.length) {
                $('.estimasi-baca-container').after($dataTemplate);
            $tabContainer.append($dataTab);
             } else {
             // Hapus template asli dari dalam artikel biar gak dobel
                $('#firstHeading').after($dataTemplate);
             $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();
         }
         }
     }
     }
});
});
Diperoleh dari "https://id.mippedia.org/wiki/MediaWiki:Common.js"