jquery-banner

by Eric Miller

CSS

.banner {
    position: fixed;
    bottom:0; left:0; right:0;
    display:block;
    width:100%;
    padding:4px 10px;
    overflow:hidden;
    text-align:center;
}

.css-red-bg {
    background-color:#F2473F;
    background-color:rgba(238,0,0.25);
}

.css-yellow-bg {
    background-color:#FFE303;
    background-color:rgba(255,227,3.5);
}

.css-green-bg {
    background-color:#9ACD32;
    background-color:rgba(154,205,50.5);
}

JavaScript

(function ($) {
    $(document).ready(function () {
        var msg_default = 'You are currently working in an unknown environment',
            colors = { // color classes
                red: 'css-red-bg',
                yellow: 'css-yellow-bg',
                green: 'css-green-bg'
            },
            BNR = function (clr, msg) {
                var color = (clr) ? colors[clr] : colors.red,
                    message = (msg) ? msg : msg_default;
                return $('<div class="banner ' + color + '">' + message + '</span>');
            },

            banners = {
                'portal.danbredna.local': new BNR('green', 'You are working in the Local Environment'),
                'dnna-portal-dev.azurewebsites.net': new BNR('yellow', 'You are working in the Development Environment'), // dev
                'dnna-portal-test.azurewebsites.net': new BNR('red', 'You are working in the Test Environment') // test
            };

        function getBanner(domain) {
            var dmn = (domain) ? domain : document.domain;
            return banners[dmn];
        }
        //$('body').append(getBanner('portal.danbredna.local'));
        //$('body').append(getBanner('dnna-portal-dev.azurewebsites.net'));
        $('body').append(getBanner('dnna-portal-test.azurewebsites.net'));
    });
})(jQuery);