From 80a52bdcece358b11884d545c9235907a4dd83fe Mon Sep 17 00:00:00 2001
From: Troplo <troplo@troplo.com>
Date: Thu, 21 Jan 2021 20:56:30 +1100
Subject: [PATCH] Display message on admin routes if non-admin tries to view

---
 src/locales/en.json |  3 ++-
 src/views/Admin.vue | 44 ++++++++++++++++++++++++++++----------------
 2 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index a333859..4914805 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -170,7 +170,8 @@
     "loading": "Loading",
     "noItemsConnection": "Please check your internet connection, or try again later.",
     "noItemsStart": "There are no",
-    "noItemsEnd": "to display."
+    "noItemsEnd": "to display.",
+    "adminOnly": "Only users with admin are allowed to navigate to this route."
   },
   "relationships": {
     "pending": "Cancel Friend Request",
diff --git a/src/views/Admin.vue b/src/views/Admin.vue
index 12e9706..57db4c8 100644
--- a/src/views/Admin.vue
+++ b/src/views/Admin.vue
@@ -1,20 +1,32 @@
 <template>
-  <div class="columns is-centered">
-    <div class="column is-2">
-      <b-menu class="box">
-        <b-menu-list :label="$t('admin.title')">
-          <b-menu-item @click="$router.push('/admin/dashboard')" :label="$t('admin.dashboard')"></b-menu-item>
-          <b-menu-item @click="$router.push('/admin/item')" :label="$t('admin.uploadItem')"></b-menu-item>
-        </b-menu-list>
-        <b-menu-list :label="$t('admin.executive.title')">
-          <b-menu-item :label="$t('admin.executive.soon')"></b-menu-item>
-        </b-menu-list>
-      </b-menu>
-    </div>
-    <div class="column is-9">
-      <div class="box">
-        <router-view></router-view>
+  <main class="section">
+    <div class="columns is-centered" v-if="$store.state.user.admin">
+      <div class="column is-2">
+        <b-menu class="box">
+          <b-menu-list :label="$t('admin.title')">
+            <b-menu-item @click="$router.push('/admin/dashboard')" :label="$t('admin.dashboard')"></b-menu-item>
+            <b-menu-item @click="$router.push('/admin/item')" :label="$t('admin.uploadItem')"></b-menu-item>
+          </b-menu-list>
+          <b-menu-list :label="$t('admin.executive.title')">
+            <b-menu-item :label="$t('admin.executive.soon')"></b-menu-item>
+          </b-menu-list>
+        </b-menu>
+      </div>
+      <div class="column is-9">
+        <div class="box">
+          <router-view></router-view>
+        </div>
       </div>
     </div>
-  </div>
+    <div class="column" v-if="!$store.state.user.admin">
+      <div class="box">
+        <div class="is-vcentered has-text-centered columns">
+          <div class="column is-vcentered">
+            <i class="far fa-times-square large-icon"></i>
+            <h1 class="subtitle">{{$t('generic.adminOnly')}}</h1>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
 </template>
\ No newline at end of file