jellyfin-web/dashboard-ui/themes/halloween/theme.js

(function () {

    var lastSound = 0;
    var iconCreated;
    var destroyed;
    var currentSound;
    var cancelKey = 'cancelHalloween2015';
    var cancelValue = '6';

    function onPageShow() {
        var page = this;

        if (!destroyed) {

            if (appStorage.getItem(cancelKey) == cancelValue) {

                destroyed = true;
                return;
            }

            require(['css!themes/halloween/style.css']);

            if (!browserInfo.mobile) {

                if (!page.classList.contains('itemDetailPage')) {
                    Backdrops.setBackdropUrl(page, 'themes/halloween/bg.jpg');
                }

                if (lastSound == 0) {
                    playSound('http://github.com/MediaBrowser/Emby.Resources/raw/master/themes/halloween/monsterparadefade.mp3', .1);
                } else if ((new Date().getTime() - lastSound) > 30000) {
                    playSound('http://github.com/MediaBrowser/Emby.Resources/raw/master/themes/halloween/howl.wav');
                }
            }

            addIcon();
        }
    }

    function addIcon() {

        if (iconCreated) {
            return;
        }

        iconCreated = true;

        var elem = document.createElement('paper-icon-button');
        elem.icon = 'info';
        elem.classList.add('halloweenInfoButton');
        $(elem).on('click', onIconClick);

        var viewMenuSecondary = document.querySelector('.viewMenuSecondary');

        if (viewMenuSecondary) {
            viewMenuSecondary.insertBefore(elem, viewMenuSecondary.childNodes[0]);
        }
    }

    function onIconClick() {

        // todo: switch this to action sheet

        //require(['dialog'], function (dialog) {
        //    dialog({

        //        title: "Happy Halloween",
        //        message: "Happy Halloween from the Emby Team. We hope your Halloween is spooktacular! Would you like to allow the Halloween theme to continue?",
        //        callback: function (result) {

        //            if (result == 1) {
        //                destroyTheme();
        //            }
        //        },

        //        buttons: [Globalize.translate('ButtonYes'), Globalize.translate('ButtonNo')]
        //    });
        //});
    }

    function destroyTheme() {

        destroyed = true;

        var halloweenInfoButton = document.querySelector('.halloweenInfoButton');
        if (halloweenInfoButton) {
            halloweenInfoButton.parentNode.removeChild(halloweenInfoButton);
        }

        if (currentSound) {
            currentSound.stop();
        }

        Dashboard.removeStylesheet('themes/halloween/style.css');
        Backdrops.clear();
        appStorage.setItem(cancelKey, cancelValue);
    }

    pageClassOn('pageshow', "libraryPage", onPageShow);

    if ($($.mobile.activePage)[0].classList.contains('libraryPage')) {
        onPageShow.call($($.mobile.activePage)[0]);
    }

    function playSound(path, volume) {

        require(['howler'], function (howler) {

            var sound = new Howl({
                urls: [path],
                volume: volume || .3
            });

            sound.play();
            currentSound = sound;
            lastSound = new Date().getTime();
        });
    }

})();