Ascentium

Ascentium

by Brian Wendt

HTML

<div id="banner-message">
    <a href="https://ascentiumcapital.com/ApplyNow/CommCredit?v=f2177c3a-c852-40ab-8495-3d48e910d773&s=78cc2fe8-d2f0-49ef-98ad-64e3e334ccf5" class="ascentium-btn" data-amount="20">Finance with Ascentium</a>
    <a href="https://ascentiumcapital.com/ApplyNow/CommCredit?v=f2177c3a-c852-40ab-8495-3d48e910d773&s=78cc2fe8-d2f0-49ef-98ad-64e3e334ccf5" class="ascentium-btn" data-amount="23">Finance with Ascentium</a>
</div>

JavaScript

//console.clear()
var Ascentium = {
    initialize: function() {
        $style = jQuery('<style/>').html(".ascentium-btn{display:block;width:180px;height:60px;background-color:#EEE;margin:10px auto;text-decoration:none;position:relative;color:#333;font-family:arial;font-size:13px}.ascentium-btn strong{display:inline-block;position:absolute;left:0;top:50%;width:100%;text-align:center;line-height:0}");
        jQuery('body').prepend($style);
    },
    Rate: {
        /* Overwrite this function to change rate */
        get: function(amount) {
            return Math.ceil(amount * .0243);
        }
    },
    Button: {
        /* Create the anchor tag element and activate it */
        createElem: function(href, amount) {
            $a = jQuery('<a/>')
                .attr('href', href)
                .attr('data-amount', amount)
                .addClass('ascentium-btn');
            Ascentium.Button.createOnElem($a);
            return $a;
        },

        /* Activate existing anchor tags. DOM query */
        createOnTargets: function(target = '.ascentium-btn') {
            jQuery(target).each(function() {
                Ascentium.Button.createOnElem(this);
            })
        },

        /* Activate given element (should be anchor tag) */
        createOnElem: function(elem) {
            var amount = jQuery(elem).data('amount');
            var asLowAs = Ascentium.Rate.get(amount);
            jQuery(elem).html('<strong>$' + asLowAs + '/month</strong>')
                .attr('target', '__blank')
                .css(Ascentium.Button.css);
        },
        /* Custom CSS */
        css: {}
    },
    URL: {
        /* may use window.location.search */
        param(url, param) {
            if (url.indexOf('?') > 0) {
                url = url.substring(url.indexOf('?'));
            }
            return (new URLSearchParams(url)).get(param);
        }
    }
}

jQuery(document).ready(Ascentium.initialize)

Ascentium.Button.createOnTargets();