facebook - sfoca contatti in chat

casella di controllo contatti in chat sfocati attivata

// ==UserScript==
// @name           facebook - sfoca contatti in chat
// @namespace      https://greasyfork.org/users/237458
// @version        0.8
// @description    casella di controllo contatti in chat sfocati attivata
// @author         figuccio
// @match          https://www.facebook.com/*
// @icon           https://facebook.com/favicon.ico
// @grant          GM_registerMenuCommand
// @grant          GM_addStyle
// @run-at         document-start
// @noframes
// @license        MIT
// ==/UserScript==
function myFunctionCheckbox() {
document.getElementById("blurCheckbox").click();
}
GM_registerMenuCommand("sfoca/on-off",myFunctionCheckbox);
GM_addStyle(`
  input[type=checkbox] {accent-color:green;}

     `);

(function() {
 'use strict';
   function blurContacts() {
    const contactList = document.querySelector(".xwib8y2 ul");

        // Controlla se la casella di controllo con l'ID specificato esiste già
        var checkbox = document.getElementById("blurCheckbox");

        // Se non esiste, crea la casella di controllo
        if (!checkbox) {
            //Crea un div per il layout flessibile
            const flexContainer = document.createElement("div");
            flexContainer.style.display = "flex";
            flexContainer.style.alignItems = "center"; // Allinea gli elementi verticalmente
            flexContainer.style.margin = "15px"; // Allinea gli elementi verticalmente
            flexContainer.style.background= "aquamarine";

            // Crea la casella di controllo e impostala su selezionata per impostazione predefinita
            checkbox = document.createElement("input");
            checkbox.type = "checkbox";
            checkbox.id = "blurCheckbox";
            checkbox.style.cursor="pointer";
            checkbox.title="Sfoca";
            checkbox.checked = true; // Selezionato per impostazione predefinita true selezionata

            // Funzione per attivare/disattivare l'effetto sfocatura in base allo stato della casella di controllo
            function toggleBlur() {
            if (checkbox.checked) {contactList.style.filter ="blur(7px)";} else {contactList.style.filter ="";}
                 }

            //Aggiungi il listener di eventi alla casella di controllo
            checkbox.addEventListener("change", toggleBlur);

            // Crea un'etichetta per la casella di controllo
            const label = document.createElement("label");
            label.textContent = "Sfoca Contatti";
            label.htmlFor = "blurCheckbox";
            label.style.cursor="pointer";
            label.title="Sfoca";
            label.style.marginLeft = "5px"; // Aggiungi spazio tra la casella di controllo e l'etichetta
            label.style.color ="red";//colore testo
            // Aggiungi la casella di controllo e l'etichetta al contenitore flessibile
            flexContainer.appendChild(checkbox);
            flexContainer.appendChild(label);

            // Aggiungi il contenitore flessibile al genitore dell'elenco dei contatti
            contactList.parentElement.prepend(flexContainer);

            toggleBlur()
        }

    }
     setTimeout(blurContacts, 300);
     setTimeout(blurContacts, 9000);//ripetere
/////////////////
window.addEventListener('load', function() {
                  // Attendi che la pagina si carichi completamente
 blurContacts();
 setTimeout(blurContacts, 6000);
                  });
    })();