New user double check password + aesthetics

app/pods/users/new/new-user-form/component.js

@@ -6,7 +6,14 @@ export default Ember.Component.extend({
 
   actions: {
     save: function() {
-      var user = this.get('user');
+      let user = this.get('user');
+
+      // All validation is server-side, except for password verification matching
+      if (user.get('password') !== this.get('passwordConfirm')) {
+        this.get('flashMessages').clearMessages();
+        this.get('flashMessages').error("Password fields don't match");
+        return;
+      }
 
       if (user.get('isDirty')) {
         user.save().then(() => {

app/pods/users/new/new-user-form/template.hbs

@@ -13,11 +13,11 @@
         </li>
         <li>
           <label>Password</label>
-          {{input value=user.password}}
+          {{input type="password" value=user.password}}
         </li>
         <li>
           <label>Password (confirm)</label>
-          {{input value=passwordConfirm}}
+          {{input type="password" value=passwordConfirm}}
         </li>
         <li>
           <a class="button-green smaller" {{action 'save'}}>

app/pods/users/new/route.js

@@ -14,9 +14,10 @@ export default Ember.Route.extend(UnauthenticatedRouteMixin, {
 
   actions: {
     success: function() {
-      this.transitionTo('login');
-      this.get('flashMessages').information(`You have successfully signed up.
-        Please check your email for further instructions.`);
+      this.transitionTo('login').then(() => {
+        this.get('flashMessages').information(`You have successfully signed up.
+          Please check your email for further instructions.`);
+      });
     }
   },
 });