var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };

​

var TweetBox = (function() {

  function TweetBox() {

    this.text = m.prop('');

    this.photoAdded = m.prop(false);

    this.view = __bind(this.view, this);

    this.overflowAlert = __bind(this.overflowAlert, this);

    this.remainingCharacters = __bind(this.remainingCharacters, this);

    this.togglePhoto = __bind(this.togglePhoto, this);

  }

​

  TweetBox.prototype.togglePhoto = function() {

    return this.photoAdded(!this.photoAdded());

  };

​

  TweetBox.prototype.remainingCharacters = function() {

    if (this.photoAdded()) return 140 - 23 - this.text().length;

    return 140 - this.text().length;

  };

​

  TweetBox.prototype.overflowAlert = function() {

    if (this.remainingCharacters() >= 0) return;

​

    var photoAdjust = this.photoAdded() ? 23 : 0;

    var beforeOverflowText = this.text().substring(140 - 10 - photoAdjust, 140 - photoAdjust);

    var overflowText = this.text().substring(140 - photoAdjust);

    return m('.alert.alert-warning', [

      m('strong', 'Oops! Too Long:'), 

      m.trust(' ...'), 

      m('span', beforeOverflowText), 

      m('strong.bg-danger', overflowText)

    ]);

  };

​

  TweetBox.prototype.view = function() {

    return m(".well.clearfix", [

      this.overflowAlert(), 

      m('textarea.form-control', {

        oninput: m.withAttr('value', this.text)

      }, this.text()), 

      m('br'), 

      m('span', this.remainingCharacters()), 

      m('button.btn.btn-primary.pull-right', {

        disabled: this.text().length === 0 && !this.photoAdded()

      }, "Tweet"), 

      m('button.btn.btn-default.pull-right', {

        onclick: this.togglePhoto

      }, this.photoAdded() ? "✓ Photo Added" : "Add Photo")

    ]);

  };

​

  return TweetBox;

})();

​

m.mount(document.body, new TweetBox);

​