BitwiseCmd/src.old/js/app/controllers.js

"use strict";

app.controller('expressionInputCtrl', function (){
    var cmd = app.get('cmd');

    return {
        onViewAttached: function () {
            var self = this;
            self.history =[];
            self.historyIndex = 0;

            this.viewElement.focus();

            this.viewElement.addEventListener('keyup', function (args) {
                var inpt = args.target;

                if (args.keyCode != 13 || inpt.value.trim().length == 0) {
                    return;
                }

                // Enter
                cmd.execute(inpt.value);
                self.history.unshift(inpt.value);
                self.historyIndex = 0;
                inpt.value = '';
            });

            this.viewElement.addEventListener('keydown', function(args){
                if(args.keyCode == 38) {

                    if (self.history.length > self.historyIndex) { // up
                        args.target.value = self.history[self.historyIndex++];

                    }

                    args.preventDefault();
                    return;
                }

                if(args.keyCode == 40) {

                    if(self.historyIndex > 0) { // up
                        args.target.value = self.history[--self.historyIndex];
                    }

                    args.preventDefault();
                }
            })
        }
    }
});

app.controller('cmdController', function() {
    var html = app.get('html');
    var rootView = app.get('rootView');

    return {
        clear: function () {
            this.viewElement.innerHTML = '';
        },
        display: function ( model) {
            var view = app.buildViewFor(model);

            var vw = this.viewElement;
            if(vw.childNodes.length == 0) {
                vw.appendChild(view);
            }
            else {
                vw.insertBefore(view, vw.childNodes[0]);
            }
        }
    };
});

app.controller('configPanelCtrl', {
    onViewAttached: function (){
        var self = this;
        var cfg = app.get('cmdConfig');
        self.update(cfg);

        cfg.observe(function(){
            self.update(cfg);
        });
    },
    update: function (cfg) {
        var emIndicator = this.viewElement.querySelector('#emphasizeBytes');
        var reg = /\son/g;

        if(cfg.emphasizeBytes) {
            emIndicator.classList.add("on");
        } else {
            emIndicator.classList.remove("on");
        }
    }
});