batok · June 16, 2016 17:10 · Jun 16, 2016
diff --git a/controllers.application.js b/controllers.application.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  appName: 'Ember Twiddle'
+});
diff --git a/controllers.index.js b/controllers.index.js
@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+});
diff --git a/routes.index.js b/routes.index.js
@@ -0,0 +1,57 @@
+import Ember from 'ember';
+
+const { RSVP,
+       Mixin,
+       Logger: { info },
+       run,
+       get,
+       set
+      } = Ember;
+
+const pushAndLog = (route, msg) => {
+	let c = get(route, "c");
+  let d = new Date();
+  get(c, "log" ).push(`${d} ${msg}`);
+  info(msg);
+}
+
+let MyMixin = Mixin.create({
+	beforeModel() {
+    this._super(...arguments);
+    let c = this.controllerFor(this.routeName);
+    set(this, "c", c);
+    set(c, "log", Ember.A());
+  	pushAndLog(this,'at mixin');
+    return timeoutPromise(3000)
+      .then(() => {this.beforeModel2()});
+  }
+});
+
+function timeoutPromise(milliseconds) {
+  return new Promise(function(resolve,reject) {
+    run.later(this, resolve, milliseconds);
+  });
+}
+
+export default Ember.Route.extend(MyMixin, {
+  /*
+  beforeModel() {
+   
+  },
+  
+  */
+
+  beforeModel2() {
+  	pushAndLog(this,"at beforeModel2 of the index route");
+  },
+
+  model() {
+    pushAndLog(this,"model");
+    return timeoutPromise(5000);
+  },
+
+  afterModel() {
+    pushAndLog( this, "afterModel");
+    return timeoutPromise(5000);
+  }
+});
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -0,0 +1,6 @@
+<h1>Welcome to {{appName}}</h1>
+<br>
+<br>
+{{outlet}}
+<br>
+<br>
diff --git a/templates.index.hbs b/templates.index.hbs
@@ -0,0 +1,6 @@
+<ul>
+{{#each log as | item | }}
+<li>{{item}}</li>
+
+{{/each}}
+</ul>
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,16 @@
+{
+  "version": "0.9.2",
+  "EmberENV": {
+    "FEATURES": {}
+  },
+  "options": {
+    "use_pods": false,
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
+    "ember": "2.6.0",
+    "ember-data": "2.6.0",
+    "ember-template-compiler": "2.6.0"
+  }
+}