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. })();