MediaWiki:GlobalNavButtons.js

// Global Nav Buttons
// @author:Jr Mime

$(function () {
  glnbutt = {};

  glnbutt.init = function () {
    if (window.globalNavButtons) {
      $(".wds-global-navigation__links").empty();
      $.each(window.globalNavButtons, function(i) {
        if (!window.globalNavButtons[i].isMain && !window.globalNavButtons[i].whoIsMain) {
          $(".wds-global-navigation__links").append("<a href='" + window.globalNavButtons[i].url + "' class='wds-global-navigation__link' id='custom-global-nav-button-" + window.globalNavButtons[i].shortName + "'>" + window.globalNavButtons[i].text + "</a>");
        } else if (window.globalNavButtons[i].isMain) {
          $(".wds-global-navigation__links").append(
            '<div class="wds-dropdown wds-global-navigation__link-group wds-has-dark-shadow">' +
              '<div class="wds-dropdown__toggle wds-global-navigation__dropdown-toggle wds-global-navigation__link">' +
              '<span id="custom-global-nav-button-href-' + window.globalNavButtons[i].shortName + '">' + window.globalNavButtons[i].text + '</span>' +
              '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" class="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron" id="wds-icons-dropdown-tiny">' +
                '<path d="M6 9l4-5H2" fill-rule="evenodd">' +
                '</path>' +
              '</svg>' +
              '<div class="wds-dropdown__content wds-global-navigation__dropdown-content">' +
              '<ul class="wds-list wds-is-linked" id="custom-global-nav-button-lbl-' + window.globalNavButtons[i].shortName + '">' +
                // Items here
              '</ul>' +
              '</div>' +
            '</div>'
          )
          if (window.globalNavButtons[i].url) document.getElementById("custom-global-nav-button-href-" + window.globalNavButtons[i].shortName).innerHTML = '<a href="' + window.globalNavButtons[i].url + '">' + window.globalNavButtons[i].text + '</a>';
        } else if (!window.globalNavButtons[i].isMain && window.globalNavButtons[i].whoIsMain) {
          $("#custom-global-nav-button-lbl-" + window.globalNavButtons[i].whoIsMain).append(
            '<li>'+
              '<a href="' + window.globalNavButtons[i].url + '">' + window.globalNavButtons[i].text + '</a>' +
            '</li>'
          )
        }
        i++;
      });
    }
  };

  glnbutt.init();
});