From: Adam Dullage <redacted>
Date: Thu, 9 May 2024 20:03:11 +0000 (+0100)
Subject: Hide relevant nav bar options based on authType
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=75d8898f93327784e53d65c3be6ea599b54ee024;p=flatnotes.git

Hide relevant nav bar options based on authType
---

diff --git a/client/partials/NavBar.vue b/client/partials/NavBar.vue
index ddc91d8..1769651 100644
--- a/client/partials/NavBar.vue
+++ b/client/partials/NavBar.vue
@@ -5,7 +5,7 @@
     </RouterLink>
     <div class="flex grow items-start justify-end">
       <!-- New Note -->
-      <RouterLink :to="{ name: 'new' }">
+      <RouterLink v-if="showNewButton" :to="{ name: 'new' }">
         <CustomButton :iconPath="mdilPlusCircle" label="New Note" />
       </RouterLink>
       <!-- Menu -->
@@ -24,15 +24,18 @@ import {
   mdilNoteMultiple,
   mdilPlusCircle,
 } from "@mdi/light-js";
-import { ref } from "vue";
+import { computed, ref } from "vue";
 import { RouterLink, useRouter } from "vue-router";
 
 import CustomButton from "../components/CustomButton.vue";
 import Logo from "../components/Logo.vue";
 import PrimeMenu from "../components/PrimeMenu.vue";
+import { authTypes } from "../constants.js";
+import { useGlobalStore } from "../globalStore.js";
 import { toggleTheme } from "../helpers.js";
 import { clearStoredToken } from "../tokenStorage.js";
 
+const globalStore = useGlobalStore();
 const menu = ref();
 const router = useRouter();
 
@@ -60,14 +63,20 @@ const menuItems = [
   },
   {
     separator: true,
+    visible: showLogOutButton,
   },
   {
     label: "Log Out",
     icon: mdilLogout,
     command: logOut,
+    visible: showLogOutButton,
   },
 ];
 
+const showNewButton = computed(() => {
+  return globalStore.authType !== authTypes.readOnly;
+});
+
 function logOut() {
   clearStoredToken();
   router.push({ name: "login" });
@@ -76,4 +85,8 @@ function logOut() {
 function toggleMenu(event) {
   menu.value.toggle(event);
 }
+
+function showLogOutButton() {
+  return ![authTypes.none, authTypes.readOnly].includes(globalStore.authType);
+}
 </script>