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
}
}
}
}
});
});