Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
4.7 kB
2
Indexable
Never
(function () {
    try {
        /* main variables */
        var debug = 0;
        var variation_name = "";
        var $;
        /* all Pure helper functions */

        function waitForElement(selector, trigger, delayInterval, delayTimeout) {
            var interval = setInterval(function () {
                if (
                    document &&
                    document.querySelector(selector) &&
                    document.querySelectorAll(selector).length > 0
                ) {
                    clearInterval(interval);
                    trigger();
                }
            }, delayInterval);
            setTimeout(function () {
                clearInterval(interval);
            }, delayTimeout);
        }

        function live(selector, event, callback, context) {
            /****Helper Functions****/
            // helper for enabling IE 8 event bindings
            function addEvent(el, type, handler) {
                if (el.attachEvent) el.attachEvent("on" + type, handler);
                else el.addEventListener(type, handler);
            }
            // matches polyfill
            this.Element &&
                (function (ElementPrototype) {
                    ElementPrototype.matches =
                        ElementPrototype.matches ||
                        ElementPrototype.matchesSelector ||
                        ElementPrototype.webkitMatchesSelector ||
                        ElementPrototype.msMatchesSelector ||
                        function (selector) {
                            var node = this,
                                nodes = (node.parentNode || node.document).querySelectorAll(selector),
                                i = -1;
                            while (nodes[++i] && nodes[i] != node);
                            return !!nodes[i];
                        };
                })(Element.prototype);
            // live binding helper using matchesSelector
            function live(selector, event, callback, context) {
                addEvent(context || document, event, function (e) {
                    var found,
                        el = e.target || e.srcElement;
                    while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
                    if (found) callback.call(el, e);
                });
            }
            live(selector, event, callback, context);
        }


        /* Variation Init */
        function init() {

            updateCnt();

            live([".segment-filter > div  > button", ".collection-card__dismiss-control___xPQKd"], 'click', () => {
                updateCnt();
            })
        };

        function updateCnt() {
            setTimeout(() => {
                const eg_para = `
                <p class="eg-para collection-card__description___3HHX9">
                Keen on banking with us?</br>
                Find out more about our account opening process and everything you need to get started
                </p>`;
                const egTexts = document.querySelectorAll(".collection-cards__card___3N5Oq > div > a  div.collection-card__content___3SEC9 h3");
                egTexts.forEach(text => {
                    if (text.innerText == "Managing Cash Flow") {
                        // hiding previous element themes
                        text.previousElementSibling.style.display = "none";

                        text.style.display = "none";

                        text.insertAdjacentHTML("beforebegin", `<h2 class="eg-title collection-card__title___1ghe1">${"Opening an HSBC Business account" + text.children[0].outerHTML.toString()}</h2>`);

                        // updating link
                        text.parentElement.parentElement.href = "https://www.business.hsbc.com.sg/en-sg/business-banking/business-account-opening-process";

                        //adding hover text
                        text.insertAdjacentHTML("afterend", eg_para);
                    } else {
                        if (text.parentElement.querySelector(".eg-title")) {
                            text.previousElementSibling.remove();
                            text.nextElementSibling.remove();
                            text.style.display = "block";
                            text.previousElementSibling.style.display = "block";
                        }
                    }
                });
            }, 500)
        }

        /* Initialize variation */
        waitForElement('.collection-cards__card___3N5Oq > div > a  div.collection-card__content___3SEC9 h3', init, 50, 15000);
    } catch (e) {
        if (debug) console.log(e, "error in Test" + variation_name);
    }
})();