Holy-Unblocker/views/assets/js/csel.js

/* -----------------------------------------------
/* Authors: OlyB and Yoct
/* GNU Affero General Public License v3.0: https://www.gnu.org/licenses/agpl-3.0.en.html
/* Adapted and modified by Yoct.
/* Settings Menu
/* ----------------------------------------------- */


//  Determine the expiration date of a new cookie.
let date = new Date();
date.setFullYear(date.getFullYear() + 100);
date = date.toUTCString();

//  All cookies should be secure and are intended to work in iframes.
const setCookie = (name, value) => {
    document.cookie = name + `=${encodeURIComponent(value)}; expires=${date}; SameSite=None; Secure;`;
},

removeCookie = name => {
    document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:01 GMT; ";
},

readCookie = async name => {
    for (let cookie of document.cookie.split("; "))
//      Get the first cookie that has the same name.
        if (!cookie.indexOf(name + "="))
//          Return the cookie's stored content.
            return decodeURIComponent(cookie.slice(name.length + 1));
},

//  Customize the page's title.
pageTitle = value => {
    let tag = document.getElementsByTagName("title")[0] || document.createElement("title");
    tag.innerHTML = value;
    document.head.appendChild(tag);
},

//  Set the page's favicon to a new URL.
pageIcon = value => {
    let tag = document.querySelector("link[rel*='icon']") || document.createElement("link");
    tag.rel = "icon";
    tag.href = value;
    document.head.appendChild(tag);
},

//  Make a small stylesheet to override a setting from the main stylesheet.
pageShowAds = () => {
    let advertising = document.createElement("style");
    advertising.id = "advertising";
    advertising.innerText = ".ad { display:block; }";
    (document.head || document.body || document.documentElement || document).appendChild(advertising);
},

//  Remove the stylesheet made by the function above, if it exists.
pageHideAds = () => {
    (document.getElementById("advertising")||new Text()).remove();
};


//  Load a custom page title and favicon if it was previously stored.
readCookie("HBTitle").then(s => (s != undefined) && pageTitle(s));
readCookie("HBIcon").then(s => (s != undefined) && pageIcon(s));

//  Ads are disabled by default. Load ads if ads were enabled previously.
readCookie("HBHideAds").then(s => (s != "false") ? pageHideAds() : pageShowAds((document.getElementById("hideads") || {}).checked = 0));

//  All code below is used by the Settings UI in the navigation bar.
if (document.getElementById("csel")) {

    let closeBtn = document.querySelector(".dropdown-settings .close-settings-btn");
    closeBtn.addEventListener("click", () => {document.activeElement.blur()});

//  Allow users to set a custom title with the UI.
    let titleform = document.getElementById("titleform");
    titleform.addEventListener("submit", e => {
        e.preventDefault();
        e = titleform.firstElementChild;
        if (e.value) {
            pageTitle(e.value);
            setCookie("HBTitle", e.value);
            e.value = "";
        } else {
            alert("Please provide a title.");
        }
    }, false);

//  Allow users to set a custom favicon with the UI.
    let iconform = document.getElementById("iconform");
    iconform.addEventListener("submit", e => {
        e.preventDefault();
        e = iconform.firstElementChild;
        if (e.value) {
            pageIcon(e.value);
            setCookie("HBIcon", e.value);
            e.value = "";
        } else {
            alert("Please provide an icon URL.");
        }
    }, false);

//  Allow users to reset the title and favicon to default with the UI.
    document.getElementById("cselreset").addEventListener("click", () => {
        if (confirm("Reset the title and icon to default?")) {
            removeCookie("HBTitle");
            removeCookie("HBIcon");
            pageTitle("Holy Unblocker");
            pageIcon("assets/img/icon.png");
        }
    }, false);

//  Allow users to make a new about:blank tab and view the site from there.
//  An iframe of the current page is inserted into the new tab.
    document.getElementById("cselab").addEventListener("click", () => {
        let win = window.open();
        let iframe = win.document.createElement("iframe");
        iframe.style = "width: 100%; height: 100%; border: none; overflow: hidden; margin: 0; padding: 0; position: fixed; top: 0; left: 0";
        iframe.src = location.href;
        win.document.body.appendChild(iframe);
    });

//  Allow users to enable or disable ads with the UI.
    document.getElementById("hideads").addEventListener("change", e => {
        if (e.target.checked) {
            pageHideAds();
            setCookie("HBHideAds", "true");
        } else {
            pageShowAds();
            setCookie("HBHideAds", "false");
        }
    }, false);
}



/* ----------------------------------------------- 
/* Original code written by OlyB
/* -----------------------------------------------


(function() {
    let date = new Date();
    date.setFullYear(date.getFullYear() + 100);
    date = date.toUTCString();

    let csel = document.getElementById("csel");

    function setCookie(name, value) {
        document.cookie = name + "=" + encodeURIComponent(value) + "; expires=" + date + "; ";
    }

    function removeCookie(name) {
        document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:01 GMT; ";
    }

    async function readCookie(name) {
        let cookie = document.cookie.split("; ");
        let cookies = {};
        for (let i = 0; i < cookie.length; i++) {
            let p = cookie[i].split("=");
            cookies[p[0]] = p[1];
        }
        return decodeURIComponent(cookies[name]);
    }

    function pageTitle(value) {
        let tag = document.getElementsByTagName("title")[0] || document.createElement("title");
        tag.innerHTML = value;
        document.head.appendChild(tag);
    }

    function pageIcon(value) {
        let tag = document.querySelector("link[rel*='icon']") || document.createElement("link");
        tag.rel = "icon";
        tag.href = value;
        document.head.appendChild(tag);
    }

    function setTitle(value) {
        pageTitle(value);
        setCookie("HBTitle", value);
    }

    function setIcon(value) {
        pageIcon(value);
        setCookie("HBIcon", value);
    }

    function pageHideAds() {
        document.querySelectorAll(".ad").forEach(n => n.style.display = "none");
    }

    function pageShowAds() {
        document.querySelectorAll(".ad").forEach(n => n.style.display = "block");
    }

    function hideAds() {
        pageHideAds();
        setCookie("HBHideAds", "true");
    }

    // Ghetto Default Disable Ads
    setCookie("HBHideAds", "true");

    function showAds() {
        pageShowAds();
        removeCookie("HBHideAds");
    }

    readCookie("HBTitle").then(s => (s != "undefined") && pageTitle(s));
    readCookie("HBIcon").then(s => (s != "undefined") && pageIcon(s));

    readCookie("HBHideAds").then(s => (s != "undefined") && (function() { pageHideAds(); (document.getElementById("hideads") || {}).checked = "true"; })());

    if (csel) {
        csel.innerHTML = 
decodeURIComponent(atob("JTNDcCUyMGNsYXNzJTNEJTIyY3NlbHRpdGxlJTIyJTNFVGFiJTIwQ2xvYWslM0MlMkZwJTNFJTBBJTNDcCUyMGNsYXNzJTNEJTIyY3NlbGxhYmVsJTIyJTNFQ2hhbmdlJTIwdGhlJTIwdGl0bGUlM0ElM0MlMkZwJTNFJTBBJTNDZm9ybSUyMGNsYXNzJTNEJTIyY3NlbGZvcm0lMjIlMjBpZCUzRCUyMnRpdGxlZm9ybSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUzQ2lucHV0JTIwdHlwZSUzRCUyMnRleHQlMjIlMjBwbGFjZWhvbGRlciUzRCUyMlRhYiUyMFRpdGxlJTIyJTIwc3BlbGxjaGVjayUzRCUyMmZhbHNlJTIyJTNFJTNDaW5wdXQlMjBjbGFzcyUzRCUyMmNzZWxidXR0b24lMjIlMjB0eXBlJTNEJTIyc3VibWl0JTIyJTIwdmFsdWUlM0QlMjJBcHBseSUyMiUzRSUwQSUzQyUyRmZvcm0lM0UlMEElM0NwJTIwY2xhc3MlM0QlMjJjc2VsbGFiZWwlMjIlM0VDaGFuZ2UlMjB0aGUlMjAlM0NhJTIwaHJlZiUzRCUyMiUyRiUzRmklMjIlM0VpY29uJTNDJTJGYSUzRSUzQSUzQyUyRnAlM0UlMEElM0Nmb3JtJTIwY2xhc3MlM0QlMjJjc2VsZm9ybSUyMiUyMGlkJTNEJTIyaWNvbmZvcm0lMjIlM0UlMEElMjAlMjAlMjAlMjAlM0NpbnB1dCUyMHR5cGUlM0QlMjJ0ZXh0JTIyJTIwcGxhY2Vob2xkZXIlM0QlMjJJY29uJTIwVVJMJTIyJTIwc3BlbGxjaGVjayUzRCUyMmZhbHNlJTIyJTNFJTNDaW5wdXQlMjBjbGFzcyUzRCUyMmNzZWxidXR0b24lMjIlMjB0eXBlJTNEJTIyc3VibWl0JTIyJTIwdmFsdWUlM0QlMjJBcHBseSUyMiUzRSUwQSUzQyUyRmZvcm0lM0UlMEElM0NpbnB1dCUyMGlkJTNEJTIyY3NlbHJlc2V0JTIyJTIwY2xhc3MlM0QlMjJjc2VsYnV0dG9uJTIyJTIwdHlwZSUzRCUyMmJ1dHRvbiUyMiUyMHZhbHVlJTNEJTIyUmVzZXQlMjIlM0UlMEElM0NpbnB1dCUyMGlkJTNEJTIyY3NlbGFiJTIyJTIwY2xhc3MlM0QlMjJjc2VsYnV0dG9uJTIyJTIwdHlwZSUzRCUyMmJ1dHRvbiUyMiUyMHZhbHVlJTNEJTIyYWJvdXQlM0FibGFuayUyMiUzRSUwQSUzQ3AlMjBjbGFzcyUzRCUyMmNzZWxsYWJlbCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUzQ2lucHV0JTIwaWQlM0QlMjJoaWRlYWRzJTIyJTIwdHlwZSUzRCUyMmNoZWNrYm94JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDc3BhbiUzRUhpZGUlMjBBZHMlM0MlMkZzcGFuJTNFJTBBJTNDJTJGcCUzRSUwQSUzQ3AlM0VBZHMlMjBoZWxwJTIwc3VwcG9ydCUyMEglMjYlMjMxNzMlM0JvJTI2JTIzMTczJTNCbHklMjBVJTI2JTIzMTczJTNCbmIlMjYlMjMxNzMlM0Jsb2NrJTI2JTIzMTczJTNCZXIhJTNDJTJGcCUzRQ=="));
        document.getElementById("titleform").addEventListener("submit", function(e) {
            e.preventDefault();
            if (this.firstElementChild.value) {
                setTitle(this.firstElementChild.value);
                this.firstElementChild.value = "";
            } else {
                alert("Please provide a title.");
            }
        }, false);

        document.getElementById("iconform").addEventListener("submit", function(e) {
            e.preventDefault();
            if (this.firstElementChild.value) {
                setIcon(this.firstElementChild.value);
                this.firstElementChild.value = "";
            } else {
                alert("Please provide an icon URL.");
            }
        }, false);

        document.getElementById("cselreset").addEventListener("click", function() {
            if (confirm("Reset the title and icon to default?")) {
                removeCookie("HBTitle");
                removeCookie("HBIcon");
                pageTitle("H&shy;o&shy;ly Un&shy;blo&shy;ck&shy;er");
                pageIcon("assets/img/icon.png");
            }
        }, false);

        document.getElementById("cselab").addEventListener("click", function () {
            var win = window.open()
            var url = `${window.location.href}`
            var iframe = win.document.createElement('iframe')
            iframe.style.width = "100%";
            iframe.style.height = "100%";
            iframe.style.border = "none";
            iframe.style.overflow = "hidden";
            iframe.style.margin = "0";
            iframe.style.padding = "0";
            iframe.style.position = "fixed";
            iframe.style.top = "0";
            iframe.style.bottom = "0";
            iframe.style.left = "0";
            iframe.style.right = "0";
            iframe.src = url;
            win.document.body.appendChild(iframe)
        });

        document.getElementById("hideads").addEventListener("change", function(e) {
            e.target.checked ? hideAds() : showAds();
        }, false);
    }
})();
*/