onboarding: implement demographic info step

rubyforgood · Feb 24, 2016 · 688a6eb · 688a6eb
1 parent 7239a43
commit 688a6eb
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 4 deletions.
diff --git a/frontend/app/components/onboarding/demographic-step.js b/frontend/app/components/onboarding/demographic-step.js
@@ -3,10 +3,13 @@ import Ember from 'ember';
 export default Ember.Component.extend({
 
   model: Ember.computed.alias('parentView.model'),
+  profile: Ember.computed.alias('model.profile'),
 
   actions: {
     completeStep() {
-      this.get('onStepCompleted')();
+      this.get('profile').save().then( () => {
+        this.get('onStepCompleted')();
+      });
     },
 
     goBack() {

diff --git a/frontend/app/templates/components/onboarding/demographic-step.hbs b/frontend/app/templates/components/onboarding/demographic-step.hbs
@@ -1,4 +1,33 @@
-<p>TODO: demographic info form</p>
+{{#form-for for=profile}}
+
+  {{#form-field for="ethnicities"
+                label="Ethnic Origin"}}
+    {{select-field resource="ethnicity" async=false
+                   multiple=true
+                   selection=profile.ethnicities
+                   placeholder="Select all that apply"}}
+  {{/form-field}}
+
+  {{#form-field for="dayHabit"
+                label="How you spend most of your day?"}}
+    {{select-field resource="dayHabit" async=false
+                   selection=profile.dayHabit
+                   placeholder="Select one option"}}
+  {{/form-field}}
+
+  {{#form-field for="educationLevel"
+                label="Highest level of education completed"}}
+    {{select-field resource="educationLevel" async=false
+                   selection=profile.educationLevel
+                   placeholder="Select one option"}}
+  {{/form-field}}
+
+  {{#form-field for="dayWalkingHours"
+                label="How many hours a day do you spend walking or exercising, on average?"}}
+    {{input type="number" value=profile.dayWalkingHours}}
+  {{/form-field}}
+
+{{/form-for}}
 
 {{step-controls step=model.currentStep
                 onBackward=(action "goBack")

diff --git a/frontend/app/templates/components/profile-form.hbs b/frontend/app/templates/components/profile-form.hbs
@@ -4,8 +4,6 @@
     {{select-field resource="country" async=false
                    selection=model.country
                    placeholder="Select a country"}}
-
-
   {{/form-field}}
 
   {{#form-field for="birthDate" label="Birth Date"}}