add select status functionality

app/controllers/customers/new.js

@@ -6,5 +6,12 @@ export default Ember.Controller.extend({
       let customer = this.get('model').save();
       this.transitionToRoute('customer', customer);
     }
-  }
+  },
+  statuses: [
+    { value: 1, name: 'Ongoing' },
+    { value: 2, name: 'Waiting List' },
+    { value: 3, name: 'Finished' },
+    { value: 4, name: 'On Hold' }
+  ],
+  default_status: 1
 });

app/helpers/status.js

@@ -0,0 +1,4 @@
+import Ember from 'ember';
+export default Ember.Helper.helper(function equalHelper(params) {
+  return params[0] === params[1];
+});

app/templates/customers/new.hbs

@@ -4,51 +4,52 @@
     <form action="/customers" method="post">
       <div class="form-group">
         <label for="nameInput">Name:</label>
-        {{input value=model.name class="form-control" }}
+        {{input value=model.name class="form-control" id="nameInput"}}
       </div>
       <div class="form-group">
         <label for="emailInput">Email:</label>
-        {{input value=model.email class="form-control" }}
+        {{input value=model.email class="form-control" id="emailInput"}}
       </div>
       <div class="form-group">
         <label for="phoneInput" describedby="phoneHelp">Phone Number:</label>
         <span id="phoneHelp" class="help-block">e.g. 888-888-8888</span>
-        {{input value=model.phone class="form-control" }}
+        {{input value=model.phone class="form-control" id="phoneInput"}}
       </div>
       <div class="form-group clearfix">
         <div class="pull-left">
           <label for="localInput"> Local? </label>
-          {{input checked=model.local class="form-control" type="checkbox" }}
+          {{input checked=model.local class="form-control" type="checkbox" id="localInput"}}
         </div>
         <div class="col-sm-10 pull-right">
           <label for="locationInput">Location:</label>
-          {{input value=model.location class="form-control" }}
+          {{input value=model.location class="form-control" id="locationInput" }}
         </div>
       </div>
       <div class="form-group">
         <label for="waitInput">Date on Wait List:</label>
-        {{input value=model.dateonwaitinglist class="form-control" }}
+        {{input value=model.dateonwaitinglist class="form-control" id="waitInput"}}
       </div>
       <div class="form-group">
         <label for="statusInput">Status:</label>
-        <select id="statusInput" class="form-control">
-          <option value="1" selected="selected">Ongoing</option>
-          <option value="2">Waiting List</option>
-          <option value="3">Finished</option>
-          <option value="4">On Hold</option>
-        </select>
+        <select name={{model.status}} id="statusInput" onChange={{action (mut value) value="target.value"}}>
+          {{#each statuses as |status|}}
+            <option value={{status.value}} selected={{status value status.value}}>
+              {{status.name}}
+            </option>
+          {{/each}}
+      </select>
       </div>
       <div class="form-group">
         <label for="creditInput">Credit:</label>
-        {{input value=model.credit class="form-control" }}
+        {{input value=model.credit class="form-control" id="creditInput"}}
       </div>
       <div class="form-group">
         <label for="wantInput">Want:</label>
-        {{input value=model.want class="form-control" }}
+        {{input value=model.want class="form-control" id="wantInput"}}
       </div>
       <div class="form-group">
         <label for="notesInput">Notes:</label>
-        {{textarea value=model.notes class="form-control" rows="3"}}
+        {{textarea value=model.notes class="form-control" rows="3" id="notesInput"}}
       </div>
       <button class="btn btn-primary" {{action 'createCustomer'}}>Create</button>
     </form>