☰

GC Show/Hide TP Lots in Inventory

Adds a toggle to your GC Inventory to show/hide your trading post lots.

  1. // ==UserScript==
  2. // @name         GC Show/Hide TP Lots in Inventory
  3. // @namespace    https://greasyfork.org/en/users/1175371
  4. // @version      0.2
  5. // @description  Adds a toggle to your GC Inventory to show/hide your trading post lots.
  6. // @author       sanjix
  7. // @match        https://www.grundos.cafe/inventory/
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=grundos.cafe
  9. // @grant        none
  10. // ==/UserScript==
  11. var mainInvent = document.querySelector('.inventory');
  12. var tpText = document.querySelector('p.inv-trading-items-title');
  13. var toggle = document.createElement('span');
  14. toggle.textContent = '▲';
  15. toggle.style.paddingLeft = '3px';
  16. toggle.style.color = '#990000';
  17. console.log(toggle);
  18. var tpLots = document.querySelector('.inventory:last-child');
  19. var toggleLink = document.createElement('a');
  20. toggleLink.className = 'tp-toggle-link';
  21. var rule = document.createElement('hr');
  22. rule.style.backgroundColor = '#990000';
  23. rule.style.height = '3px';
  24. rule.style.display = 'none';
  25.  
  26. function showHide(el) {
  27.     if (el.style.display == 'grid') {
  28.         toggle.textContent = '▼';
  29.         el.style.display = 'none';
  30.         rule.style.display = 'block';
  31.     } else if (el.style.display == 'none') {
  32.         toggle.textContent = '▲';
  33.         el.style.display = 'grid';
  34.         rule.style.display = 'none';
  35.     }
  36. }
  37.  
  38. if (tpText != null) {
  39.     tpLots.style.display = 'grid';
  40.     mainInvent.after(toggleLink);
  41.     toggleLink.appendChild(tpText);
  42.     tpText.appendChild(toggle);
  43.     toggleLink.after(rule);
  44.     toggleLink.addEventListener('click',(event) => {
  45.         showHide(tpLots);
  46.     });
  47. }