// Theme change
app.run(function(){
    var rootView = app.get('rootView');
    var cmdConfig = app.get('cmdConfig');

    cmdConfig.observe('theme', function (theme) {
        var theOther = theme == 'dark' ? 'light' : 'dark';

        if(rootView.classList.contains(theme)) {
            return;
        }

        rootView.classList.remove(theOther);
        rootView.classList.add(theme);
    });
});

// Save config in local store
app.run(function() {
    var cfg = app.get('cmdConfig');
    var storeKey = 'cmdConfig';

    load();

    cfg.observe(function(property, value){
        save();
    });

    function save() {
        localStorage.setItem(storeKey,  JSON.stringify(cfg.store()));
    }

    function load() {
        var json = localStorage.getItem(storeKey), stored;
        if(core.is.string(json)) {
            stored = JSON.parse(json);
            for(var key in stored) {
                cfg[key] = stored[key];
            }
        }
    }
});

// Cmd controls
app.run(function () {
    var controls = app.get('rootView').querySelectorAll('[data-cmd]');
    Array.prototype.forEach.call(controls, function(el) {
        el.addEventListener('click', function(e) {
            app.get('cmd').execute(e.target.getAttribute('data-cmd'));
        });
    });
});