implement basic import page

server.js

@@ -64,8 +64,8 @@ if (config.app.defaultAccount.autoCreate) {
   createDefault()
 }
 
-const api = require('./api/index')
-app.use('/', api)
+const api = require('./api')
+app.use('/api', api)
 
 app.listen(config.app.port, function () {
   console.log(`Beer backend running on port ${config.app.port}!`)

src/components/HelloWorld.vue

@@ -9,6 +9,11 @@
         Aanbiedingen
       </a>
     </li>
+    <ul>
+      <li>
+        <a href="#/import">Import</a>
+      </li>
+    </ul>
     <h2>Essential Links</h2>
     <ul>
       <li>

src/components/Import.vue

@@ -0,0 +1,40 @@
+<template>
+  <div>
+    <a class="button is-warning" @click="Import()">Import</a>
+    <ul v-if="status">
+      {{status.data}}
+    </ul>
+    <ul v-if="errors && errors.length">
+      <li v-for="error of errors">
+        {{error.message}}
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import Api from '@/services/Api'
+
+export default {
+  data() {
+    return {
+      errors: [],
+      status
+    }
+  },
+
+  // Pushes posts to the server when called.
+  methods: {
+    Import() {
+      Api().post(`api/v1/import`, {
+      })
+      .then(response => {
+        this.status = response
+      })
+      .catch(e => {
+        this.errors.push(e)
+      })
+    }
+  }
+}
+</script>

src/router/index.js

@@ -3,6 +3,7 @@ import Router from 'vue-router'
 import Hello from '@/components/HelloWorld'
 import Aanbiedingen from '@/components/Aanbiedingen'
 import Login from '@/components/Login'
+import Import from '@/components/Import'
 
 Vue.use(Router)
 
@@ -22,6 +23,11 @@ export default new Router({
       path: '/login',
       name: 'login',
       component: Login
+    },
+    {
+      path: '/import',
+      name: 'import',
+      component: Import
     }
   ]
 })