MediaWiki:Gadget-ToolboxTray.js

// Define toolbox tray container
var mwWrapper = document.getElementById("mw-wrapper");
var toolboxTrayContainer = document.createElement("div");
var toolboxTrayButton = document.createElement("button");
var toolboxTrayButtonInner = document.createElement("div");
var toolboxTray = document.createElement("div");
toolboxTrayContainer.id = "toolboxTrayContainer";
toolboxTrayButton.id = "toolboxTrayButton";
toolboxTrayButtonInner.id = "toolboxTrayButtonInner";
toolboxTrayButton.setAttribute('onclick','toggleToolboxTray()');
toolboxTray.id = "toolboxTray";
toolboxTrayButtonInner.textContent = "<";
mwWrapper.append(toolboxTrayContainer);
toolboxTrayContainer.append(toolboxTrayButton);
toolboxTrayButton.append(toolboxTrayButtonInner);
toolboxTrayContainer.append(toolboxTray);

// Define links
var TTRecentChangesContainer = document.createElement("a");
var TTRecentChangesIcon = document.createElement("div");
var TTRecentChangesText = document.createElement("div");

var TTMyContributionsContainer = document.createElement("a");
var TTMyContributionsIcon = document.createElement("div");
var TTMyContributionsText = document.createElement("div");

TTRecentChangesContainer.className = "toolbox-container";
TTRecentChangesIcon.className = "toolbox-icon";
TTRecentChangesText.className = "toolbox-text";
TTMyContributionsContainer.className = "toolbox-container";
TTMyContributionsIcon.className = "toolbox-icon";
TTMyContributionsText.className = "toolbox-text";

TTRecentChangesContainer.setAttribute('href','https://howto.skywiki.org/wiki/Special:RecentChanges');
TTRecentChangesIcon.textContent = "schedule";
TTRecentChangesText.textContent = "Recent changes";
TTMyContributionsContainer.setAttribute('href','https://howto.skywiki.org/wiki/Special:MyContributions');
TTMyContributionsIcon.textContent = "history";
TTMyContributionsText.textContent = "My contribs";

toolboxTray.append(TTRecentChangesContainer);
TTRecentChangesContainer.append(TTRecentChangesIcon);
TTRecentChangesContainer.append(TTRecentChangesText);
toolboxTray.append(TTMyContributionsContainer);
TTMyContributionsContainer.append(TTMyContributionsIcon);
TTMyContributionsContainer.append(TTMyContributionsText);


function toggleToolboxTray() {
	toolboxTrayContainer.classList.toggle("opened");
}