From 0996117565914fe93af97a7d52e16ce339eb0547 Mon Sep 17 00:00:00 2001
From: Joe Fleming <joe.fleming@gmail.com>
Date: Tue, 14 Feb 2017 19:44:30 -0700
Subject: [PATCH] add authentication requirement

and a mock auth helper
---
 src/lib/authentication.js |  3 +++
 src/pages/Login.vue       | 22 ++++++++++++++++------
 src/router.js             | 26 +++++++++++++++++++++++++-
 3 files changed, 44 insertions(+), 7 deletions(-)
 create mode 100644 src/lib/authentication.js

diff --git a/src/lib/authentication.js b/src/lib/authentication.js
new file mode 100644
index 0000000..ca4861c
--- /dev/null
+++ b/src/lib/authentication.js
@@ -0,0 +1,3 @@
+export function getUser() {
+  return Promise.resolve(null);
+}
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index 4501b01..b680c75 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -1,11 +1,21 @@
 <template>
-  <section class="section">
-    <div class="container">
-      <div class="notification">
-        Login Here
+  <div id="login" class="container">
+    <nav class="nav has-shadow">
+      <div class="nav-left">
+        <div class="nav-item is-brand">
+          <router-link class="nav-item is-brand" to="/">Customer Management</router-link>
+        </div>
       </div>
-    </div>
-  </section>
+    </nav>
+
+    <section class="section">
+      <div class="container">
+        <div class="notification">
+          Login Here
+        </div>
+      </div>
+    </section>
+  </div>
 </template>
 
 <script>
diff --git a/src/router.js b/src/router.js
index 9c80a5b..bca4c94 100644
--- a/src/router.js
+++ b/src/router.js
@@ -3,19 +3,26 @@ import VueRouter from 'vue-router';
 
 import App from './App.vue';
 
+import Login from './pages/Login.vue';
 import Customers from './pages/Customers.vue';
 import Orders from './pages/Orders.vue';
 import About from './pages/About.vue';
 
+import { getUser } from './lib/authentication';
+
 Vue.use(VueRouter);
 
 const routes = [{
   path: '/login',
-
+  name: 'login',
+  component: Login,
 }, {
   path: '/',
   name: 'app',
   component: App,
+  meta: {
+    requiresAuthentication: true,
+  },
   children: [
     {
       path: 'customers',
@@ -41,4 +48,21 @@ const router = new VueRouter({
   routes,
 });
 
+router.beforeEach((to, from, next) => {
+  // check if any of the matched routes require authentication
+  if (to.matched.some(record => record.meta.requiresAuthentication)) {
+    return getUser().then((user) => {
+      // if user is authenticated, continue
+      if (user) return next();
+
+      // otherwise, redirect to login, preserving the requested route
+      const { name, fullPath } = to;
+      const query = (name !== undefined) ? { redirect: name } : { prev: fullPath };
+      return next({ name: 'login', query });
+    });
+  }
+
+  return next();
+});
+
 export default router;