Replaces view selects with ember-xselect

http://emberjs.com/deprecations/v1.x/#toc_ember-select
frolfr · Aug 18, 2016 · e454772 · e454772
1 parent 20cca9b
commit e454772
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 3 deletions.
diff --git a/app/controllers/rounds/new.js b/app/controllers/rounds/new.js
@@ -38,7 +38,7 @@ var RoundsNewController = Ember.Controller.extend({
 
     createRound: function() {
       var _this = this;
-      this.set('model.course', this.get('model.course.content'));
+
       this.get('model').save().then(function(round) {
         _this.controllerFor('application').set('currentRound', round);
         _this.controllerFor('application').set('currentHole', '1');

diff --git a/app/templates/courses/new.hbs b/app/templates/courses/new.hbs
@@ -19,7 +19,11 @@
       <label for="state">
         * State
       </label>
-      {{view "select" content=stateAbbreviations value=model.state required=true classNames="form-control"}}
+      {{#x-select value=model.state required=true id='state' classNames='form-control'}}
+        {{#each stateAbbreviations as |state|}}
+          {{#x-option value=state}}{{state}}{{/x-option}}
+        {{/each}}
+      {{/x-select}}
     </div>
     <div class="form-group">
       <label for="holeCount">

diff --git a/app/templates/rounds/new.hbs b/app/templates/rounds/new.hbs
@@ -18,7 +18,12 @@
       <label for="course">
         * Course
       </label>
-      {{view "select" content=courses selection=model.course.content optionValuePath="content.id" optionLabelPath="content.name" prompt="Select Course" id="course" required=true classNames="form-control"}}
+      {{#x-select value=model.course required=true id='course' classNames='form-control'}}
+        <option></option>
+        {{#each courses as |course|}}
+          {{#x-option value=course}}{{course.name}}{{/x-option}}
+        {{/each}}
+      {{/x-select}}
     </div>
     <p>
       Can't see the course you're looking for? Why not

diff --git a/package.json b/package.json
@@ -40,6 +40,7 @@
     "ember-data": "1.13.15",
     "ember-disable-proxy-controllers": "^1.0.1",
     "ember-export-application-global": "^1.0.4",
+    "emberx-select": "2.2.1",
     "express": "^4.8.5",
     "glob": "^4.0.5"
   }

diff --git a/tests/.jshintrc b/tests/.jshintrc
@@ -13,6 +13,7 @@
     "exists",
     "fillIn",
     "click",
+    "select",
     "keyEvent",
     "triggerEvent",
     "find",

diff --git a/tests/test-helper.js b/tests/test-helper.js
@@ -1,4 +1,6 @@
 import resolver from './helpers/resolver';
+import registerSelectHelper from './helpers/register-select-helper';
+registerSelectHelper();
 import {
   setResolver
 } from 'ember-qunit';