Lompat ke isi

MediaWiki:Common.js: Perbedaan antara revisi

Dari Wikisporta, ensiklopedia olahraga
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Baris 1: Baris 1:
mw.hook('wikipage.content').add(function ($content) {
mw.hook('wikipage.content').add(function ($content) {
     // KHUSUS HALAMAN UTAMA
     // Jalankan KHUSUS di Halaman Utama
     if (!mw.config.get('wgIsMainPage')) {
     if (!mw.config.get('wgIsMainPage')) {
         return;
         return;
     }
     }


     // Cari link bawaan template yang punya kata "Selengkapnya"
     // Cari link bawaan template yang berisi teks "Selengkapnya"
     $content.find('a').filter(function () {
     $content.find('a').filter(function () {
         return $(this).text().indexOf('Selengkapnya') !== -1;
         return $(this).text().indexOf('Selengkapnya') !== -1;
     }).first().each(function () {
     }).first().each(function () {
         var $originalLink = $(this);
         var $link = $(this);
        var originalUrl = $originalLink.attr('href'); // Ambil link artikel aslinya
         var $container = $link.closest('p'); // Mengambil paragraf teks artikel
         var $container = $originalLink.closest('p, div');


         if ($container.length && !$container.hasClass('mp-expand-processed')) {
         if ($container.length && !$container.hasClass('mp-processed')) {
             // Terapkan class lipatan pada container teks
             // Tandai paragraf dan berikan efek lipatan & samar
             $container.addClass('mainpage-featured-box is-collapsed mp-expand-processed');
             $container.addClass('mp-featured-text is-collapsed mp-processed');
 
             $link.addClass('featured-readmore-link');
             // Buat tombol pengganti yang SELALU KELIHATAN di luar lipatan
            var $customBtn = $('<a>', {
                'class': 'custom-readmore-btn',
                'html': '(Selengkapnya.....)',
                'href': 'javascript:void(0);' // Mencegah reload sebelum diklik
            });
 
            // Sisipkan tombol buatan tepat di bawah container teks
            $container.after($customBtn);


             var isExpanded = false;
             var isExpanded = false;


             // Handle Klik
             // Logika Klik 1 dan Klik 2
             $customBtn.on('click', function (e) {
             $link.on('click', function (e) {
                 if (!isExpanded) {
                 if (!isExpanded) {
                    // KLIK 1: Buka lipatan animasi & hilangkan efek samar
                     e.preventDefault();
                     e.preventDefault();
                    // KLIK 1: Buka lipatan animasi & hilangkan efek samar
                     $container.removeClass('is-collapsed').addClass('is-expanded');
                     $container.removeClass('is-collapsed').addClass('is-expanded');
                     isExpanded = true;
                     isExpanded = true;
                   
                 }
                    // Ubah link tombol menjadi URL artikel asli untuk klik kedua
                 // KLIK 2: Mengarah langsung ke halaman artikel asli
                    $customBtn.attr('href', originalUrl);
                 }  
                 // KLIK 2: Karena href sudah diisi originalUrl, browser otomatis pindah halaman!
             });
             });
         }
         }
     });
     });
});
});

Revisi per 17 Oktober 2026 04.11

mw.hook('wikipage.content').add(function ($content) {
    // Jalankan KHUSUS di Halaman Utama
    if (!mw.config.get('wgIsMainPage')) {
        return;
    }

    // Cari link bawaan template yang berisi teks "Selengkapnya"
    $content.find('a').filter(function () {
        return $(this).text().indexOf('Selengkapnya') !== -1;
    }).first().each(function () {
        var $link = $(this);
        var $container = $link.closest('p'); // Mengambil paragraf teks artikel

        if ($container.length && !$container.hasClass('mp-processed')) {
            // Tandai paragraf dan berikan efek lipatan & samar
            $container.addClass('mp-featured-text is-collapsed mp-processed');
            $link.addClass('featured-readmore-link');

            var isExpanded = false;

            // Logika Klik 1 dan Klik 2
            $link.on('click', function (e) {
                if (!isExpanded) {
                    // KLIK 1: Buka lipatan animasi & hilangkan efek samar
                    e.preventDefault();
                    $container.removeClass('is-collapsed').addClass('is-expanded');
                    isExpanded = true;
                }
                // KLIK 2: Mengarah langsung ke halaman artikel asli
            });
        }
    });
});