Common.js: Difference between revisions
Yadasampati (talk | contribs) No edit summary |
No edit summary |
||
| Line 98: | Line 98: | ||
// end Buttons | // end Buttons | ||
// --- VANIPEDIA DARK MODE TOGGLE --- | |||
$(document).ready(function() { | |||
// Create the floating button | |||
var toggleBtn = $('<button id="dark-mode-toggle" title="Toggle Dark Mode" style="position:fixed; bottom:25px; right:25px; z-index:9999; width:45px; height:45px; border-radius:50%; background:#2c3e50; color:#f1c40f; font-size:20px; border:none; box-shadow:0 4px 10px rgba(0,0,0,0.3); cursor:pointer; display:flex; align-items:center; justify-content:center; transition: transform 0.2s;">🌙</button>'); | |||
$('body').append(toggleBtn); | |||
// Hover effect for the button | |||
toggleBtn.hover( | |||
function() { $(this).css('transform', 'scale(1.1)'); }, | |||
function() { $(this).css('transform', 'scale(1.0)'); } | |||
); | |||
// Check if the user previously selected dark mode | |||
if (localStorage.getItem('vanipedia-theme') === 'dark') { | |||
$('html').addClass('dark-theme'); | |||
toggleBtn.text('☀️').css('background', '#f1c40f').css('color', '#2c3e50'); | |||
} | |||
// Click event handler | |||
toggleBtn.click(function() { | |||
$('html').toggleClass('dark-theme'); | |||
if ($('html').hasClass('dark-theme')) { | |||
localStorage.setItem('vanipedia-theme', 'dark'); | |||
toggleBtn.text('☀️').css('background', '#f1c40f').css('color', '#2c3e50'); | |||
} else { | |||
localStorage.setItem('vanipedia-theme', 'light'); | |||
toggleBtn.text('🌙').css('background', '#2c3e50').css('color', '#f1c40f'); | |||
} | |||
}); | |||
}); | |||
Revision as of 10:19, 17 May 2026
/* Any JavaScript here will be loaded for all users on every page load. */
if (mw.config.get('wgPageName' ) === 'Krishna_says_in_Bhagavad-gita') {
/* switch tooltip texts from content-div to label-div */
const v_labels = Array.from(document.getElementsByClassName("tabs-label"));
const v_content = Array.from(document.getElementsByClassName("tabs-content"));
for (var i = 0; i < v_labels.length; i++) {
v_labels[i].title = v_content[i].title;
v_content[i].title = "";
}
/* adjust wikitables */
var arr = Array.from(document.getElementsByClassName("wikitable"));
for (var t = 0; t < arr.length; t++) {
/* insert THEAD in wikitable */
var thead = document.createElement("thead");
thead.style.display = "block";
var wtbl = arr[t];
wtbl.insertBefore(thead, wtbl.firstChild);
/* move first row of TBODY to THEAD */
thead.appendChild(wtbl.rows[0]);
/* make TBODY scrollable */
var tbody = wtbl.tBodies[0];
tbody.style.display = "block";
tbody.style.overflowY = "auto";
tbody.style.maxHeight = "500px";
for (var r = 0; r < wtbl.rows.length; r++) {
var row = wtbl.rows[r];
/* adjust column widths and hide from-until columns */
row.cells[0].classList = "cw_0";
row.cells[1].classList = "cw_150";
row.cells[2].classList = "cw_500";
/* mark the text */
if (r == 0) continue;
var v_text = row.cells[2].textContent;
var v_html = ""; var v_from = 0;
var marks = JSON.parse(row.cells[0].textContent.replaceAll("O", "[").replaceAll("C", "]"));
for (var m = 0; m < marks.length; m++) {
v_html +=
v_text.substr(v_from,marks[m][0]-v_from) + "<mark>" +
v_text.substr(marks[m][0],marks[m][1]-marks[m][0]+1) + "</mark>";
v_from = marks[m][1]+1;
}
v_html += v_text.substr(v_from);
row.cells[2].innerHTML = v_html;
}
}
}
// install Google Search
// document.write('<script type="text/javascript" src="'
// + 'http://vanipedia.org/w/index.php?title=MediaWiki:GoogleSearch.js'
// + '&action=raw&ctype=text/javascript"></' + 'script>');
// install JQuery
//document.write('<script type="text/javascript" src="'
//+ 'http://vanipedia.org/w/index.php?title=MediaWiki:JQuery.js'
//+ '&action=raw&ctype=text/javascript"></' + 'script>');
// install WikEd toolbar and Vanify
//document.write('<script type="text/javascript" src="'
//+ 'http://vanipedia.org/w/index.php?title=MediaWiki:Vaniquotes.js'
//+ '&action=raw&ctype=text/javascript"></' + 'script>');
// install Replace
//document.write('<script type="text/javascript" src="'
//+ 'http://vanipedia.org/w/index.php?title=MediaWiki:TextboxReplace.js'
//+ '&action=raw&ctype=text/javascript"></' + 'script>');
// install Unify
//document.write('<script type="text/javascript" src="'
//+ 'http://vanipedia.org/w/index.php?title=MediaWiki:Unify.js'
//+ '&action=raw&ctype=text/javascript"></' + 'script>');
// install Vanify
//document.write('<script type="text/javascript" src="'
//+ 'http://vanipedia.org/w/index.php?title=MediaWiki:Vanify.js'
//+ '&action=raw&ctype=text/javascript"></' + 'script>');
// install Vani_suggest for diacritics auto-suggest pulldown on the search bar
//document.write('<script type="text/javascript" src="'
//+ 'http://vanipedia.org/w/index.php?title=MediaWiki:Vani_suggest.js'
//+ '&action=raw&ctype=text/javascript"></' + 'script>');
// install previous/next links for video categories in all languages
//document.write('<script type="text/javascript" src="/navcat/navcat.js"></' + 'script>');
// Buttons
//addOnloadHook(function() {
//if (document.editform) {
//addPortletLink("p-cactions", "javascript:Unify()", "unify", "ca-unify", "Convert Balarama fonts to Unicode", "");
// addPortletLink("p-cactions", "javascript:Vanify()", "vanify", "ca-vanify", "Corrects vani markup", "");
// addPortletLink('p-cactions', 'javascript:format()', 'format', 'ca-format', 'Format article', '');
//addPortletLink('p-cactions', 'javascript:wpTextboxReplace()', 'Replace', 'ca-replace', 'Replaces text in the edit window', 'R');
//}
//});
// end Buttons
// --- VANIPEDIA DARK MODE TOGGLE ---
$(document).ready(function() {
// Create the floating button
var toggleBtn = $('<button id="dark-mode-toggle" title="Toggle Dark Mode" style="position:fixed; bottom:25px; right:25px; z-index:9999; width:45px; height:45px; border-radius:50%; background:#2c3e50; color:#f1c40f; font-size:20px; border:none; box-shadow:0 4px 10px rgba(0,0,0,0.3); cursor:pointer; display:flex; align-items:center; justify-content:center; transition: transform 0.2s;">🌙</button>');
$('body').append(toggleBtn);
// Hover effect for the button
toggleBtn.hover(
function() { $(this).css('transform', 'scale(1.1)'); },
function() { $(this).css('transform', 'scale(1.0)'); }
);
// Check if the user previously selected dark mode
if (localStorage.getItem('vanipedia-theme') === 'dark') {
$('html').addClass('dark-theme');
toggleBtn.text('☀️').css('background', '#f1c40f').css('color', '#2c3e50');
}
// Click event handler
toggleBtn.click(function() {
$('html').toggleClass('dark-theme');
if ($('html').hasClass('dark-theme')) {
localStorage.setItem('vanipedia-theme', 'dark');
toggleBtn.text('☀️').css('background', '#f1c40f').css('color', '#2c3e50');
} else {
localStorage.setItem('vanipedia-theme', 'light');
toggleBtn.text('🌙').css('background', '#2c3e50').css('color', '#f1c40f');
}
});
});