MediaWiki:Common.js: Difference between revisions
No edit summary |
No edit summary |
||
| (108 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* | /* MediaWiki:Common.js — grantha.io (v7) */ | ||
// | (function () { | ||
if ( | |||
var LS_SCRIPT_KEY = 'grantha_reader_script'; | |||
var currentScript = 'deva'; | |||
setTimeout(function () { | |||
function devanagariToIAST(text) { | |||
}, | var CONSONANTS = { | ||
'क': 'k', 'ख': 'kh', 'ग': 'g', 'घ': 'gh', 'ङ': 'ṅ', | |||
} else { | 'च': 'c', 'छ': 'ch', 'ज': 'j', 'झ': 'jh', 'ञ': 'ñ', | ||
'ट': 'ṭ', 'ठ': 'ṭh', 'ड': 'ḍ', 'ढ': 'ḍh', 'ण': 'ṇ', | |||
'त': 't', 'थ': 'th', 'द': 'd', 'ध': 'dh', 'न': 'n', | |||
'प': 'p', 'फ': 'ph', 'ब': 'b', 'भ': 'bh', 'म': 'm', | |||
'य': 'y', 'र': 'r', 'ल': 'l', 'ळ': 'ḷ', 'व': 'v', | |||
'श': 'ś', 'ष': 'ṣ', 'स': 's', 'ह': 'h' | |||
}; | |||
var DIACRITICS = { | |||
'ा': 'ā', 'ि': 'i', 'ी': 'ī', 'ु': 'u', 'ू': 'ū', | |||
'ृ': 'ṛ', 'ॄ': 'ṝ', 'े': 'e', 'ै': 'ai', 'ो': 'o', 'ौ': 'au' | |||
}; | |||
var VOWELS = { | |||
'अ': 'a', 'आ': 'ā', 'इ': 'i', 'ई': 'ī', 'उ': 'u', 'ऊ': 'ū', | |||
'ऋ': 'ṛ', 'ॠ': 'ṝ', 'ए': 'e', 'ऐ': 'ai', 'ओ': 'o', 'औ': 'au', 'ऽ': "'" | |||
}; | |||
var MISC = { | |||
'ं': 'ṃ', 'ः': 'ḥ', 'ँ': 'm̐', 'ॐ': 'oṃ', | |||
'०': '0', '१': '1', '२': '2', '३': '3', '४': '4', | |||
'५': '5', '६': '6', '७': '7', '८': '8', '९': '9' | |||
}; | |||
var HALANTA = '्'; | |||
var chars = Array.from(text); | |||
var result = ''; | |||
var i = 0; | |||
while (i < chars.length) { | |||
var ch = chars[i]; | |||
var next = chars[i + 1]; | |||
if (CONSONANTS[ch]) { | |||
var base = CONSONANTS[ch]; | |||
if (next === HALANTA) { result += base; i += 2; } | |||
else if (DIACRITICS[next]) { result += base + DIACRITICS[next]; i += 2; } | |||
else if (next === 'ं' || next === 'ः') { result += base + 'a' + MISC[next]; i += 2; } | |||
else { result += base + 'a'; i++; } | |||
} else if (VOWELS[ch]) { result += VOWELS[ch]; i++; } | |||
else if (DIACRITICS[ch]) { result += DIACRITICS[ch]; i++; } | |||
else if (MISC[ch]) { result += MISC[ch]; i++; } | |||
else { result += ch; i++; } | |||
} | |||
return result; | |||
} | |||
var SCRIPT_MAP = { | |||
kn: { | |||
'अ': 'ಅ', 'आ': 'ಆ', 'इ': 'ಇ', 'ई': 'ಈ', 'उ': 'ಉ', 'ऊ': 'ಊ', 'ऋ': 'ಋ', | |||
'ए': 'ಏ', 'ऐ': 'ಐ', 'ओ': 'ಓ', 'औ': 'ಔ', 'ऽ': 'ಽ', | |||
'क': 'ಕ', 'ख': 'ಖ', 'ग': 'ಗ', 'घ': 'ಘ', 'ङ': 'ಙ', | |||
'च': 'ಚ', 'छ': 'ಛ', 'ज': 'ಜ', 'झ': 'ಝ', 'ञ': 'ಞ', | |||
'ट': 'ಟ', 'ठ': 'ಠ', 'ड': 'ಡ', 'ढ': 'ಢ', 'ण': 'ಣ', | |||
'त': 'ತ', 'थ': 'ಥ', 'द': 'ದ', 'ध': 'ಧ', 'न': 'ನ', | |||
'प': 'ಪ', 'फ': 'ಫ', 'ब': 'ಬ', 'भ': 'ಭ', 'म': 'ಮ', | |||
'य': 'ಯ', 'र': 'ರ', 'ल': 'ಲ', 'व': 'ವ', | |||
'श': 'ಶ', 'ष': 'ಷ', 'स': 'ಸ', 'ह': 'ಹ', | |||
'ा': 'ಾ', 'ि': 'ಿ', 'ी': 'ೀ', 'ु': 'ು', 'ू': 'ೂ', | |||
'ृ': 'ೃ', 'े': 'ೇ', 'ै': 'ೈ', 'ो': 'ೋ', 'ौ': 'ೌ', | |||
'ं': 'ಂ', 'ः': 'ಃ', '्': '್', | |||
'०': '೦', '१': '೧', '२': '೨', '३': '೩', '४': '೪', | |||
'५': '೫', '६': '೬', '७': '೭', '८': '೮', '९': '೯' | |||
}, | |||
ta: { | |||
'अ': 'அ', 'आ': 'ஆ', 'इ': 'இ', 'ई': 'ஈ', 'उ': 'உ', 'ऊ': 'ஊ', | |||
'ऋ': 'ரு', 'ॠ': 'ரூ', | |||
'ए': 'ஏ', 'ऐ': 'ஐ', 'ओ': 'ஓ', 'औ': 'ஔ', | |||
'क': 'க', 'ख': 'க', 'ग': 'க', 'घ': 'க', 'ङ': 'ங', | |||
'च': 'ச', 'छ': 'ச', 'ज': 'ஜ', 'झ': 'ஜ', 'ञ': 'ஞ', | |||
'ட': 'ட', 'ठ': 'ட', 'ड': 'ட', 'ढ': 'ட', 'ண': 'ண', | |||
'त': 'த', 'थ': 'த', 'द': 'த', 'ध': 'த', 'न': 'ந', | |||
'प': 'ப', 'फ': 'ப', 'ब': 'ப', 'भ': 'ப', 'म': 'ம', | |||
'य': 'ய', 'र': 'ர', 'ल': 'ல', 'ळ': 'ழ', 'व': 'வ', | |||
'श': 'ஶ', 'ष': 'ஷ', 'स': 'ஸ', 'ह': 'ஹ', | |||
'ा': 'ா', 'ि': 'ி', 'ी': 'ீ', 'ु': 'ு', 'ू': 'ூ', | |||
'ृ': 'ு', 'ॄ': 'ூ', | |||
'े': 'ே', 'ை': 'ை', 'ो': 'ோ', 'ौ': 'ௌ', | |||
'ं': 'ம்', 'ः': ':', 'ँ': 'ம்', '्': '்', 'ॐ': 'ௐ', 'ऽ': 'ௗ', | |||
'०': '0', '१': '1', '२': '2', '३': '3', '४': '4', | |||
'५': '5', '६': '6', '७': '7', '८': '8', '९': '9' | |||
} | |||
}; | |||
var PRE = [ | |||
[/ङ्क/g, 'ंक'], [/ङ्ख/g, 'ंख'], [/ङ्ग/g, 'ंग'], [/ङ्घ/g, 'ंघ'], | |||
[/ञ्च/g, 'ंच'], [/ञ्ज/g, 'ंज'], [/ण्ट/g, 'ंट'], [/ण्ड/g, 'ंड'], | |||
[/न्त/g, 'ंत'], [/न्द/g, 'ंद'], [/म्ब/g, 'ंब'], [/म्भ/g, 'ंभ'] | |||
]; | |||
function transliterateText(text, script) { | |||
if (script === 'en') return devanagariToIAST(text); | |||
var map = SCRIPT_MAP[script]; | |||
if (!map) return text; | |||
var t = text; | |||
PRE.forEach(function (p) { t = t.replace(p[0], p[1]); }); | |||
return Array.from(t).map(function (ch) { | |||
return map[ch] !== undefined ? map[ch] : ch; | |||
}).join(''); | |||
} | |||
var translatableSpans = []; | |||
function tagTextNodes() { | |||
var content = document.querySelector('.mw-parser-output'); | |||
if (content) { | |||
var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT); | |||
var nodes = []; | |||
while (walker.nextNode()) nodes.push(walker.currentNode); | |||
nodes.forEach(function (node) { | |||
var p = node.parentNode; | |||
if (!p) return; | |||
if (p.hasAttribute && p.hasAttribute('data-deva')) return; | |||
if (p.closest) { | |||
if (p.closest('.gr-controls')) return; | |||
if (p.closest('.mw-editsection')) return; | |||
} | |||
var orig = node.textContent; | |||
if (!orig.trim()) return; | |||
var span = document.createElement('span'); | |||
span.setAttribute('data-deva', orig); | |||
span.textContent = orig; | |||
p.replaceChild(span, node); | |||
translatableSpans.push(span); | |||
}); | |||
} | |||
document.querySelectorAll('.vector-toc .vector-toc-text').forEach(function (span) { | |||
if (span.hasAttribute('data-deva')) return; | |||
var orig = span.textContent; | |||
if (!orig.trim()) return; | |||
span.setAttribute('data-deva', orig); | |||
translatableSpans.push(span); | |||
}); | |||
} | |||
function applyScript(script) { | |||
currentScript = script; | |||
translatableSpans.forEach(function (span) { | |||
if (!span.parentNode) return; | |||
var orig = span.getAttribute('data-deva'); | |||
if (!orig) return; | |||
span.textContent = (script === 'deva') | |||
? orig | |||
: transliterateText(orig, script); | |||
}); | |||
} | |||
function _isNoTocPage() { | |||
var pn = (window.mw && mw.config && mw.config.get('wgPageName')) || ''; | |||
return pn === 'Main_Page' || /^[A-Za-z0-9_]+:About$/.test(pn); | |||
} | |||
function renameTocTitle() { | |||
if (_isNoTocPage()) return; | |||
var toc = document.querySelector('.vector-toc'); | |||
if (!toc) return; | |||
var titleEl = toc.querySelector('.vector-toc-title') || toc.querySelector('.vector-pinnable-header-label'); | |||
if (!titleEl) return; | |||
var LABEL = 'विषयसूची'; | |||
var span = titleEl.querySelector('.gr-toc-title'); | |||
if (!span) { | |||
titleEl.innerHTML = ''; | |||
span = document.createElement('span'); | |||
span.className = 'gr-toc-title'; | |||
span.setAttribute('data-deva', LABEL); | |||
titleEl.appendChild(span); | |||
translatableSpans.push(span); | |||
} | |||
span.textContent = currentScript === 'deva' ? LABEL : transliterateText(LABEL, currentScript); | |||
} | |||
function removeTocBeginning() { | |||
if (_isNoTocPage()) return; | |||
var toc = document.querySelector('.vector-toc'); | |||
if (!toc) return; | |||
var el = toc.querySelector('#vector-toc-beginning'); | |||
if (!el) { | |||
var items = toc.querySelectorAll('.vector-toc-list-item'); | |||
for (var i = 0; i < items.length; i++) { | |||
var a = items[i].querySelector('a'); | |||
if (a) { | |||
var href = a.getAttribute('href') || ''; | |||
if (href.indexOf('#') === -1) { el = items[i]; break; } | |||
} | |||
} | |||
} | |||
if (el && el.parentNode) el.parentNode.removeChild(el); | |||
} | |||
function expandTocSections() { | |||
if (_isNoTocPage()) return; | |||
var toc = document.querySelector('.vector-toc'); | |||
if (!toc) return; | |||
toc.querySelectorAll('.vector-toc-list-item-collapsed').forEach(function (li) { | |||
li.classList.remove('vector-toc-list-item-collapsed'); | |||
}); | |||
} | |||
function injectTocDocNav() { | |||
if (_isNoTocPage()) return; | |||
var toc = document.querySelector('.vector-toc'); | |||
if (!toc) return; | |||
if (document.getElementById('gr-toc-doc-nav')) return; | |||
var artPath = (window.mw && mw.config && mw.config.get('wgArticlePath')) || '/wiki/$1'; | |||
var pageTitle = (window.mw && mw.config && mw.config.get('wgPageName')) || ''; | |||
var teekaPage = document.querySelector('.gr-teeka-page'); | |||
var primarySlug = teekaPage ? (teekaPage.getAttribute('data-primary') || '') : ''; | |||
if (!primarySlug) { primarySlug = pageTitle.split('/')[0]; } | |||
if (!primarySlug) return; | |||
function wikiUrl(slug) { | |||
if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(slug); | |||
return artPath.replace('$1', encodeURIComponent(slug).replace(/%2F/g, '/')); | |||
} | |||
var docTitleEl = document.querySelector('.gr-doc-title'); | |||
var hasMoolaPage = docTitleEl && docTitleEl.getAttribute('data-has-moola') === '1'; | |||
var hasUllekhaPage = docTitleEl && docTitleEl.getAttribute('data-has-ullekha') === '1'; | |||
var showMoolaPage = !teekaPage && hasMoolaPage; | |||
var showMoolaBack = !!teekaPage; | |||
var showUllekha = hasUllekhaPage || !!teekaPage; | |||
if (!showMoolaPage && !showMoolaBack && !showUllekha) return; | |||
var nav = document.createElement('div'); | |||
nav.id = 'gr-toc-doc-nav'; | |||
nav.setAttribute('class', 'toc-main-links'); | |||
function makeBtn(href, label) { | |||
var a = document.createElement('a'); | |||
a.href = href; | |||
a.setAttribute('class', 'toc-main-link-item'); | |||
var lspan = document.createElement('span'); | |||
lspan.setAttribute('data-deva', label); | |||
lspan.textContent = (currentScript && currentScript !== 'deva') ? transliterateText(label, currentScript) : label; | |||
translatableSpans.push(lspan); | |||
a.appendChild(lspan); | |||
a.addEventListener('mouseover', function () { this.style.opacity = '0.72'; }); | |||
a.addEventListener('mouseout', function () { this.style.opacity = '1'; }); | |||
return a; | |||
} | |||
if (showMoolaPage) nav.appendChild(makeBtn(wikiUrl(primarySlug + '/Moola'), 'मूलम्')); | |||
if (showMoolaBack) nav.appendChild(makeBtn(wikiUrl(primarySlug), 'मूल')); | |||
if (showUllekha) nav.appendChild(makeBtn(wikiUrl(primarySlug + '/Ullekha'), 'उल्लेख')); | |||
var tocContents = toc.querySelector('.vector-toc-contents'); | |||
if (tocContents) toc.insertBefore(nav, tocContents); | |||
else toc.appendChild(nav); | |||
} | |||
var _headingObserver = null; | |||
function attachHeadingObserver() { | |||
if (_isNoTocPage()) return; | |||
if (_headingObserver) return; | |||
if (!window.IntersectionObserver) return; | |||
var ACTIVE_COLOR = '#f57c00'; | |||
var _activeId = null; | |||
var content = document.querySelector('.mw-parser-output'); | |||
if (!content) return; | |||
var headings = Array.from(content.querySelectorAll('h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]')); | |||
if (!headings.length) return; | |||
var toc = document.querySelector('.vector-toc'); | |||
if (!toc) return; | |||
function getTocLink(id) { return toc.querySelector('a[href="#' + CSS.escape(id) + '"]'); } | |||
function getTocLi(id) { var a = getTocLink(id); return a ? a.closest('.vector-toc-list-item') : null; } | |||
function clearActive() { | |||
toc.querySelectorAll('.vector-toc-list-item').forEach(function (li) { | |||
li.classList.remove('vector-toc-list-item-active'); | |||
var lnk = li.querySelector('.vector-toc-link'); | |||
if (!lnk) return; | |||
lnk.style.removeProperty('color'); | |||
lnk.style.setProperty('font-weight', '400', 'important'); | |||
lnk.querySelectorAll('*').forEach(function (el) { el.style.removeProperty('color'); el.style.setProperty('font-weight', '400', 'important'); }); | |||
}); | |||
} | |||
function setActive(id) { | |||
if (_activeId === id) return; | |||
_activeId = id; | |||
clearActive(); | |||
if (!id) return; | |||
var li = getTocLi(id); | |||
if (!li) return; | |||
li.classList.add('vector-toc-list-item-active'); | |||
var hasActiveChild = !!li.querySelector('.vector-toc-list-item .vector-toc-list-item-active'); | |||
if (!hasActiveChild) { | |||
var lnk = li.querySelector('.vector-toc-link'); | |||
if (lnk) { | |||
lnk.style.setProperty('color', ACTIVE_COLOR, 'important'); | |||
lnk.style.setProperty('font-weight', '700', 'important'); | |||
lnk.querySelectorAll('*').forEach(function (el) { el.style.setProperty('color', ACTIVE_COLOR, 'important'); el.style.setProperty('font-weight', '700', 'important'); }); | |||
} | |||
} | |||
var anc = li.parentNode; | |||
while (anc && anc !== toc) { | |||
if (anc.classList) anc.classList.remove('vector-toc-list-item-collapsed'); | |||
if (anc.tagName === 'UL' || anc.tagName === 'LI') anc.style.removeProperty('display'); | |||
anc = anc.parentNode; | |||
} | |||
var sticky = document.querySelector('.vector-sticky-pinned-container'); | |||
var scrollEl = sticky || toc; | |||
if (scrollEl.scrollHeight > scrollEl.clientHeight) { | |||
var lr = li.getBoundingClientRect(); | |||
var cr = scrollEl.getBoundingClientRect(); | |||
if (lr.top < cr.top + 8 || lr.bottom > cr.bottom - 8) { | |||
scrollEl.scrollTop += lr.top - cr.top - scrollEl.clientHeight / 2 + li.offsetHeight / 2; | |||
} | |||
} | |||
} | |||
var _visible = new Set(); | |||
_headingObserver = new IntersectionObserver(function (entries) { | |||
entries.forEach(function (entry) { | |||
if (entry.isIntersecting) _visible.add(entry.target.id); | |||
else _visible.delete(entry.target.id); | |||
}); | |||
var topId = null, topY = Infinity; | |||
_visible.forEach(function (id) { | |||
var el = document.getElementById(id); | |||
if (el) { var y = el.getBoundingClientRect().top; if (y >= 0 && y < topY) { topY = y; topId = id; } } | |||
}); | |||
if (!topId) { | |||
var bestY = -Infinity; | |||
headings.forEach(function (h) { var y = h.getBoundingClientRect().top; if (y < 0 && y > bestY) { bestY = y; topId = h.id; } }); | |||
} | |||
setActive(topId || null); | |||
}, { rootMargin: '-60px 0px -65% 0px', threshold: 0 }); | |||
headings.forEach(function (h) { _headingObserver.observe(h); }); | |||
} | |||
function setupToc() { | |||
if (_isNoTocPage()) return; | |||
var toc = document.querySelector('.vector-toc'); | |||
if (!toc) return; | |||
removeTocBeginning(); | |||
renameTocTitle(); | |||
expandTocSections(); | |||
injectTocDocNav(); | |||
attachHeadingObserver(); | |||
} | |||
function init() { | |||
var HIDE_IDS = ['vector-appearance', 'vector-appearance-pinned-container', 'vector-appearance-unpinned-container']; | |||
function removeHiddenEls() { | |||
HIDE_IDS.forEach(function (id) { var el = document.getElementById(id); if (el && el.parentNode) el.parentNode.removeChild(el); }); | |||
var pt = document.getElementById('vector-page-tools') || document.querySelector('.vector-page-tools-pinned-container'); | |||
if (pt) pt.querySelectorAll('[aria-controls="vector-appearance"]').forEach(function (el) { if (el.parentNode) el.parentNode.removeChild(el); }); | |||
} | |||
removeHiddenEls(); | |||
(function detectTeekaMode() { | |||
var tp = document.querySelector('.gr-teeka-page'); | |||
if (!tp) return; | |||
var primary = tp.getAttribute('data-primary') || ''; | |||
var artPath = (window.mw && mw.config.get('wgArticlePath')) || '/wiki/$1'; | |||
var mainUrl = artPath.replace('$1', primary); | |||
var refParam = window.location.search.match(/[?&]ref=([01])/); | |||
if (refParam) { document.body.classList.add(refParam[1] === '1' ? 'gr-ref-mode' : 'gr-standalone'); return; } | |||
var ref = document.referrer || ''; | |||
document.body.classList.add((ref && primary && ref.indexOf(mainUrl) !== -1) ? 'gr-ref-mode' : 'gr-standalone'); | |||
}()); | |||
if (window.MutationObserver) { | |||
var hideObs = new MutationObserver(function (mutations) { | |||
var dirty = false; | |||
mutations.forEach(function (m) { if (m.addedNodes.length) dirty = true; }); | |||
if (dirty) removeHiddenEls(); | |||
}); | |||
hideObs.observe(document.body, { childList: true, subtree: false }); | |||
setTimeout(function () { hideObs.disconnect(); }, 6000); | |||
} | |||
var content = document.querySelector('.mw-parser-output'); | |||
var alreadyTagged = content && content.querySelector('[data-deva]'); | |||
if (!alreadyTagged) { translatableSpans = []; tagTextNodes(); } | |||
else { | |||
document.querySelectorAll('.vector-toc .vector-toc-text:not([data-deva])').forEach(function (span) { | |||
var orig = span.textContent; if (!orig.trim()) return; | |||
span.setAttribute('data-deva', orig); translatableSpans.push(span); | |||
}); | |||
} | |||
var saved = (function () { try { return localStorage.getItem(LS_SCRIPT_KEY); } catch (e) { return null; } }()); | |||
if (saved && saved !== 'deva') { applyScript(saved); } else { currentScript = 'deva'; } | |||
setTimeout(setupToc, 200); | |||
} | |||
window.addEventListener('gr-script-change', function (e) { | |||
var script = e && e.detail && e.detail.script; | |||
if (script) applyScript(script); | |||
}); | |||
window.addEventListener('gr-new-content', function (e) { | |||
var container = e && e.detail && e.detail.container; | |||
if (!container) return; | |||
var walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT); | |||
var nodes = []; | |||
while (walker.nextNode()) nodes.push(walker.currentNode); | |||
nodes.forEach(function (node) { | |||
var p = node.parentNode; | |||
if (!p || (p.hasAttribute && p.hasAttribute('data-deva'))) return; | |||
var orig = node.textContent; | |||
if (!orig.trim()) return; | |||
var span = document.createElement('span'); | |||
span.setAttribute('data-deva', orig); | |||
span.textContent = currentScript !== 'deva' ? transliterateText(orig, currentScript) : orig; | |||
p.replaceChild(span, node); | |||
translatableSpans.push(span); | |||
}); | |||
}); | |||
try { | |||
var _grBC = new BroadcastChannel('gr-script'); | |||
_grBC.onmessage = function (e) { | |||
var script = e && e.data && e.data.script; | |||
if (script) { currentScript = script; var sel = document.querySelector('.gr-script-sel'); if (sel) sel.value = script; applyScript(script); } | |||
}; | |||
} catch (e) { } | |||
if (window.mw) { | |||
mw.hook('wikipage.content').add(function () { | |||
setTimeout(function () { | |||
var content = document.querySelector('.mw-parser-output'); | |||
var alreadyTagged = content && content.querySelector('[data-deva]'); | |||
if (!alreadyTagged) { translatableSpans = []; tagTextNodes(); } | |||
else { | |||
document.querySelectorAll('.vector-toc .vector-toc-text:not([data-deva])').forEach(function (span) { | |||
var orig = span.textContent; if (!orig.trim()) return; | |||
span.setAttribute('data-deva', orig); translatableSpans.push(span); | |||
}); | |||
} | |||
if (currentScript !== 'deva') applyScript(currentScript); | |||
setupToc(); | |||
}, 150); | |||
}); | |||
} | |||
if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } | |||
else { init(); } | |||
}()); /* ← end of main IIFE */ | |||
// ── Inject "Help" and "About" links into the header ───────────────── | |||
(function () { | |||
function wikiHref(title) { | |||
if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(title); | |||
var ap = (window.mw && mw.config && mw.config.get('wgArticlePath')) || '/wiki/$1'; | |||
return ap.replace('$1', title); | |||
} | |||
var linkStyle = ['color:rgba(255,255,255,0.88)', 'font-size:0.88em', 'font-family:system-ui,sans-serif', 'font-weight:500', 'text-decoration:none', 'padding:4px 10px', 'border-radius:4px', 'margin-right:4px', 'transition:color 0.15s,background 0.15s', 'white-space:nowrap'].join(';'); | |||
function makeHeaderLink(id, href, label) { | |||
var a = document.createElement('a'); | |||
a.id = id; a.href = href; a.textContent = label; a.style.cssText = linkStyle; | |||
a.addEventListener('mouseover', function () { this.style.color = '#fff'; this.style.background = 'rgba(255,255,255,0.12)'; }); | |||
a.addEventListener('mouseout', function () { this.style.color = 'rgba(255,255,255,0.88)'; this.style.background = 'transparent'; }); | |||
return a; | |||
} | |||
function injectHeaderLinks() { | |||
if (document.getElementById('gr-about-link')) return; | |||
var headerEnd = document.querySelector('.vector-header-end') || document.querySelector('#vector-user-links') || document.querySelector('.mw-header'); | |||
if (!headerEnd) return; | |||
var helpLink = makeHeaderLink('gr-help-link', wikiHref('My_wiki:Help'), 'Help'); | |||
var aboutLink = makeHeaderLink('gr-about-link', wikiHref('My_wiki:About'), 'About'); | |||
var userName = window.mw ? mw.config.get('wgUserName') : null; | |||
var isAnon = !userName || (window.mw && mw.config.get('wgUserId') === null); | |||
// Build the trailing auth element (Login link for anon, dropdown for logged-in) | |||
var authEl = null; | |||
if (isAnon) { | |||
if (!document.getElementById('gr-header-login')) { | |||
authEl = makeHeaderLink('gr-header-login', wikiHref('Special:UserLogin'), 'Login'); | |||
} | |||
} else if (!document.getElementById('gr-header-user')) { | |||
authEl = buildHeaderUserDropdown(userName); | |||
} | |||
var ul = document.querySelector('.vector-user-links') || document.querySelector('#pt-userpage'); | |||
if (ul && ul.parentNode === headerEnd) { | |||
if (authEl) headerEnd.insertBefore(authEl, ul); | |||
headerEnd.insertBefore(aboutLink, authEl || ul); | |||
headerEnd.insertBefore(helpLink, aboutLink); | |||
} else { | |||
headerEnd.appendChild(helpLink); | |||
headerEnd.appendChild(aboutLink); | |||
if (authEl) headerEnd.appendChild(authEl); | |||
} | |||
} | |||
function buildHeaderUserDropdown(userName) { | |||
var wrap = document.createElement('div'); | |||
wrap.id = 'gr-header-user'; | |||
wrap.style.cssText = 'position:relative;display:inline-block;margin-right:4px;'; | |||
var trigger = document.createElement('button'); | |||
trigger.id = 'gr-header-user-trigger'; | |||
trigger.type = 'button'; | |||
trigger.setAttribute('aria-haspopup', 'true'); | |||
trigger.setAttribute('aria-expanded', 'false'); | |||
trigger.style.cssText = [ | |||
'display:inline-flex', 'align-items:center', 'gap:5px', | |||
'color:rgba(255,255,255,0.88)', 'font-size:0.88em', | |||
'font-family:system-ui,sans-serif', 'font-weight:500', | |||
'background:transparent', 'border:none', 'cursor:pointer', | |||
'padding:4px 10px', 'border-radius:4px', 'white-space:nowrap', | |||
'transition:color 0.15s,background 0.15s' | |||
].join(';'); | |||
trigger.innerHTML = | |||
'<span>' + userName.replace(/</g, '<') + '</span>' + | |||
'<span id="gr-header-caret" style="font-size:0.8em;transition:transform 0.2s;">\u25be</span>'; | |||
trigger.addEventListener('mouseover', function () { this.style.color = '#fff'; this.style.background = 'rgba(255,255,255,0.12)'; }); | |||
trigger.addEventListener('mouseout', function () { if (menu.style.display === 'none') { this.style.color = 'rgba(255,255,255,0.88)'; this.style.background = 'transparent'; } }); | |||
var menu = document.createElement('div'); | |||
menu.id = 'gr-header-user-menu'; | |||
menu.setAttribute('role', 'menu'); | |||
menu.style.cssText = [ | |||
'display:none', 'position:absolute', 'top:100%', 'right:0', 'margin-top:4px', | |||
'min-width:150px', 'background:#fff', 'border-radius:6px', | |||
'box-shadow:0 4px 16px rgba(0,0,0,0.18)', 'overflow:hidden', 'z-index:1000' | |||
].join(';'); | |||
var itemStyle = 'display:block;padding:10px 16px;font-size:0.9em;color:#2c1810;text-decoration:none;font-family:system-ui,sans-serif;background:#fff;'; | |||
function makeMenuItem(href, label, id) { | |||
var a = document.createElement('a'); | |||
a.href = href; a.setAttribute('role', 'menuitem'); | |||
a.textContent = label; a.style.cssText = itemStyle; | |||
if (id) a.id = id; | |||
a.addEventListener('mouseover', function () { this.style.background = '#f5efe9'; }); | |||
a.addEventListener('mouseout', function () { this.style.background = '#fff'; }); | |||
return a; | |||
} | |||
menu.appendChild(makeMenuItem(wikiHref('Special:Profile'), 'Profile')); | |||
menu.appendChild(makeMenuItem('#', 'Log out', 'gr-header-logout')); | |||
function setOpen(open) { | |||
menu.style.display = open ? 'block' : 'none'; | |||
trigger.setAttribute('aria-expanded', open ? 'true' : 'false'); | |||
var caret = document.getElementById('gr-header-caret'); | |||
if (caret) caret.style.transform = open ? 'rotate(180deg)' : ''; | |||
if (open) { trigger.style.color = '#fff'; trigger.style.background = 'rgba(255,255,255,0.12)'; } | |||
else { trigger.style.color = 'rgba(255,255,255,0.88)'; trigger.style.background = 'transparent'; } | |||
} | |||
trigger.addEventListener('click', function (e) { | |||
e.stopPropagation(); | |||
setOpen(menu.style.display === 'none'); | |||
}); | |||
document.addEventListener('click', function (e) { | |||
if (!wrap.contains(e.target)) setOpen(false); | |||
}); | |||
// Logout: POST with CSRF token (same approach as the desktop dropdown) | |||
menu.querySelector('#gr-header-logout').addEventListener('click', function (e) { | |||
e.preventDefault(); | |||
if (window.mw && mw.user && mw.user.tokens) { | |||
var t = mw.user.tokens.get('csrfToken'); | |||
if (t) { | |||
var script = (mw.util && mw.util.wikiScript) ? mw.util.wikiScript() : '/index.php'; | |||
var form = document.createElement('form'); | |||
form.method = 'post'; | |||
form.action = script + '?title=Special:UserLogout'; | |||
form.style.display = 'none'; | |||
form.innerHTML = | |||
'<input type="hidden" name="wpEditToken" value="' + String(t).replace(/"/g, '"') + '">' + | |||
'<input type="hidden" name="title" value="Special:UserLogout">' + | |||
'<input type="hidden" name="returnto" value="Main Page">'; | |||
document.body.appendChild(form); | |||
form.submit(); | |||
return; | |||
} | |||
} | |||
if (window.mw && mw.Api) { | |||
new mw.Api().postWithToken('csrf', { action: 'logout' }) | |||
.done(function () { location.href = '/Main_Page'; }) | |||
.fail(function () { location.href = '/index.php?title=Special:UserLogout'; }); | |||
} else { | |||
location.href = '/index.php?title=Special:UserLogout'; | |||
} | |||
}); | |||
wrap.appendChild(trigger); | |||
wrap.appendChild(menu); | |||
return wrap; | |||
} | |||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', injectHeaderLinks); | |||
else injectHeaderLinks(); | |||
}()); | |||
// ── Main page: by-Grantha / by-Author toggle ────────────────────── | |||
(function () { | |||
function grHomeView(v) { | |||
var gView = document.getElementById('gr-view-grantha'); | |||
var aView = document.getElementById('gr-view-author'); | |||
var gBtn = document.getElementById('gr-toggle-grantha'); | |||
var aBtn = document.getElementById('gr-toggle-author'); | |||
if (!gView || !aView || !gBtn || !aBtn) return; | |||
gView.style.display = (v === 'grantha') ? '' : 'none'; | |||
aView.style.display = (v === 'author') ? '' : 'none'; | |||
gBtn.className = 'gr-toggle-btn' + (v === 'grantha' ? ' gr-toggle-active' : ''); | |||
aBtn.className = 'gr-toggle-btn' + (v === 'author' ? ' gr-toggle-active' : ''); | |||
try { localStorage.setItem('gr_home_view', v); } catch (e) { } | |||
} | |||
function initHomeToggle() { | |||
var gBtn = document.getElementById('gr-toggle-grantha'); | |||
var aBtn = document.getElementById('gr-toggle-author'); | |||
if (!gBtn || !aBtn) return; | |||
gBtn.addEventListener('click', function () { grHomeView('grantha'); }); | |||
aBtn.addEventListener('click', function () { grHomeView('author'); }); | |||
[gBtn, aBtn].forEach(function (btn) { btn.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') btn.click(); }); }); | |||
var saved; try { saved = localStorage.getItem('gr_home_view'); } catch (e) { } | |||
if (saved === 'author') grHomeView('author'); | |||
} | |||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', initHomeToggle); | |||
else initHomeToggle(); | |||
}()); | |||
// ── Ullekha reference link handler ───────────────────────────────── | |||
(function () { | |||
function highlightOnArrival() { | |||
var search = window.location.search; | |||
if (!search) return; | |||
var m = search.match(/[?&]hlUllekha=([^&]+)/); | |||
if (!m) return; | |||
var needle; | |||
try { needle = decodeURIComponent(m[1]); } catch (e) { return; } | |||
if (!needle || needle.length < 4) return; | |||
function doHighlight() { | |||
var content = document.querySelector('.mw-parser-output'); | |||
if (!content) return; | |||
var snippet = needle.slice(0, 40); | |||
var found = false; | |||
var spans = content.querySelectorAll('[data-deva]'); | |||
for (var i = 0; i < spans.length && !found; i++) { | |||
var spanEl = spans[i]; | |||
var orig = spanEl.getAttribute('data-deva') || ''; | |||
if (orig.indexOf(snippet) === -1) continue; | |||
var idx = orig.indexOf(snippet); | |||
var hlText = orig.slice(idx, Math.min(idx + needle.length, orig.length)); | |||
var mark = document.createElement('mark'); | |||
mark.className = 'gr-ullekha-highlight'; | |||
mark.style.cssText = 'background:#fff176;border-radius:2px;padding:0 2px;'; | |||
mark.textContent = hlText; | |||
var parent = spanEl.parentNode; | |||
if (!parent) continue; | |||
var before = document.createTextNode(orig.slice(0, idx)); | |||
var after = document.createTextNode(orig.slice(idx + hlText.length)); | |||
parent.insertBefore(before, spanEl); parent.insertBefore(mark, spanEl); parent.insertBefore(after, spanEl); parent.removeChild(spanEl); | |||
setTimeout(function () { mark.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); | |||
found = true; | |||
} | |||
if (!found) { | |||
var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT); | |||
while (walker.nextNode() && !found) { | |||
var node = walker.currentNode; | |||
var txt = node.textContent || ''; | |||
if (txt.indexOf(snippet) === -1) continue; | |||
var idx2 = txt.indexOf(snippet); | |||
var mark2 = document.createElement('mark'); | |||
mark2.className = 'gr-ullekha-highlight'; | |||
mark2.style.cssText = 'background:#fff176;border-radius:2px;padding:0 2px;'; | |||
mark2.textContent = txt.slice(idx2, Math.min(idx2 + needle.length, txt.length)); | |||
var p = node.parentNode; | |||
p.insertBefore(document.createTextNode(txt.slice(0, idx2)), node); | |||
p.insertBefore(mark2, node); | |||
p.insertBefore(document.createTextNode(txt.slice(idx2 + mark2.textContent.length)), node); | |||
p.removeChild(node); | |||
setTimeout(function () { mark2.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); | |||
found = true; | |||
} | |||
} | |||
} | |||
doHighlight(); | |||
} | |||
function wireUllekhaLinks() { | |||
document.querySelectorAll('.gr-ullekha-ref-link').forEach(function (wrap) { | |||
var anchor = wrap.getAttribute('data-anchor') || ''; | |||
var hl = wrap.getAttribute('data-hl') || ''; | |||
var a = wrap.querySelector('a'); | |||
if (!a) return; | |||
var base = a.href.split('#')[0]; | |||
var encoded = encodeURIComponent(hl); | |||
a.href = base + (hl ? '?hlUllekha=' + encoded : '') + (anchor ? '#' + anchor : ''); | |||
}); | |||
} | |||
if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { highlightOnArrival(); wireUllekhaLinks(); }); } | |||
else { highlightOnArrival(); wireUllekhaLinks(); } | |||
}()); | |||
/* ── Search result highlight ──────────────────────────────────── */ | |||
/* EXACT REPLACEMENT for the search highlight IIFE in MediaWiki:Common.js. | |||
* Only changes from the original working version: | |||
* - Mobile bar: full-width terracotta bottom bar instead of floating pill | |||
* - showDismissBar: guard added (if !count return) to prevent empty bar | |||
* Everything else (storeQueryForLink, applyHighlight, wrapMatches) is | |||
* identical to the version that was working. | |||
*/ | |||
(function () { | |||
function storeQueryForLink(url, query) { | |||
try { | |||
var a = document.createElement('a'); | |||
a.href = url; | |||
sessionStorage.setItem('gr_search_hl', JSON.stringify({ | |||
query: query, | |||
pathname: a.pathname | |||
})); | |||
} catch (e) { } | |||
} | |||
function applyHighlight() { | |||
var stored; | |||
try { | |||
stored = JSON.parse(sessionStorage.getItem('gr_search_hl') || 'null'); | |||
} catch (e) { return; } | |||
if (!stored || !stored.query) return; | |||
var currentPath = window.location.pathname; | |||
var storedPath = stored.pathname || ''; | |||
function normPath(p) { return decodeURIComponent(p).replace(/\/+$/, ''); } | |||
if (storedPath && normPath(storedPath) !== normPath(currentPath)) { | |||
try { sessionStorage.removeItem('gr_search_hl'); } catch (e) { } | |||
return; | |||
} | |||
var query = stored.query.trim(); | |||
if (!query) return; | |||
try { sessionStorage.removeItem('gr_search_hl'); } catch (e) { } | |||
var delays = [0, 200, 600]; | |||
delays.forEach(function (ms) { | |||
setTimeout(function () { | |||
if (document.querySelector('.gr-search-hl')) return; | |||
highlightText(query); | |||
}, ms); | |||
}); | |||
} | |||
function highlightText(query) { | |||
var content = document.querySelector('#mw-content-text .mw-parser-output'); | |||
if (!content) return; | |||
var raw = query.replace(/^"|"$/g, '').trim(); | |||
if (!raw) return; | |||
var patterns = []; | |||
patterns.push(escapeRegex(raw)); | |||
raw.split(/\s+/).forEach(function (w) { | |||
if (w.length >= 2) patterns.push(escapeRegex(w)); | |||
}); | |||
var matched = false; | |||
for (var pi = 0; pi < patterns.length; pi++) { | |||
var re; | |||
try { re = new RegExp('(' + patterns[pi] + ')', 'gi'); } | |||
catch (e) { continue; } | |||
var count = wrapMatches(content, re); | |||
if (count > 0) { matched = true; break; } | |||
} | |||
if (!matched) return; | |||
var first = document.querySelector('.gr-search-hl'); | |||
if (first) { | |||
first.scrollIntoView({ behavior: 'smooth', block: 'center' }); | |||
first.classList.add('gr-search-hl-pulse'); | |||
setTimeout(function () { first.classList.remove('gr-search-hl-pulse'); }, 2000); | |||
} | |||
showDismissBar(query); | |||
} | |||
function escapeRegex(s) { | |||
return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); | |||
} | |||
function wrapMatches(root, re) { | |||
var count = 0; | |||
var walker = document.createTreeWalker( | |||
root, NodeFilter.SHOW_TEXT, { | |||
acceptNode: function (node) { | |||
var p = node.parentElement; | |||
if (!p) return NodeFilter.FILTER_REJECT; | |||
var tag = p.tagName.toUpperCase(); | |||
if (tag === 'SCRIPT' || tag === 'STYLE' || tag === 'NOSCRIPT') return NodeFilter.FILTER_REJECT; | |||
if (p.classList.contains('gr-search-hl')) return NodeFilter.FILTER_REJECT; | |||
return NodeFilter.FILTER_ACCEPT; | |||
} | |||
}, false | |||
); | |||
var nodes = []; | |||
var node; | |||
while ((node = walker.nextNode())) nodes.push(node); | |||
nodes.forEach(function (textNode) { | |||
var val = textNode.nodeValue; | |||
if (!re.test(val)) return; | |||
re.lastIndex = 0; | |||
var frag = document.createDocumentFragment(); | |||
var last = 0; | |||
var m; | |||
while ((m = re.exec(val)) !== null) { | |||
if (m.index > last) { | |||
frag.appendChild(document.createTextNode(val.slice(last, m.index))); | |||
} | |||
var span = document.createElement('span'); | |||
span.className = 'gr-search-hl'; | |||
span.textContent = m[0]; | |||
frag.appendChild(span); | |||
last = m.index + m[0].length; | |||
count++; | |||
} | |||
if (last < val.length) { | |||
frag.appendChild(document.createTextNode(val.slice(last))); | |||
} | |||
textNode.parentNode.replaceChild(frag, textNode); | |||
}); | |||
return count; | |||
} | |||
function showDismissBar(query) { | |||
var existing = document.getElementById('gr-hl-bar'); | |||
if (existing) existing.remove(); | |||
var count = document.querySelectorAll('.gr-search-hl').length; | |||
if (!count) return; | |||
var isMob = window.innerWidth < 768 || !!document.getElementById('mw-mf-viewport'); | |||
var bar = document.createElement('div'); | |||
bar.id = 'gr-hl-bar'; | |||
if (isMob) { | |||
bar.className = 'gr-search-hl-mobile'; | |||
bar.innerHTML = | |||
'<button id="gr-hl-results" class="gr-search-bar-btn">' + | |||
'<span class="gra-icon gra-icon-search" aria-hidden="true"></span>' + | |||
'<span>' + count + ' match' + (count === 1 ? '' : 'es') + '</span></button>' + | |||
'<button id="gr-hl-prev" class="gr-search-bar-btn">' + | |||
'<span class="gra-icon gra-icon-prev" aria-hidden="true"></span>' + | |||
'<span>Prev</span></button>' + | |||
'<button id="gr-hl-next" class="gr-search-bar-btn">' + | |||
'<span class="gra-icon gra-icon-next" aria-hidden="true"></span>' + | |||
'<span>Next</span></button>' + | |||
'<button id="gr-hl-dismiss" class="gr-search-bar-btn">' + | |||
'<span class="gra-icon gra-icon-dismiss" aria-hidden="true"></span>' + | |||
'<span>Close</span></button>'; | |||
} else { | |||
bar.style.cssText = [ | |||
'position:fixed', 'bottom:0', 'left:0', 'right:0', 'z-index:10200', | |||
'background:#b5451b', 'color:#fff', 'padding:10px 16px', | |||
'display:flex', 'align-items:center', 'justify-content:space-between', | |||
'font-family:system-ui,sans-serif', 'font-size:14px', | |||
'box-shadow:0 -2px 8px rgba(0,0,0,0.2)' | |||
].join(';'); | |||
var nav = document.createElement('div'); | |||
nav.style.cssText = 'display:flex;align-items:center;gap:12px;'; | |||
nav.innerHTML = | |||
'<span>🔍 <strong>' + escHtml(query) + '</strong> — ' + count + ' match' + (count === 1 ? '' : 'es') + '</span>' + | |||
'<button id="gr-hl-prev" style="background:rgba(255,255,255,0.2);border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;">↑ Prev</button>' + | |||
'<button id="gr-hl-next" style="background:rgba(255,255,255,0.2);border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;">↓ Next</button>' + | |||
'<button id="gr-hl-results" style="background:rgba(255,255,255,0.2);border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;">← Results</button>'; | |||
bar.appendChild(nav); | |||
var db = document.createElement('button'); | |||
db.id = 'gr-hl-dismiss'; db.textContent = '✕ Close'; | |||
db.style.cssText = 'background:rgba(255,255,255,0.15);border:none;color:#fff;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:13px;min-height:32px;'; | |||
bar.appendChild(db); | |||
} | |||
document.body.appendChild(bar); | |||
var hlEls = Array.from(document.querySelectorAll('.gr-search-hl')); | |||
var current = 0; | |||
function goTo(idx) { | |||
hlEls.forEach(function (el) { el.classList.remove('gr-search-hl-current'); }); | |||
current = ((idx % hlEls.length) + hlEls.length) % hlEls.length; | |||
hlEls[current].classList.add('gr-search-hl-current'); | |||
hlEls[current].scrollIntoView({ behavior: 'smooth', block: 'center' }); | |||
} | |||
function dismiss() { clearHighlights(); bar.remove(); } | |||
var nb = document.getElementById('gr-hl-next'); | |||
var pb = document.getElementById('gr-hl-prev'); | |||
var rb = document.getElementById('gr-hl-results'); | |||
var db2 = document.getElementById('gr-hl-dismiss'); | |||
if (nb) nb.onclick = function () { goTo(current + 1); }; | |||
if (pb) pb.onclick = function () { goTo(current - 1); }; | |||
if (db2) db2.onclick = dismiss; | |||
if (rb) rb.onclick = function () { | |||
bar.remove(); clearHighlights(); | |||
if (window.showSearchDialog) window.showSearchDialog(query); | |||
}; | |||
} | |||
function clearHighlights() { | |||
document.querySelectorAll('.gr-search-hl').forEach(function (span) { | |||
var p = span.parentNode; if (!p) return; | |||
while (span.firstChild) p.insertBefore(span.firstChild, span); | |||
p.removeChild(span); | |||
}); | |||
} | |||
function escHtml(s) { | |||
return String(s).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>'); | |||
} | |||
function injectHighlightCSS() { | |||
if (document.getElementById('gr-hl-css')) return; | |||
var s = document.createElement('style'); | |||
s.id = 'gr-hl-css'; | |||
s.textContent = [ | |||
'.gr-search-hl{background:#fff176;color:#1a1a1a;border-radius:2px;padding:0 1px;box-shadow:0 0 0 1px rgba(181,69,27,0.25);}', | |||
'.gr-search-hl-current{background:#ffb300!important;box-shadow:0 0 0 2px #b5451b!important;}', | |||
'@keyframes gr-hl-pulse{0%{background:#ffb300;}50%{background:#fff176;}100%{background:#fff176;}}', | |||
'.gr-search-hl-pulse{animation:gr-hl-pulse 1.2s ease 2;}', | |||
].join(''); | |||
document.head.appendChild(s); | |||
} | } | ||
injectHighlightCSS(); | |||
if ( | if (document.readyState === 'loading') { | ||
document.addEventListener('DOMContentLoaded', applyHighlight); | |||
} else { | } else { | ||
applyHighlight(); | |||
} | } | ||
if (window.mw) { | |||
mw.hook('wikipage.content').add(function () { | |||
setTimeout(applyHighlight, 100); | |||
}); | |||
} | |||
window.grStoreSearchHL = storeQueryForLink; | |||
}()); | |||
}); | /* ═══════════════════════════════════════════════════════════════ | ||
Mobile addon — only runs on Minerva (mobile) skin | |||
═══════════════════════════════════════════════════════════════ */ | |||
(function () { | |||
if (!document.body.classList.contains('skin-minerva')) return; | |||
function injectCSS() { | |||
if (document.getElementById('gr-mob-css')) return; | |||
var s = document.createElement('style'); | |||
s.id = 'gr-mob-css'; | |||
s.textContent = | |||
'body,#mw-mf-viewport,#mw-mf-page-center{padding-top:0!important;margin-top:0!important;}' + | |||
'html,body,#mw-mf-viewport,#mw-mf-page-center{overflow-x:hidden!important;max-width:100vw!important;}' + | |||
'header.header-container{background:#b5451b!important;position:sticky!important;top:0!important;z-index:300!important;}' + | |||
'.minerva-header{background:#b5451b!important;min-height:54px!important;}' + | |||
'.minerva-header .search-toggle,.minerva-header .minerva-user-notifications{display:none!important;}' + | |||
'.branding-box a{display:flex!important;align-items:center!important;text-decoration:none!important;max-width:calc(100vw - 80px)!important;}' + | |||
'.branding-box a::before{content:"";display:block;width:30px;height:30px;flex-shrink:0;background:url("/favicon.png") center/contain no-repeat;margin-right:8px;}' + | |||
'.branding-box a span{color:#fff!important;font-size:16px!important;font-weight:700!important;font-family:system-ui,sans-serif!important;line-height:1.2!important;flex:1 1 auto!important;min-width:0!important;}' + | |||
'.minerva-header svg path,.minerva-header svg rect,.minerva-header svg circle{fill:#fff!important;}' + | |||
'.minerva-header label{color:#fff!important;}' + | |||
'.minerva-tabs,.mw-portlet-associated-pages,.page-actions-menu,#page-secondary-actions,.last-modified-bar,.minerva-anon-talk-link{display:none!important;}' + | |||
'#gr-mob-menu-items{display:block!important;}' + | |||
'.mw-footer.minerva-footer,.footer-places,.footer-info,.minerva-footer-logo,#footer-places-about,#footer-places-disclaimers,#footer-places-privacy{display:none!important;}' + | |||
'#gr-static-bar{position:sticky!important;top:54px!important;z-index:200!important;}' + | |||
'.mf-section-0,.mf-section-1,.mf-section-2,.mf-section-3,.mf-section-4,.mf-section-5,.mf-section-6,.mf-section-7,.mf-section-8,.mf-section-9,.mf-section-10{display:block!important;visibility:visible!important;}' + | |||
'.collapsible-block{display:block!important;}' + | |||
'.section-heading .indicator,.collapsible-heading .indicator{display:none!important;}' + | |||
'.section-heading,.collapsible-heading{pointer-events:none!important;}' + | |||
'.gr-home-grid{flex-direction:column!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;}' + | |||
'.gr-home-card{width:100%!important;max-width:100%!important;min-width:unset!important;box-sizing:border-box!important;flex:none!important;}' + | |||
'.gr-home-toggle{flex-wrap:wrap!important;}' + | |||
'.mw-parser-output{font-size:18px!important;line-height:1.8!important;}' + | |||
'.mw-parser-output h2,.mw-parser-output h3{width:100%!important;}' + | |||
'.bhashyam-block{margin-left:8px!important;}' + | |||
'#footer,.mw-footer,.catlinks,#catlinks{display:none!important;}' + | |||
'.gr-mob-toc-panel{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:82vw!important;max-width:340px!important;background:#fff!important;z-index:10400!important;box-shadow:4px 0 28px rgba(0,0,0,0.22)!important;overflow-y:auto!important;padding:0 0 40px!important;transform:translateX(-110%)!important;transition:transform 0.26s cubic-bezier(0.4,0,0.2,1)!important;display:block!important;}' + | |||
'.gr-mob-toc-panel.open{transform:translateX(0)!important;}' + | |||
'.gr-mob-toc-backdrop{display:none!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,0.4)!important;z-index:10399!important;}' + | |||
'.gr-mob-toc-backdrop.open{display:block!important;}' + | |||
'.gr-mob-toc-header{position:sticky!important;top:0!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 16px 12px!important;border-bottom:1px solid #f0ebe6!important;z-index:1!important;}' + | |||
'.gr-mob-toc-title{font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0.08em!important;color:#b5451b!important;font-family:system-ui,sans-serif!important;}' + | |||
'.gr-mob-toc-close{background:none!important;border:none!important;font-size:22px!important;color:#999!important;cursor:pointer!important;padding:4px 8px!important;}' + | |||
'.gr-mob-toc-body{padding:12px 16px!important;}' + | |||
'.gr-mob-toc-body a{display:block!important;font-size:16px!important;line-height:1.6!important;color:#2c1810!important;text-decoration:none!important;padding:8px 0!important;border-bottom:1px solid #f5f0ed!important;}'; | |||
document.head.appendChild(s); | |||
} | |||
function expandSections() { | |||
document.querySelectorAll('[class*="mf-section-"], .collapsible-block').forEach(function (el) { el.removeAttribute('hidden'); el.style.setProperty('display', 'block', 'important'); el.style.setProperty('visibility', 'visible', 'important'); el.removeAttribute('aria-hidden'); }); | |||
document.querySelectorAll('.section-heading, .collapsible-heading').forEach(function (el) { el.setAttribute('aria-expanded', 'true'); el.style.setProperty('pointer-events', 'none', 'important'); }); | |||
} | |||
function watchSections() { | |||
var t = null; | |||
var obs = new MutationObserver(function (ms) { if (ms.some(function (m) { return m.attributeName === 'hidden'; })) { clearTimeout(t); t = setTimeout(expandSections, 30); } }); | |||
obs.observe(document.querySelector('#mw-content-text') || document.body, { subtree: true, attributes: true, attributeFilter: ['hidden', 'aria-hidden'] }); | |||
} | |||
function watchBodyPadding() { | |||
new MutationObserver(function () { if (document.body.style.paddingTop && document.body.style.paddingTop !== '0px') document.body.style.paddingTop = ''; }).observe(document.body, { attributes: true, attributeFilter: ['style'] }); | |||
} | |||
function injectMenuLinks() { | |||
if (document.getElementById('gr-mob-menu-items')) return; | |||
var navDrawer = document.querySelector('.navigation-drawer'); | |||
if (!navDrawer) return; | |||
var wrap = document.createElement('div'); wrap.id = 'gr-mob-menu-items'; wrap.style.cssText = 'width:100%;background:#fff;margin-top:8px;'; | |||
var itemStyle = 'display:flex;align-items:center;gap:14px;padding:15px 20px;font-size:16px;color:#2c1810;text-decoration:none;font-family:system-ui,sans-serif;border-bottom:1px solid #f0ebe6;background:#fff;'; | |||
function makeItem(href, label) { var a = document.createElement('a'); a.href = href; a.style.cssText = itemStyle; a.innerHTML = '<span>' + label + '</span>'; return a; } | |||
wrap.appendChild(makeItem('/Main_Page', 'Home')); | |||
wrap.appendChild(makeItem('/My_wiki:Help', 'Help')); | |||
wrap.appendChild(makeItem('/My_wiki:About', 'About')); | |||
var userName = window.mw ? mw.config.get('wgUserName') : null; | |||
if (userName) { | |||
wrap.appendChild(makeItem((window.mw && mw.util && mw.util.getUrl) ? mw.util.getUrl('Special:Profile') : '/Special:Profile', 'Profile')); | |||
var la = document.querySelector('a[href*="action=logout"]'); | |||
wrap.appendChild(makeItem(la ? la.href : '/index.php?title=Special:UserLogout', 'Log out')); | |||
} | |||
else wrap.appendChild(makeItem('/index.php?title=Special:UserLogin', 'Log in')); | |||
var pageLeft = document.getElementById('mw-mf-page-left'); | |||
if (pageLeft) { while (pageLeft.firstChild) pageLeft.removeChild(pageLeft.firstChild); pageLeft.style.removeProperty('display'); pageLeft.appendChild(wrap); } | |||
else navDrawer.appendChild(wrap); | |||
} | |||
var _tocDone = false; | |||
function initToc() { | |||
if (_tocDone) return; | |||
var tocList = document.querySelector('.vector-toc-contents, .vector-toc .vector-toc-list'); | |||
if (!tocList || !tocList.querySelector('li')) return; | |||
_tocDone = true; | |||
var bd = document.createElement('div'); bd.className = 'gr-mob-toc-backdrop'; document.body.appendChild(bd); | |||
var panel = document.createElement('div'); panel.className = 'gr-mob-toc-panel'; | |||
var hdr = document.createElement('div'); hdr.className = 'gr-mob-toc-header'; | |||
var ttl = document.createElement('div'); ttl.className = 'gr-mob-toc-title'; ttl.textContent = 'विषयसूची'; | |||
var cls = document.createElement('button'); cls.className = 'gr-mob-toc-close'; cls.textContent = '✕'; | |||
hdr.appendChild(ttl); hdr.appendChild(cls); panel.appendChild(hdr); | |||
var body = document.createElement('div'); body.className = 'gr-mob-toc-body'; body.appendChild(tocList.cloneNode(true)); panel.appendChild(body); document.body.appendChild(panel); | |||
var btn = document.createElement('button'); btn.id = 'gr-mob-toc-btn'; btn.innerHTML = '☰ Contents'; | |||
btn.style.cssText = 'position:fixed;bottom:148px;left:16px;z-index:9100;background:#fff;border:1.5px solid #b5451b;border-radius:24px;padding:10px 16px;font-size:15px;font-family:system-ui,sans-serif;color:#b5451b;font-weight:600;box-shadow:0 3px 14px rgba(0,0,0,0.15);cursor:pointer;'; | |||
document.body.appendChild(btn); | |||
function open() { panel.classList.add('open'); bd.classList.add('open'); document.body.style.overflow = 'hidden'; } | |||
function close() { panel.classList.remove('open'); bd.classList.remove('open'); document.body.style.overflow = ''; } | |||
btn.onclick = open; cls.onclick = close; bd.onclick = close; | |||
body.querySelectorAll('a').forEach(function (a) { a.onclick = close; }); | |||
} | |||
function injectMoolaUllekhaLinks() { | |||
if (document.getElementById('gr-mob-doc-nav')) return; | |||
var pageName = (window.mw && mw.config && mw.config.get('wgPageName')) || ''; | |||
if (pageName === 'Main_Page' || !pageName) return; | |||
function wikiUrl(slug) { if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(slug); return ((window.mw && mw.config.get('wgArticlePath')) || '/wiki/$1').replace('$1', encodeURIComponent(slug).replace(/%2F/g, '/')); } | |||
var teekaPage = document.querySelector('.gr-teeka-page'); | |||
var primarySlug = teekaPage ? (teekaPage.getAttribute('data-primary') || pageName.split('/')[0]) : pageName.split('/')[0]; | |||
var docTitleEl = document.querySelector('.gr-doc-title'); | |||
var hasMoolaPage = docTitleEl && docTitleEl.getAttribute('data-has-moola') === '1'; | |||
var hasUllekhaPage = docTitleEl && docTitleEl.getAttribute('data-has-ullekha') === '1'; | |||
var showMoolam = !!teekaPage || hasMoolaPage, showUllekha = hasUllekhaPage || !!teekaPage; | |||
if (!showMoolam && !showUllekha) return; | |||
var nav = document.createElement('div'); nav.id = 'gr-mob-doc-nav'; | |||
nav.style.cssText = 'display:flex;gap:10px;padding:10px 16px 8px;background:#fdf8f5;border-bottom:1px solid #f0e0d6;font-family:system-ui,sans-serif;'; | |||
function makeLink(href, label) { var a = document.createElement('a'); a.href = href; a.textContent = label; a.style.cssText = 'display:inline-flex;align-items:center;padding:5px 16px;border-radius:20px;background:#fff;border:1.5px solid #e8cfc4;color:#b5451b;font-size:14px;font-weight:600;text-decoration:none;'; return a; } | |||
if (teekaPage) nav.appendChild(makeLink(wikiUrl(primarySlug), 'मूल')); | |||
else if (hasMoolaPage) nav.appendChild(makeLink(wikiUrl(primarySlug + '/Moola'), 'मूलम्')); | |||
if (showUllekha) nav.appendChild(makeLink(wikiUrl(primarySlug + '/Ullekha'), 'उल्लेख')); | |||
var h1 = document.getElementById('firstHeading') || document.querySelector('.page-heading, h1.firstHeading, .mw-first-heading'); | |||
if (h1 && h1.parentNode) h1.parentNode.insertBefore(nav, h1.nextSibling); | |||
else { var ct = document.getElementById('mw-content-text'); if (ct) ct.insertBefore(nav, ct.firstChild); } | |||
} | |||
injectCSS(); watchBodyPadding(); | |||
function boot() { expandSections(); watchSections(); injectMenuLinks(); injectMoolaUllekhaLinks();[100, 400, 900, 1800].forEach(function (ms) { setTimeout(expandSections, ms); }); setTimeout(initToc, 700); } | |||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); | |||
else boot(); | |||
if (window.mw) mw.hook('wikipage.content').add(function () { setTimeout(function () { expandSections(); injectMenuLinks(); injectMoolaUllekhaLinks(); initToc(); }, 300); }); | |||
}()); | |||
(function () { | |||
'use strict'; | |||
mw.hook('wikipage.content').add(function () { | |||
setTimeout(function () { | |||
var blocks = document.querySelectorAll('.collapsible-block, .toggle-list'); | |||
Array.prototype.forEach.call(blocks, function (el) { if (!el.parentNode) { try { el.remove(); } catch (e) { } } }); | |||
}, 0); | |||
}); | |||
if (mw.config.get('wgPageName') !== 'Main_Page') return; | |||
mw.loader.using('mediawiki.util').done(function () { | |||
$(function () { applyHomeToggleOffset(); window.addEventListener('resize', applyHomeToggleOffset, { passive: true }); setTimeout(applyHomeToggleOffset, 300); setTimeout(applyHomeToggleOffset, 800); }); | |||
}); | |||
function applyHomeToggleOffset() { | |||
var bar = document.getElementById('gr-static-bar'); if (!bar) return; | |||
var barBottom = Math.round(bar.getBoundingClientRect().bottom); | |||
[document.getElementById('gr-home'), document.getElementById('gr-home-toggle'), document.querySelector('#mw-content-text .mw-parser-output > .gr-home, #mw-content-text .mw-parser-output > *:first-child')].forEach(function (el) { if (el) el.style.scrollMarginTop = (barBottom + 4) + 'px'; }); | |||
var isMob = window.innerWidth < 768 || !!document.getElementById('mw-mf-viewport'); | |||
if (isMob) { var toggleEl = document.getElementById('gr-home-toggle'); if (toggleEl) { var tr = toggleEl.getBoundingClientRect(); if (tr.top < barBottom) { var cp = parseInt(window.getComputedStyle(document.body).paddingTop, 10) || 0; document.body.style.paddingTop = (cp + (barBottom - tr.top) + 4) + 'px'; } } } | |||
} | |||
$(function () { | |||
var $toggle = $('#gr-home-toggle'), $viewG = $('#gr-view-grantha'), $viewA = $('#gr-view-author'), $btnG = $('#gr-toggle-grantha'), $btnA = $('#gr-toggle-author'); | |||
if (!$toggle.length || !$viewG.length || !$viewA.length) return; if ($toggle.data('gr-wired')) return; $toggle.data('gr-wired', true); | |||
function showView(which) { if (which === 'grantha') { $viewG.show(); $viewA.hide(); $btnG.addClass('gr-toggle-active'); $btnA.removeClass('gr-toggle-active'); } else { $viewA.show(); $viewG.hide(); $btnA.addClass('gr-toggle-active'); $btnG.removeClass('gr-toggle-active'); } try { localStorage.setItem('grantha_home_tab', which); } catch (e) { } } | |||
$btnG.on('click keydown', function (e) { if (e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ') return; showView('grantha'); }); | |||
$btnA.on('click keydown', function (e) { if (e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ') return; showView('author'); }); | |||
try { var saved = localStorage.getItem('grantha_home_tab'); if (saved === 'author') showView('author'); else showView('grantha'); } catch (e) { showView('grantha'); } | |||
}); | |||
}()); | |||
// ── Replace MediaWiki user links with a single username dropdown (Profile + Logout) ── | |||
(function () { | |||
function wikiHref(title) { | |||
if (window.mw && mw.util && mw.util.getUrl) return mw.util.getUrl(title); | |||
var ap = (window.mw && mw.config && mw.config.get('wgArticlePath')) || '/wiki/$1'; | |||
return ap.replace('$1', title); | |||
} | |||
function buildLogoutForm(token) { | |||
token = token || ''; | |||
var esc = String(token).replace(/"/g, '"'); | |||
var script = (window.mw && mw.util && mw.util.wikiScript) ? mw.util.wikiScript() : '/index.php'; | |||
var form = document.createElement('form'); | |||
form.method = 'post'; | |||
form.action = script + '?title=Special:UserLogout'; | |||
form.style.display = 'none'; | |||
form.innerHTML = | |||
'<input type="hidden" name="wpEditToken" value="' + esc + '">' + | |||
'<input type="hidden" name="title" value="Special:UserLogout">' + | |||
'<input type="hidden" name="returnto" value="Main Page">'; | |||
document.body.appendChild(form); | |||
return form; | |||
} | |||
}()); | |||