From 4cd9d45d9e2ad3d485f09950a538789fecff48e8 Mon Sep 17 00:00:00 2001
From: Bertrand Benjamin <benjamin.bertrand@opytex.org>
Date: Fri, 30 Nov 2018 08:42:04 +0100
Subject: [PATCH] Feat(Router): create all pages

---
 src/App.vue               | 12 ------------
 src/components/navbar.vue | 18 ++++++++++++++----
 src/router.js             | 12 ++++++++++--
 src/views/analysis.vue    |  5 +++++
 4 files changed, 29 insertions(+), 18 deletions(-)
 create mode 100644 src/views/analysis.vue

diff --git a/src/App.vue b/src/App.vue
index ae69429..c11d6a8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,16 +19,4 @@ export default {
 #app {
   text-align: center;
 }
-#nav {
-  padding: 30px;
-}
-
-#nav a {
-  font-weight: bold;
-  color: #2c3e50;
-}
-
-#nav a.router-link-exact-active {
-  color: #42b983;
-}
 </style>
diff --git a/src/components/navbar.vue b/src/components/navbar.vue
index 1003615..3a8f95b 100644
--- a/src/components/navbar.vue
+++ b/src/components/navbar.vue
@@ -1,15 +1,14 @@
 <template>
   <b-navbar toggleable="md" variant="light">
-
     <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
 
-    <b-navbar-brand href="#">
-      <font-awesome-icon icon="file-invoice-dollar" />
+    <b-navbar-brand :to="{ name: 'home'}">
+      <font-awesome-icon icon="file-invoice-dollar" /> Comptes
     </b-navbar-brand>
 
     <b-collapse is-nav id="nav_collapse">
       <b-navbar-nav>
-        <b-nav-item :to="{ name: 'home' }">Comptes</b-nav-item>
+        <b-nav-item :to="{ name: 'analysis' }">Analyse</b-nav-item>
         <b-nav-item :to="{ name: 'import' }">Import</b-nav-item>
         <b-nav-item :to="{ name: 'postes' }">Postes</b-nav-item>
       </b-navbar-nav>
@@ -27,4 +26,15 @@ export default {
 </script>
 
 <style scoped>
+.navbar {
+}
+
+.navbar a {
+  color: #dc3545;
+}
+
+.navbar a.router-link-exact-active {
+  font-weight: bold;
+  color: #42b983;
+}
 </style>
diff --git a/src/router.js b/src/router.js
index c01cd96..3ac6dbe 100644
--- a/src/router.js
+++ b/src/router.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import Home from './views/Home.vue'
+import home from './views/Home.vue'
 
 Vue.use(Router)
 
@@ -9,7 +9,15 @@ export default new Router({
     {
       path: '/',
       name: 'home',
-      component: Home
+      component: home
+    },
+    {
+      path: '/analysis',
+      name: 'analysis',
+      // route level code-splitting
+      // this generates a separate chunk (import.[hash].js) for this route
+      // which is lazy-loaded when the route is visited.
+      component: () => import(/* webpackChunkName: "import" */ './views/analysis.vue')
     },
     {
       path: '/import',
diff --git a/src/views/analysis.vue b/src/views/analysis.vue
new file mode 100644
index 0000000..219b88b
--- /dev/null
+++ b/src/views/analysis.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="import">
+    <h1>Analyse</h1>
+  </div>
+</template>