Added accounts passthrough views so more account functionality should work

Author: Jon

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ocs-example-frontend",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

package.json

@@ -5,6 +5,8 @@ import RequestgroupsList from "../views/RequestgroupsList.vue";
 import Login from "../views/Login.vue";
 import Register from '../views/Register.vue';
 import Profile from "../views/Profile.vue";
+import AccountsGet from '../views/AccountsGet.vue';
+import AccountsForm from '../views/AccountsForm.vue';
 import RequestgroupDetail from "../views/RequestgroupDetail.vue";
 import Observations from "../views/Observations.vue";
 import ObservationDetail from "../views/ObservationDetail.vue";
@@ -90,6 +92,45 @@ const routes = [
     component: Register,
     meta: {
       title: 'Register for an account'
+    },
+    // if user is authenticated, redirect to homepage
+    beforeEnter (to, from, next) {
+      if (store.state.userIsAuthenticated) {
+        next('/');
+      }
+      else {
+        next();
+      }
+    }
+  },
+  {
+    path: '/accounts/password/reset/confirm/:id/set-password',
+    name: 'passwordResetConfirmSetPassword',
+    component: AccountsForm
+  },
+  {
+    path: '/accounts/password/reset/confirm/:id/:anotherId',
+    name: 'passwordResetConfirm',
+    component: AccountsGet,
+    props: {
+      successRedirectViewName: 'passwordResetConfirmSetPassword'
+    }
+  },
+  {
+    path: '/accounts/password/reset',
+    name: 'passwordReset',
+    component: AccountsForm
+  },
+  {
+    path: '/accounts/password/change',
+    name: 'passwordChange',
+    component: AccountsForm
+  },
+  {
+    path: '/accounts/*',
+    component: AccountsGet,
+    meta: {
+      title: 'Accounts'
     }
   },
   {

src/router/index.js

@@ -0,0 +1,30 @@
+<template>
+    <b-row>
+      <b-col>
+        <passthrough-form :endpoint="endpoint" :success-redirect-view-name="successRedirectViewName" />
+        <br />
+      </b-col>
+    </b-row>
+  </template>
+  <script>
+  import PassthroughForm from '@/components/PassthroughForm.vue';
+  
+  export default {
+    name: 'AccountsPassthroughFormPage',
+    components: {
+      PassthroughForm
+    },
+    props: {
+      successRedirectViewName: {
+        type: String,
+        default: ''
+      }
+    },
+    data: function() {
+      return {
+        endpoint: this.$route.path
+      };
+    }
+  };
+  </script>
+