Don't transition to loading route during login

Fixes #22.

app/pods/login/controller.js

@@ -1,6 +1,8 @@
 import Ember from 'ember';
 
 export default Ember.Controller.extend({
+  loading: false,
+
   actions: {
     authenticate: function() {
       let credentials = this.getProperties('identification', 'password');
@@ -9,12 +11,12 @@ export default Ember.Controller.extend({
 
       // Manually clean up because there might not be a transition
       this.get('flashMessages').clearMessages();
-      this.transitionToRoute('loading').then(() => {
-        session.authenticate(authenticator, credentials).then(null, (error)=> {
+      this.set('loading', true).then(session.authenticate(authenticator, credentials).catch((error) => {
         this.transitionToRoute('login');
+        this.set('loading', false);
         this.get('flashMessages').error(error.error);
-        });
-      });
+      }));
+      this.set('loading', false);
     }
   }
 });

app/pods/login/template.hbs

@@ -1,4 +1,7 @@
 {{#x-application invalidateSession="invalidateSession"}}
+  {{#if loading}}
+    {{loading-panel}}
+  {{else}}
     <form {{action "authenticate" on="submit"}}>
       <h2>Log In</h2>
         {{input value=identification type="text" placeholder="Email"}}
@@ -9,4 +12,5 @@
     <div>
       Forget your password? {{link-to 'Request a lockout email.' 'users.requestlockouthelp'}}
     </div>
+  {{/if}}
 {{/x-application}}