☰

Labs Navigation Item

Add Labs button to JPDB's navigation bar

目前為 2023-07-08 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         Labs Navigation Item
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  Add Labs button to JPDB's navigation bar
  6. // @author       JawGBoi
  7. // @license      GPL-3.0
  8. // @match        https://jpdb.io/*
  9. // @icon         https://www.google.com/s2/favicons?sz=64&domain=jpdb.io
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     // Specify the nav-item you want the "Labs" button to be added after
  16.     const navItemToInsertAfter = 'Settings'; // Can be either 'Built-in decks', 'Stats', 'Settings', or 'Logout'
  17.  
  18.     let labsNavItem = document.createElement("a");
  19.     labsNavItem.classList.add("nav-item");
  20.     labsNavItem.href = "/labs";
  21.     labsNavItem.textContent = "Labs";
  22.  
  23.     let navMenu = document.querySelector(".menu");
  24.     let specifiedNavItem = Array.from(navMenu.children)
  25.                            .find(child => child.textContent === navItemToInsertAfter);
  26.  
  27.     if (specifiedNavItem)
  28.     {
  29.         navMenu.insertBefore(labsNavItem, specifiedNavItem.nextSibling);
  30.     }
  31.     else
  32.     {
  33.         navMenu.appendChild(labsNavItem);
  34.     }
  35. })();