import Ember from 'ember';

export default Ember.Component.extend({

  observedText: '',
  receivedText: '',
  updatedText: '',

  observed: Ember.observer('myAttr.greeting', function () {
    this.set('observedText', this.get('observedText') + 'observed...');
  }),

  didReceiveAttrs() {
    this._super(...arguments);
    this.set('receivedText', this.get('receivedText') + 'received!...');
  },

  didUpdateAttrs() {
    this._super(...arguments);
    this.set('updatedText', this.get('updatedText') + 'updated!...');
  },

  actions: {
    reset() {
      this.set('receivedText', '');
      this.set('updatedText', '');
      this.set('observedText', '');
    }
  }

});