From 051d267773e797f63f0a06c6290ce072506b6a75 Mon Sep 17 00:00:00 2001
From: Cory Forsyth <cory.forsyth@gmail.com>
Date: Fri, 23 Oct 2015 11:27:20 -0400
Subject: [PATCH] Fix demo updating on selection change

---
 demo/app/controllers/index.js | 24 ++++++++++++------------
 demo/app/templates/index.hbs  |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/demo/app/controllers/index.js b/demo/app/controllers/index.js
index 3852e2eae..b0e5ce9fd 100644
--- a/demo/app/controllers/index.js
+++ b/demo/app/controllers/index.js
@@ -2,26 +2,26 @@ import Ember from 'ember';
 
 import * as mobiledocs from '../mobiledocs/index';
 
-let { $, computed } = Ember;
+let { $ } = Ember;
 
 export default Ember.Controller.extend({
-  mobiledocName: 'simple',
-  mobiledoc: computed('mobiledocName', function() {
-    return mobiledocs[this.get('mobiledocName')];
-  }),
-  // This initial value for editedMobiledoc will be
-  // stomped by actual changing values upon didEdit.
-  editedMobiledoc: computed('mobiledoc', function() {
-    return this.get('mobiledoc');
-  }),
+  init() {
+    this._super.apply(this, arguments);
+    let mobiledoc = mobiledocs['simple'];
+    this.set('mobiledoc', mobiledoc);
+    this.set('editedMobiledoc', mobiledoc);
+  },
+
   actions: {
     changeMobiledoc() {
       let selectElement = $('#select-mobiledoc');
       let name = selectElement.val();
-      this.set('mobiledocName', name);
-      let mobiledoc = this.get('mobiledoc');
+      let mobiledoc = mobiledocs[name];
+
+      this.set('mobiledoc', mobiledoc);
       this.set('editedMobiledoc', mobiledoc);
     },
+
     didEdit(value) {
       this.set('editedMobiledoc', value);
     }
diff --git a/demo/app/templates/index.hbs b/demo/app/templates/index.hbs
index e74e264e0..2a821d0c1 100644
--- a/demo/app/templates/index.hbs
+++ b/demo/app/templates/index.hbs
@@ -16,7 +16,7 @@
 <div class="container">
   <div class="pane">
     <div class="output full-left">
-      <select id='select-mobiledoc' {{action 'changeMobiledoc' on='change' value='target'}}>
+      <select id='select-mobiledoc' {{action 'changeMobiledoc' on='change'}}>
         <option disabled>Load a new Mobiledoc</option>
         <option value='simple'>Simple text content</option>
         <option value='empty'>Empty mobiledoc</option>