import Ember from 'ember';
import { task, timeout, asyncComputed, emit } from 'ember-concurrency';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',

  value: "type stuff here",

  delayed: asyncComputed('value', function * (value) {
    yield timeout(800);
    return value;
  }),

  upper: asyncComputed('delayed', function * (asyncValue) {
    let value = yield asyncValue;
    yield timeout(800);
    return value.toUpperCase();
  }),

  reverse: asyncComputed('upper', function * reverse(asyncValue) {
    return (yield asyncValue).split('').reverse().join('');
  }),

  joined: asyncComputed('delayed', 'upper', function * (delayed, upper) {
    yield emit("Please Wait...");
    return [yield delayed, yield upper].join('--');
  }),
});