Function View

_archive/apps/samples/calculator/view.js:63–116

(calcModel)

var shift = false;

function View(calcModel) {
  this.calcElement = $('#calc');
  this.buttonsElement = $('#buttons');
  this.displayElement = $('#display');
  this.lastDisplayElement = null;
  this.BuildWidgets();
  var calc = this;

  Array.prototype.forEach.call(document.querySelectorAll('.calc-button'),
    function(button) {
      var handler = function(e) {
        e.preventDefault();
        var clicked = values[e.target.classList[1]];
        var result = calcModel.HandleButtonClick(clicked);
        calc.buttonClicked(clicked, result);
      };
      button.addEventListener('touchstart', handler);
      button.addEventListener('click', handler);
      button.addEventListener('touchstart', function(e) {
        e.target.classList.add('active');
      });
      button.addEventListener('touchend', function(e) {
        e.target.classList.remove('active');
      });
    });

  window.addEventListener("copy", function(e) {
    var result = calcModel.accumulator;
    e.preventDefault();
    e.clipboardData.setData("text/plain",result);
  });

  $(document).keydown(function(event) {
    if (event.ctrlKey && event.keyCode == 67) {
      return;
    }
    var clicked = null;
    if (event.which == 16)
      shift = true;
    else if (shift && event.which in shiftKeyboard)
      clicked = shiftKeyboard[event.which];
    else if (!shift && event.which in keyboard)
      clicked = keyboard[event.which];
    if (clicked != null) {
      var result = calcModel.HandleButtonClick(clicked);
      calc.buttonClicked(clicked, result);
    }
  });

  $(document).keyup(function(event) {
    if (event.which == 16)
      shift = false;
  });
}

function displayNumber(number) {
  var digits = (number + '').length;