louim · April 14, 2017 03:56 · Apr 14, 2017
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/models.book.js b/models.book.js
@@ -0,0 +1,8 @@
+import Model from "ember-data/model";
+import attr from "ember-data/attr";
+import { belongsTo, hasMany } from "ember-data/relationships";
+
+export default Model.extend({
+  name: attr(),
+  category: belongsTo('category')
+});
diff --git a/models.category.js b/models.category.js
@@ -0,0 +1,7 @@
+import Model from "ember-data/model";
+import attr from "ember-data/attr";
+import { belongsTo, hasMany } from "ember-data/relationships";
+
+export default Model.extend({
+  name: attr()
+});
diff --git a/routes.application.js b/routes.application.js
@@ -0,0 +1,18 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+  model() {
+    this.store.createRecord('category', { id: 1, name: 'First Category' });	
+		this.store.createRecord('category', { id: 2, name: 'Second Category' });
+
+    return this.store.createRecord('book', {
+      id: 1,
+      name: 'A Book',
+      category: this.get('store').peekRecord('category', 2)
+    });
+  },
+  setupController(controller, model) {
+		this._super(...arguments);
+   	controller.set('categories', this.store.peekAll('category'));
+  }
+});
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -0,0 +1,17 @@
+<h1>Welcome to {{appName}}</h1>
+<br>
+<br>
+Record: {{model.name}}
+<br>
+Assigned category name: {{model.category.name}}
+<br>
+{{one-way-select model.category
+    options=categories
+    optionValuePath="id"
+    optionLabelPath="name"
+    includeBlank="please select a value"
+  	promptIsSelectable=true
+    update=(action (mut model.category))
+}}
+<br>
+<br>
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,20 @@
+{
+  "version": "0.12.1",
+  "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.12.0",
+    "ember-template-compiler": "2.12.0",
+    "ember-testing": "2.12.0"
+  },
+  "addons": {
+    "ember-data": "2.12.1",
+    "ember-one-way-controls": "2.0.0"
+  }
+}