gregtap

import Ember from 'ember';
import User from 'online-mobile/models/user';

export default Ember.Service.extend({
  store: Ember.inject.service('store'),


  // websocket status.
  isConnected: false,

gregtap

  _startHeartBeats() {
    var _this = this;
    var interval =  setInterval(function() {
      Ember.run.schedule('backgroundSocket', _this, function() {
        _this._send(heartBeatMessage);
      });
    }, 5000);
  },

gregtap

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'div',
  classNames: ['image-wrap'],
  classNameBindings: ['isPortrait:portrait:landscape', 'isLoaded:loaded'],
  attributeBindings: ['width', 'height'],

  isLoaded: false,
  isPortrait: false,

gregtap

<div class="input-container">
    {{content-editable value=message
                       placeholder="Type a message"
                       type="text"
                       maxlength=500
                       on-paste="paste"
                       on-input="input"
                       spellcheck=false}}
</div>

gregtap

import Ember from 'ember';

export default Ember.Component.extend({
  scrollToBottom: function() {
    console.log('DID INSERT ELEMENT NOW');
  }.on('didInsertElement'),
});

gregtap

export default Ember.Route.extend({

  model: function() {
    return Ember.RSVP.hash({
      messages: this.store.findAll('chat-message'),
    });
  },
});

gregtap

export default Ember.Component.extend({
  tagName: 'li',
  classNameBindings: ['isMine:self'],
  isMine: Ember.computed.alias('message.isMine'),
});

gregtap

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'li',
  classNameBindings: ['isMine:self'],
  isMineBinding: 'message.isMine',
});

gregtap

import Ember from 'ember';
import Resolver from 'ember/resolver';
import loadInitializers from 'ember/load-initializers';
import config from './config/environment';

import DS from 'ember-data';

var App;

Ember.MODEL_FACTORY_INJECTIONS = true;

gregtap

https://github.com/AddJam/ember-content-editable


<div class="input-container">
    {{content-editable value=message
                       placeholder="Type a message"
                       type="text"
                       maxlength=300
                       focus-in=focusIn // not sure about this
                       focus-out=focusOut // not sure about this