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 61: Baris 61:




/* 2. Notif Rekomendasi Pintar (Premium Bottom Toast) */
/* Smart Glossary Pop-up (Pratinjau Link Ringan) */
$(document).ready(function() {
$(document).ready(function() {
     if (mw.config.get('wgIsArticle') && mw.config.get('wgNamespaceNumber') === 0) {
     if (mw.config.get('wgIsArticle') && mw.config.get('wgAction') === 'view') {
         $(window).scroll(function() {
       
             // Muncul kalau sudah scroll 92% halaman (agak telat dikit biar pas di footer)
        var timer;
             if($(window).scrollTop() + $(window).height() > $(document).height() - 80) {
        // Targetkan link di dalam konten artikel saja
                 if ($('#exit-recommend').length === 0) {
         $('#mw-content-text a').on('mouseenter touchstart', function(e) {
                      
            var $link = $(this);
                     // Style dasar dengan Opacity 0 buat awal animasi
            var title = $link.attr('title');
                     var toastHtml = '<div id="exit-recommend" style="position:fixed; bottom:140px; left:20px; right:20px; background:rgba(54, 100, 204, 0.95); color:#fff; padding:18px; border-radius:15px; z-index:9998; box-shadow:0 10px 30px rgba(0,0,0,0.3); backdrop-filter: blur(5px); opacity:0; transform: translateY(20px); transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); border-left: 6px solid #ff0;">' +
           
                         '<div style="font-size:1.15em; margin-bottom:6px; font-weight:bold; letter-spacing:0.5px;">Suka artikel ini?</div>' +
             // Jangan jalan kalau link-nya bukan artikel (misal link luar atau redlink)
                         '<div style="font-size:0.95em; margin-bottom:12px; color:#eaecf0;">Coba cek halaman acak lainnya di Mippedia!</div>' +
             if (!title || $link.hasClass('new') || $link.hasClass('external')) return;
                        '<a href="/wiki/Special:Random" style="display:inline-block; background:#ff0; color:#000; padding:7px 20px; border-radius:25px; text-decoration:none; font-weight:bold; font-size:0.9em; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transition: transform 0.2s ease;">Klik di Sini »</a>' +
 
                         '</div>';
            timer = setTimeout(function() {
                 $.getJSON(mw.util.wikiScript('api'), {
                     action: 'query',
                    prop: 'extracts',
                    exintro: true,
                     exsentences: 2, // Ambil 2 kalimat aja biar singkat
                     titles: title,
                    explaintext: true,
                    format: 'json'
                }, function(data) {
                    var pages = data.query.pages;
                    var pageId = Object.keys(pages)[0];
                    var extract = pages[pageId].extract;
 
                    if (extract) {
                        // Hapus pop-up lama kalau ada
                         $('.wiki-preview').remove();
 
                         var preview = $('<div class="wiki-preview" style="position:absolute; background:#fff; color:#202122; border:1px solid #a2a9b1; padding:12px; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:10001; font-size:13px; max-width:250px; line-height:1.4; opacity:0; transition:opacity 0.3s ease;"></div>');
                         preview.text(extract);
                          
                          
                    $('body').append(toastHtml);
                        $('body').append(preview);
                   
 
                    // Trigger animasi MUNCUL (Fade In + Slide Up)
                        // Atur posisi pop-up di deket link
                    setTimeout(function() {
                        var offset = $link.offset();
                        $('#exit-recommend').css({'opacity': '1', 'transform': 'translateY(0)'});
                        preview.css({
                     }, 100); // Delay kecil biar CSS render dulu
                            top: offset.top + 25,
                            left: Math.min(offset.left, $(window).width() - 270),
                            opacity: 1
                        });
 
                        // Hilang kalau klik di mana aja atau setelah 5 detik
                        setTimeout(function() { $('.wiki-preview').fadeOut(function() { $(this).remove(); }); }, 5000);
                     }
                });
            }, 600); // Delay 0.6 detik biar gak ganggu kalau cuma scrolling lewat
        }).on('mouseleave', function() {
            clearTimeout(timer);
        });


                    // Trigger animasi HILANG (Fade Out + Slide Down) otomatis dalam 12 detik
        $(document).on('mousedown touchstart', function() {
                    setTimeout(function() {
            $('.wiki-preview').remove();
                        $('#exit-recommend').css({'opacity': '0', 'transform': 'translateY(20px)'});
                        // Hapus elemen dari DOM setelah animasi selesai
                        setTimeout(function() { $('#exit-recommend').remove(); }, 600);
                    }, 12000);
                }
            }
         });
         });
     }
     }
});
});
Diperoleh dari "https://id.mippedia.org/wiki/MediaWiki:Common.js"