MediaWiki:Common.js: Perbedaan antara revisi
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: | ||
/* | /* 1. Dark Mode Sederhana */ | ||
$(document).ready(function() { | |||
var isDark = localStorage.getItem('darkMode') === 'enabled'; | |||
// Bikin tombol melayang di pojok kiri bawah (biar gak bentrok sama Back to Top di kanan) | |||
var darkBtn = $('<div id="dark-toggle" style="position:fixed; bottom:80px; left:20px; z-index:9999; background:#202122; color:#fff; width:45px; height:45px; border-radius:50%; text-align:center; line-height:45px; font-size:20px; cursor:pointer; opacity:0.7; box-shadow: 0 4px 6px rgba(0,0,0,0.3);">🌓</div>'); | |||
$('body').append(darkBtn); | |||
function enableDark() { | |||
$('body').css({'background-color': '#101418', 'color': '#eaecf0'}); | |||
$('.mw-body, #content, .page-heading, #mw-content-text').css({'background-color': '#101418', 'color': '#eaecf0'}); | |||
$('a').css('color', '#8ab4f8'); | |||
localStorage.setItem('darkMode', 'enabled'); | |||
} | |||
function disableDark() { | |||
location.reload(); // Paling aman buat balikin style asli MediaWiki | |||
localStorage.setItem('darkMode', 'disabled'); | |||
} | |||
if (isDark) enableDark(); | |||
$('#dark-toggle').click(function() { | |||
isDark = localStorage.getItem('darkMode') === 'enabled'; | |||
if (!isDark) enableDark(); else disableDark(); | |||
}); | |||
}); | |||
/* 2. Klik Judul buat Copy Link (Anchor) */ | |||
$(document).ready(function() { | $(document).ready(function() { | ||
if (mw.config.get('wgIsArticle')) { | if (mw.config.get('wgIsArticle')) { | ||
$('#mw-content-text').find('h2, h3, h4').each(function() { | |||
var | var id = $(this).attr('id'); | ||
if ( | if (id) { | ||
$(this).css('cursor', 'pointer').click(function() { | |||
var link = window.location.href.split('#')[0] + '#' + id; | |||
navigator.clipboard.writeText(link); | |||
alert('Link bagian ini berhasil disalin!'); | |||
}); | |||
} | |||
} | } | ||
}); | }); | ||
} | } | ||
}); | }); | ||