MediaWiki:Common.js

Note: After publishing, 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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

mw.loader.using('mediawiki.util').then(function () {
  $(function () {

    function initDropdown(container) {
      const label = container.dataset.label || "Select";
      const options = JSON.parse(container.dataset.options || "{}");

      const wrapper = document.createElement('div');
      wrapper.className = 'mw-dropdown';

      const button = document.createElement('button');
      button.textContent = label;
      button.className = 'mw-dropdown-btn';

      const list = document.createElement('div');
      list.className = 'mw-dropdown-list';
      list.style.display = 'none';

      const content = document.createElement('div');
      content.className = 'mw-dropdown-content';

      Object.keys(options).forEach(key => {
        const opt = options[key];

        const item = document.createElement('div');
        item.className = 'mw-dropdown-item';
        item.textContent = opt.label;

        item.addEventListener('click', function () {
          button.textContent = opt.label;
          content.innerHTML = opt.content;
          list.style.display = 'none';
        });

        list.appendChild(item);
      });

      button.addEventListener('click', function () {
        list.style.display = list.style.display === 'none' ? 'block' : 'none';
      });

      wrapper.appendChild(button);
      wrapper.appendChild(list);
      wrapper.appendChild(content);

      container.innerHTML = '';
      container.appendChild(wrapper);
    }

    // 🔥 INIT ALL DROPDOWNS
    document.querySelectorAll('.mw-dropdown-ui').forEach(initDropdown);

  });
});