Enable to redirect when accessing pages that is not allowed to access according to the user role

frontend/middleware/check-admin.js

@@ -0,0 +1,6 @@
+export default function ({ store, route, redirect }) {
+  const role = store.getters['projects/getCurrentUserRole']
+  if (!role.is_project_admin) {
+    redirect('/projects/' + route.params.id)
+  }
+}

frontend/pages/projects/_id/dataset/index.vue

@@ -16,7 +16,7 @@ import DocumentDeletionButton from '@/components/containers/documents/DocumentDe
 export default {
   layout: 'project',
 
-  middleware: ['check-auth', 'auth'],
+  middleware: ['check-auth', 'auth', 'check-admin'],
 
   components: {
     DocumentList,

frontend/pages/projects/_id/guideline/index.vue

@@ -17,7 +17,7 @@ import { mapState, mapActions } from 'vuex'
 export default {
   layout: 'project',
 
-  middleware: ['check-auth', 'auth'],
+  middleware: ['check-auth', 'auth', 'check-admin'],
 
   components: {
     Editor

frontend/pages/projects/_id/labels/index.vue

@@ -16,7 +16,7 @@ import LabelDeletionButton from '@/components/containers/labels/LabelDeletionBut
 export default {
   layout: 'project',
 
-  middleware: ['check-auth', 'auth'],
+  middleware: ['check-auth', 'auth', 'check-admin'],
 
   components: {
     LabelList,

frontend/pages/projects/_id/members/index.vue

@@ -16,7 +16,7 @@ import MemberDeletionButton from '@/components/containers/members/MemberDeletion
 export default {
   layout: 'project',
 
-  middleware: ['check-auth', 'auth'],
+  middleware: ['check-auth', 'auth', 'check-admin'],
 
   components: {
     MemberList,

frontend/pages/projects/_id/statistics/index.vue

@@ -41,7 +41,7 @@ import BarChart from '@/components/molecules/BarChart'
 export default {
   layout: 'project',
 
-  middleware: ['check-auth', 'auth'],
+  middleware: ['check-auth', 'auth', 'check-admin'],
 
   components: {
     DoughnutChart,