BitwiseCmd/app/controllers.js

app.compose(function() {

    app.controller('expressionInputCtrl', function (){
        var dispatcher = app.component('dispatcher');

        return {
            onViewAttached: function () {
                var d = dispatcher;

                var self = this;
                self.history =[];
                self.historyIndex = 0;

                this.viewElement.focus();

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

                    if (args.keyCode != 13) {
                        return;
                    }

                    // Enter
                    d.dispatch(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.srcElement.value = self.history[self.historyIndex++];

                        }

                        args.preventDefault();
                        return;
                    }

                    if(args.keyCode == 40) {

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

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

    app.controller('resultViewCtrl', function() {
        var html = app.component('html');

        var resultViewController = {
            $html: null,
            clear: function (){
                this.viewElement.innerHTML = '';
            },
            onViewAttached: function(el) {
                var r = 1;
            },
            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]);
                }
            }
        };


        return resultViewController;
    });

    app.controller('configPanelCtrl', {
        onViewAttached: function (){
            var chk = this.viewElement.querySelector('#displayBytes');
            chk.checked = app.emphasizeBytes;
            chk.addEventListener('change', function(evt){
                app.emphasizeBytes = evt.srcElement.checked === true;
            })
        }
    });

});