MediaWiki:Common.js: Difference between revisions

← Older edit

@@ Line 12: / Line 12: @@
      });
 }
+/* tabindex="-1" is not allowed by MediaWiki, this is a workaround */
+findAndExecute(".rgwiki-main-negative-tabindex", (element) => {
+    element.tabIndex = -1;
+});
+/* Links without href/links to "javascript:void(0)" are not allowed by MediaWiki, this is a workaround */
+/* Use Template:EmptyLink to activate this piece of code. */
+findAndExecute(".rgwiki-main-emptylink", (span) => {
+  const a = span.querySelector("a");
+  for (const className of span.classList) {
+    if (className !== "rgwiki-main-emptylink") {
+      a.classList.add(className);
+    }
+  }
+  a.href = "javascript:void(0)";
+  const parent = span.parentNode;
+  parent.replaceChild(a, span);
+});
 /* Localized date */
@@ Line 19: / Line 38: @@
      const outputDateString = date.toString();
      span.title = `This date in your timezone: ${outputDateString}`;
-})
+});
-/* Gadvia Score Calculator */
-findAndExecute(".rgwiki-gadvia-score-calculator", (root) => {
-    root.textContent = "";
-    function createFormField(root, labelText) {
-        const fieldContainer = document.createElement("div");
-        fieldContainer.style.display = "flex";
-        fieldContainer.style.flexDirection = "column";
-        const label = document.createElement("label");
-        label.textContent = labelText;
-        fieldContainer.appendChild(label);
-        const inputElement = document.createElement("input");
-        inputElement.type = "number";
-        inputElement.size = 8;
-        fieldContainer.appendChild(inputElement);
-        root.appendChild(fieldContainer);
-        return inputElement;
-    }
-    const fields = document.createElement("div");
-    fields.style.display = "flex";
-    fields.style.gap = "1em";
-    fields.style.alignItems = "end";
-    const inputGoldPerfect = createFormField(fields, "Gold Perfect");
-    const inputAnyPerfect = createFormField(fields, "Any Perfect");
-    const inputGreat = createFormField(fields, "Great");
-    const inputGood = createFormField(fields, "Good");
-    const inputMiss = createFormField(fields, "Miss");
-    const calculateBtn = document.createElement("button");
-    calculateBtn.textContent = "Calculate";
-    fields.appendChild(calculateBtn);
-    root.appendChild(fields);
-     const output = document.createElement("p");
+/* OS tabs */
-     root.appendChild(output);
+findAndExecute(".tabber.rgwiki-main-os-tabber", (tabber) => {
+     const osString = (window.navigator.oscpu || window.navigator.platform || window.navigator.userAgent).toLowerCase();
+    let userOs = null;
+    if (osString.includes("linux")) userOs = "linux";
+    if (osString.includes("mac")) userOs = "mac";
+     if (osString.includes("win")) userOs = "win";
-     calculateBtn.addEventListener("click", () => {
+     const oldAnchor = window.location.hash;
-         const goldPerfect = Number(inputGoldPerfect.value);
+    tabber.querySelectorAll(".tabber__header > .tabber__tabs > a.tabber__tab").forEach(tab => {
-         const anyPerfect = Number(inputAnyPerfect.value);
+         const tabName = tab.textContent.toLowerCase();
-         const great = Number(inputGreat.value);
+         if (userOs === "linux" && tabName.includes("linux")) tab.click();
-        const good = Number(inputGood.value);
+         if (userOs === "mac" && tabName.includes("macos")) tab.click();
-         const miss = Number(inputMiss.value);
+         if (userOs === "win" && tabName.includes("windows")) tab.click();
-        const hitNotes = anyPerfect + great + good;
-        const totalNotes = anyPerfect + great + good + miss;
-        const nonGoldPerfect = anyPerfect - goldPerfect;
-        const score = Math.floor((anyPerfect + (great * 0.8) + (good * 0.5)) / totalNotes * 1000000) + (goldPerfect * 0.0001);
-        output.innerHTML = `<b>Score:</b> ${score}<br><b>Hit notes:</b> ${hitNotes}/${totalNotes}<br><b>Non-gold perfects:</b> ${nonGoldPerfect}`;
      });
+    setTimeout(() => {
+        window.location.hash = oldAnchor;
+    }, 100);
 });