fix(auth): fix sign out route and button naming

The sign out button was called Register and had no functionality.

It has the correct naming now and signs out the user.

---

 .../assets/app/configuration/router-config.js  |  3 ++-
 resources/assets/app/services/notification.js  |  4 ++++
 .../app/templates/elements/navigation-top.html |  2 +-
 .../assets/app/view-models/auth/signout.js     | 20 +++++++++++++++++++
 4 files changed, 27 insertions(+), 2 deletions(-)

Author: MarcScheib

resources/assets/app/configuration/router-config.js

@@ -21,7 +21,8 @@ export default class {
         {route: ['news', 'news/index'], moduleId: 'view-models/news/index', title: 'News'},
         {route: ['news/view/:id'], moduleId: 'view-models/news/view', title: 'News'},
         {route: ['users/register'], moduleId: 'view-models/users/register', title: 'Registration'},
-        {route: ['auth/signin'], moduleId: 'view-models/auth/signin', title: 'Sign In'}
+        {route: ['auth/signin'], moduleId: 'view-models/auth/signin', title: 'Sign In'},
+        {route: ['auth/signout'], moduleId: 'view-models/auth/signout', title: 'Sign Out'}
       ]);
       config.mapUnknownRoutes(instruction => {
         return 'view-models/errors/error404';

resources/assets/app/services/notification.js

@@ -6,4 +6,8 @@ export class Notification {
   danger(message) {
     console.log(message);
   }
+
+  error(message) {
+    console.log(message);
+  }
 }

resources/assets/app/templates/elements/navigation-top.html

@@ -33,7 +33,7 @@
         </li>
         <li class="nav-item" if.bind="isAuthenticated">
           <a class="nav-link" href="/auth/signout">
-            <i class="fa fa-user fa-fw"></i> Register
+            <i class="fa fa-sign-out fa-fw"></i> Sign Out
           </a>
         </li>
       </ul>

resources/assets/app/view-models/auth/signout.js

@@ -0,0 +1,20 @@
+import {inject} from 'aurelia-framework';
+import {noView} from 'aurelia-templating';
+import {AuthService} from 'aurelia-auth';
+
+import {Notification} from 'services/notification';
+
+@noView
+@inject(AuthService, Notification)
+export class Signout {
+  constructor(auth, notification) {
+    this.auth = auth;
+    this.notification = notification;
+  }
+
+  activate() {
+    this.auth.logout("/auth/signin")
+      .then(response => this.notification.success("Signed out successfully"))
+      .catch(err => this.notification.error("Error signing out"));
+  }
+}