Clean up some loading stuff

app/pods/login/controller.js

@@ -7,12 +7,12 @@ export default Ember.Controller.extend({
       let session = this.get('session');
       let authenticator = 'simple-auth-authenticator:token';
 
-      this.set('loading', true);
       // Manually clean up because there might not be a transition
       this.get('flashMessages').clearMessages();
-      session.authenticate(authenticator, credentials).then(null, (error)=> {
-        this.set('loading', false);
-        this.get('flashMessages').error(error.error);
+      this.transitionTo('loading').then(() => {
+        session.authenticate(authenticator, credentials).then(null, (error)=> {
+          this.get('flashMessages').error(error.error);
+        });
       });
     }
   }

app/pods/login/template.hbs

@@ -1,16 +1,12 @@
 {{#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"}}
-        {{input value=password type="password" placeholder="Password"}}
-        {{input class="button-gray" type="submit" value="Log In"}}
-    </form>
-    <br>
-    <div>
-      Forget your password? {{link-to 'Request a lockout email.' 'users.requestlockouthelp'}}
-    </div>
-  {{/if}}
+  <form {{action "authenticate" on="submit"}}>
+    <h2>Log In</h2>
+      {{input value=identification type="text" placeholder="Email"}}
+      {{input value=password type="password" placeholder="Password"}}
+      {{input class="button-gray" type="submit" value="Log In"}}
+  </form>
+  <br>
+  <div>
+    Forget your password? {{link-to 'Request a lockout email.' 'users.requestlockouthelp'}}
+  </div>
 {{/x-application}}

app/pods/protected/loading/template.hbs

@@ -0,0 +1 @@
+{{loading-panel}}