User:Iritscen/vector-2022.js: Difference between revisions
No edit summary |
No edit summary |
||
Line 4: | Line 4: | ||
return navigator.languages[0]; | return navigator.languages[0]; | ||
return navigator.language; | return navigator.language; | ||
} | |||
function changeSeparator(component, separator) | |||
{ | |||
const styleSheets = document.styleSheets; | |||
let ruleIndex; | |||
for (let i = 0; i < styleSheets.length; i++) | |||
{ | |||
const rules = styleSheets[i].cssRules || styleSheets[i].rules; | |||
for (let j = 0; j < rules.length; j++) | |||
{ | |||
if (rules[j].selectorText === `.date-${component}::before`) | |||
{ | |||
ruleIndex = j; | |||
break; | |||
} | |||
} | |||
if (ruleIndex !== undefined) | |||
{ | |||
// Update the content of the existing rule | |||
styleSheets[i].deleteRule(ruleIndex); | |||
styleSheets[i].insertRule(`.date-${component}::before{content:"${separator}";}`, ruleIndex); | |||
break; | |||
} | |||
} | |||
} | } | ||
Line 16: | Line 43: | ||
if (lang != "en-US") // LocaleDate prints dates in U.S.-style by default | if (lang != "en-US") // LocaleDate prints dates in U.S.-style by default | ||
{ | { | ||
root.style.setProperty('--month-order', '2'); | root.style.setProperty('--month-order', '2'); | ||
root.style.setProperty('--day-order', '1'); | root.style.setProperty('--day-order', '1'); | ||
changeDateSeparator('month', '/'); | |||
changeDateSeparator('day', ''); | |||
} | } | ||
} | } |
Revision as of 20:03, 5 May 2025
function getLang() { if (navigator.languages !== undefined) return navigator.languages[0]; return navigator.language; } function changeSeparator(component, separator) { const styleSheets = document.styleSheets; let ruleIndex; for (let i = 0; i < styleSheets.length; i++) { const rules = styleSheets[i].cssRules || styleSheets[i].rules; for (let j = 0; j < rules.length; j++) { if (rules[j].selectorText === `.date-${component}::before`) { ruleIndex = j; break; } } if (ruleIndex !== undefined) { // Update the content of the existing rule styleSheets[i].deleteRule(ruleIndex); styleSheets[i].insertRule(`.date-${component}::before{content:"${separator}";}`, ruleIndex); break; } } } function localizeDates() { const lang = getLang(); const root = document.querySelector(':root'); if (root == undefined || lang == undefined) return; if (lang != "en-US") // LocaleDate prints dates in U.S.-style by default { root.style.setProperty('--month-order', '2'); root.style.setProperty('--day-order', '1'); changeDateSeparator('month', '/'); changeDateSeparator('day', ''); } } $(localizeDates); mw.hook('wikiEditor.toolbarReady').add(function($textarea) { $textarea.wikiEditor('addToToolbar', {section:'secondary', group:'default', tools: { smile: { label:'Smile!', // or use mw.message(key).escaped() for a localized label, see above type:'button', icon:'//upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Gnome-face-smile.svg/22px-Gnome-face-smile.svg.png', action: { type:'encapsulate', options: { pre:":)" // text to be inserted } } } } }); });