MediaWiki:Common.js: Perbedaan antara revisi

Tidak ada ringkasan suntingan
Tanda: Dikembalikan Suntingan perangkat seluler Suntingan peramban seluler
Tidak ada ringkasan suntingan
Tanda: Dikembalikan Suntingan perangkat seluler Suntingan peramban seluler
Baris 1: Baris 1:
/* ==========================================================================
/* ==========================================================================
   🔐 FITUR INTEGRASI PERJANJIAN PENGGUNA (LANGSUNG DI ATAS TOMBOL DAFTAR)
   🌙 FITUR CANGGIH: MODE FOKUS MEMBACA (READING LIGHT SWITCH)
   ========================================================================== */
   ========================================================================== */
$(document).ready(function() {
$(document).ready(function() {
     // Pastikan hanya berjalan di halaman pendaftaran akun (CreateAccount)
     if (mw.config.get('wgIsArticle') && mw.config.get('wgAction') === 'view' && mw.config.get('wgNamespaceNumber') === 0) {
    if (mw.config.get('wgCanonicalSpecialPageName') === 'CreateAccount') {
          
          
        // Cari tombol submit pendaftaran bawaan MediaWiki
         var $targetHeading = $('#firstHeading, .page-heading').first();
         var $submitBtn = $('#wpCreateaccount');
         if (!$targetHeading.length) return;
       
 
         if ($submitBtn.length) {
        // 1. Buat tombol switch lampu
            // Desain kotak perjanjian pengguna yang rapi dan profesional
        var $lightBtn = $('<button>', {
            var perjanjianHtml =  
            id: 'mippedia-light-switch',
                '<div id="mippedia-tos-box" style="background: #f8f9fa; border: 1px solid #a2a9b1; border-left: 4px solid #36c; padding: 12px 15px; margin-bottom: 15px; border-radius: 4px; font-family: sans-serif; text-align: left; box-sizing: border-box; width: 100%;">' +
            type: 'button',
                    '<div style="font-weight: bold; font-size: 0.95em; color: #202122; margin-bottom: 6px;">📋 Perjanjian Pengguna Mippedia</div>' +
            style: 'margin-left: 15px; background: #f8f9fa; border: 1px solid #a2a9b1; padding: 4px 10px; border-radius: 4px; font-size: 0.75em; cursor: pointer; font-weight: bold; color: #202122; vertical-align: middle; display: inline-block;',
                    '<div style="font-size: 0.85em; color: #404244; line-height: 1.5; max-height: 120px; overflow-y: auto; padding-right: 5px;">' +
            text: '💡 Mode Redup'
                        'Dengan mengeklik tombol di bawah, Anda menyatakan setuju untuk berkontribusi dengan niat baik, ' +
        });
                        'menjaga kenetralan artikel, menghormati hak cipta, serta tidak melakukan tindakan vandalisme atau spam yang merugikan ekosistem Mippedia.' +
 
                    '</div>' +
        $targetHeading.append($lightBtn);
                '</div>';
 
           
        // 2. Jalankan fungsi ubah warna kontras saat diklik
            // Selipkan kotak perjanjian tepat di atas tombol daftar secara otomatis
        var isDark = false;
            $(perjanianHtml).insertBefore($submitBtn);
        $lightBtn.on('click', function() {
         }
            if (!isDark) {
                // Berubah ke mode redup/fokus
                $('#content, #mw-content-text').css({ 'background-color': '#10141e', 'color': '#e1e4e8' });
                $('.mw-parser-output p, .mw-parser-output li, #firstHeading').css('color', '#e1e4e8');
                $lightBtn.text('☀️ Mode Terang').css({ 'background': '#333', 'color': '#fff', 'border-color': '#333' });
                isDark = true;
            } else {
                // Kembalikan ke normal
                $('#content, #mw-content-text').css({ 'background-color': '', 'color': '' });
                $('.mw-parser-output p, .mw-parser-output li, #firstHeading').css('color', '');
                $lightBtn.text('💡 Mode Redup').css({ 'background': '#f8f9fa', 'color': '#202122', 'border-color': '#a2a9b1' });
                isDark = false;
            }
         });
     }
     }
});
});