dan-ste

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

dan-ste

for(var i = 0;  i<=5; i++) {
  setTimeout(function timer() {
    console.log(i);
  }, i*1000);
}

dan-ste

<button onclick={{perform findStores}}>
  Find Nearby Stores
  {{#if findStores.isRunning}}
    {{fa-icon "spinner" spin=true}}
  {{/if}}
</button>

{{#if result}}
  {{#each result.stores as |s|}}
    <li>

dan-ste

export default TutorialComponent.extend({
  result: null,
  findStores: task(function * () {
    let geolocation = this.get('geolocation');
    let store = this.get('store');
    
    try() {
      let coords = yield geolocation.getCoords();
      let result = yield store.getNearbyStores(coords);
      this.set('result', result);

dan-ste

import { task } from 'ember-concurrency';

export default TutorialComponent.extend({
  result: null,

  findStores: task(function * () {
    let geolocation = this.get('geolocation');
    let store = this.get('store');

    let coords = yield geolocation.getCoords();

dan-ste

<button onclick={{perform findStores}}>
  Find Nearby Stores
  {{#if findStores.isRunning}}
    {{! ++ }}
    {{fa-icon "spinner" spin=true}}
  {{/if}}
</button>

{{#if result}}
  {{#each result.stores as |s|}}

dan-ste

export default TutorialComponent.extend({
  result: null,
  isFindingStores: false, // Add a Loading Spinner
  actions: {
    findStores() {
      if (this.isFindingStores) { return; } // Preventing Concurrency

      let geolocation = this.get('geolocation');
      let store = this.get('store');

dan-ste

export default TutorialComponent.extend({
  result: null,
  isFindingStores: false,
  actions: {
    findStores() {
      if (this.isFindingStores) { return; }

      let geolocation = this.get('geolocation');
      let store = this.get('store');

dan-ste

<button onclick={{action 'findStores'}}>
  Find Nearby Stores
</button>

{{#if result}}
  {{#each result.stores as |s|}}
    <li>
      <strong>{{s.name}}</strong>:
      {{s.distance}} miles away
    </li>

dan-ste

export default TutorialComponent.extend({
  result: null,
  actions: {
    findStores() {
      let geolocation = this.get('geolocation');
      let store = this.get('store');

      geolocation.getCoords()
        .then(coords => store.getNearbyStores(coords))
        .then(result => {