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




/* 1. Smart Status Toaster (Info Update Artikel) */
/* 1. Custom Brand Watermark (Background Samar) */
$(document).ready(function() {
$(document).ready(function() {
     if (mw.config.get('wgIsArticle') && mw.config.get('wgNamespaceNumber') === 0) {
     if (mw.config.get('wgIsArticle')) {
       
         var $watermark = $('<div id="mippedia-wm" style="position:fixed; bottom:10%; right:-5%; font-size:120px; font-weight:bold; color:rgba(54,102,204,0.03); transform:rotate(-30deg); pointer-events:none; z-index:-1; user-select:none;">MIPPEDIA</div>');
        // Ambil data kapan terakhir disunting
         $('body').append($watermark);
         var lastEdit = $('.mw-stats-lastedit, #footer-info-lastmod').text();
        if (!lastEdit) return;
 
        // Bikin Toaster yang eksklusif
        var $statusToaster = $('<div id="status-toaster" style="position:fixed; top:80px; left:50%; transform:translateX(-50%); background:rgba(255,255,255,0.95); border:1px solid #36c; padding:8px 20px; border-radius:25px; z-index:9999; box-shadow:0 4px 15px rgba(0,0,0,0.1); display:none; backdrop-filter:blur(10px); transition: all 0.5s ease;">' +
            '<span style="color:#36c; font-weight:bold; font-size:12px;">ℹ️ INFO:</span> ' +
            '<span style="font-size:12px; color:#555;">Artikel ini diperbarui ' + lastEdit.split('pada')[1] + '</span>' +
            '</div>');
 
         $('body').append($statusToaster);
 
        // Munculin dikit terus ilang (Premium Style)
        setTimeout(function() {
            $statusToaster.fadeIn().delay(4000).fadeOut();
        }, 2000);
     }
     }
});
});


/* 2. Page Loading Bar (Top Slim Bar) */
/* 2. Smart Image Glow (Fokus Visual) */
$(document).ready(function() {
$(document).ready(function() {
     var $loadingBar = $('<div id="top-loading-bar" style="position:fixed; top:0; left:0; height:3px; background:#ff0; z-index:10000; width:0; transition: width 0.4s ease;"></div>');
     $('.mw-parser-output img').css({
    $('body').append($loadingBar);
        'transition': 'box-shadow 0.3s ease, transform 0.3s ease',
   
        'border-radius': '8px'
    // Simulasikan loading saat berpindah halaman
     });
    $loadingBar.css('width', '100%');
     setTimeout(function() {
        $loadingBar.fadeOut();
    }, 600);
});


/* 3. Auto-Hide Sidebar Mobile (Sleek Mode) */
$(document).ready(function() {
    // Biar navigasi kiri di Minerva nggak gampang kepencet pas lagi fokus baca
    $('.mw-ui-icon-minerva-mainmenu').css('transition', 'transform 0.3s ease');
     $(window).scroll(function() {
     $(window).scroll(function() {
         if ($(this).scrollTop() > 100) {
         $('.mw-parser-output img').each(function() {
            $('.mw-ui-icon-minerva-mainmenu').css('opacity', '0.5');
            var winTop = $(window).scrollTop();
        } else {
            var imgTop = $(this).offset().top;
            $('.mw-ui-icon-minerva-mainmenu').css('opacity', '1');
            if (imgTop < winTop + 400 && imgTop > winTop) {
         }
                $(this).css({
                    'box-shadow': '0 10px 30px rgba(54,102,204,0.2)',
                    'transform': 'scale(1.02)'
                });
            } else {
                $(this).css({
                    'box-shadow': 'none',
                    'transform': 'scale(1)'
                });
            }
         });
     });
     });
});
});
/* 3. Cleanup UI: Hapus Garis Bawah di Tombol Navigasi */
$("<style>").prop("type", "text/css").html(`
    #quick-nav, #ca-speak-icon { text-decoration: none !important; }
    .page-actions-menu__list-item a { text-decoration: none !important; }
`).appendTo("head");
Diperoleh dari "https://id.mippedia.org/wiki/MediaWiki:Common.js"