User:Iritscen/vector-2022.js

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Microsoft Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

function getLang()
{
  if (navigator.languages !== undefined) 
    return navigator.languages[0]; 
  return navigator.language;
}

function changeSeparator(component, separator)
{
  const styleSheets = document.styleSheets;
  var ruleIndex = 0;

  for (var i = 0; i < styleSheets.length; i++)
  {
    const rules = styleSheets[i].cssRules || styleSheets[i].rules;
    for (var 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
          }
        }
      }
    }
  });
});