Overseer - Hide Requested Items

Current "Fix" to https://github.com/sct/overseerr/issues/3681

Terá de instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

Terá de instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Terá de instalar uma extensão como Tampermonkey para instalar este script.

Terá de instalar uma extensão de gestão de scripts de utilizador para instalar este script.

(Já tenho um gestor de scripts de utilizador, deixe-me instalá-lo!)

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

(Já tenho um gestor de estilos de utilizador, deixe-me instalá-lo!)

// ==UserScript==
// @name         Overseer - Hide Requested Items
// @namespace    http://tampermonkey.net/
// @version      2024-12-18
// @description  Current "Fix" to https://github.com/sct/overseerr/issues/3681
// @author       You
// @match        https://yourdomain.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=github.com
// @grant        none
// @run-at       document-idle
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    // Function to hide specific list items
    const hideListItems = () => {
        document.querySelectorAll('li').forEach(li => {
            const parentDiv = li.querySelector('div.absolute.inset-0.h-full.w-full.overflow-hidden');
            if (parentDiv) {
                const targetDiv = parentDiv.querySelector('div.absolute.left-0.right-0.flex.items-center.justify-between.p-2');
                if (targetDiv) {
                    const additionalDiv = targetDiv.querySelector('div.pointer-events-none.z-40.flex.items-center');
                    if (additionalDiv) {
                        li.style.display = 'none';
                    }
                }
            }
        });
    };

    // Function to always show a specific button div
    const showButtonDiv = () => {
        document.querySelectorAll('div.absolute.bottom-0.left-0.right-0.flex.justify-between.px-2.py-2').forEach(buttonDiv => {
            buttonDiv.style.display = ''; // Removes any previous inline style that hides the element
        });
    };

    // Initial invocation
    hideListItems();
    showButtonDiv();

    // Observe for any added nodes to apply changes dynamically
    const observer = new MutationObserver(() => {
        hideListItems();
        showButtonDiv();
    });

    observer.observe(document.body, { childList: true, subtree: true });
})();