Admin navigation permissions
This commit is contained in:
@@ -17,8 +17,11 @@ import NavigationMenuLink from '../ui/navigation-menu/NavigationMenuLink.vue';
|
||||
import NavigationMenuTrigger from '../ui/navigation-menu/NavigationMenuTrigger.vue';
|
||||
import NavigationMenuContent from '../ui/navigation-menu/NavigationMenuContent.vue';
|
||||
import { navigationMenuTriggerStyle } from '../ui/navigation-menu/'
|
||||
import { useAuth } from '@/composables/useAuth';
|
||||
import { CircleArrowOutUpRight } from 'lucide-vue-next';
|
||||
|
||||
const userStore = useUserStore();
|
||||
const auth = useAuth();
|
||||
|
||||
//@ts-ignore
|
||||
const APIHOST = import.meta.env.VITE_APIHOST;
|
||||
@@ -88,50 +91,57 @@ function blurAfter() {
|
||||
</NavigationMenuItem>
|
||||
|
||||
<!-- Administration (Dropdown) -->
|
||||
<NavigationMenuItem>
|
||||
<NavigationMenuItem v-if="auth.hasAnyRole(['17th Administrator', '17th HQ', '17th Command', 'Recruiter'])">
|
||||
<NavigationMenuTrigger>Administration</NavigationMenuTrigger>
|
||||
<NavigationMenuContent
|
||||
class="grid gap-1 p-2 text-left [&_a]:w-full [&_a]:block [&_a]:whitespace-nowrap *:bg-transparent">
|
||||
|
||||
<NavigationMenuLink as-child :class="navigationMenuTriggerStyle()">
|
||||
<NavigationMenuLink
|
||||
v-if="auth.hasAnyRole(['17th Administrator', '17th HQ', '17th Command'])"
|
||||
as-child :class="navigationMenuTriggerStyle()">
|
||||
<RouterLink to="/administration/rankChange" @click="blurAfter">
|
||||
Promotions
|
||||
</RouterLink>
|
||||
</NavigationMenuLink>
|
||||
|
||||
<NavigationMenuLink as-child :class="navigationMenuTriggerStyle()">
|
||||
<NavigationMenuLink
|
||||
v-if="auth.hasAnyRole(['17th Administrator', '17th HQ', '17th Command'])"
|
||||
as-child :class="navigationMenuTriggerStyle()">
|
||||
<RouterLink to="/administration/loa" @click="blurAfter">
|
||||
Leave of Absence
|
||||
</RouterLink>
|
||||
</NavigationMenuLink>
|
||||
|
||||
<NavigationMenuLink as-child :class="navigationMenuTriggerStyle()">
|
||||
<NavigationMenuLink
|
||||
v-if="auth.hasAnyRole(['17th Administrator', '17th HQ', '17th Command'])"
|
||||
as-child :class="navigationMenuTriggerStyle()">
|
||||
<RouterLink to="/administration/transfer" @click="blurAfter">
|
||||
Transfer Requests
|
||||
</RouterLink>
|
||||
</NavigationMenuLink>
|
||||
|
||||
<NavigationMenuLink as-child :class="navigationMenuTriggerStyle()">
|
||||
<NavigationMenuLink v-if="auth.hasRole('Recruiter')" as-child
|
||||
:class="navigationMenuTriggerStyle()">
|
||||
<RouterLink to="/administration/applications" @click="blurAfter">
|
||||
Recruitment
|
||||
</RouterLink>
|
||||
</NavigationMenuLink>
|
||||
|
||||
<NavigationMenuLink as-child :class="navigationMenuTriggerStyle()">
|
||||
<NavigationMenuLink v-if="auth.hasRole('17th Administrator')" as-child
|
||||
:class="navigationMenuTriggerStyle()">
|
||||
<RouterLink to="/administration/roles" @click="blurAfter">
|
||||
Role Management
|
||||
</RouterLink>
|
||||
</NavigationMenuLink>
|
||||
|
||||
<NavigationMenuLink as-child :class="navigationMenuTriggerStyle()">
|
||||
<RouterLink to="/members" @click="blurAfter">
|
||||
Members (debug)
|
||||
</RouterLink>
|
||||
</NavigationMenuLink>
|
||||
|
||||
</NavigationMenuContent>
|
||||
</NavigationMenuItem>
|
||||
|
||||
<NavigationMenuItem as-child :class="navigationMenuTriggerStyle()">
|
||||
<RouterLink to="/members" @click="blurAfter">
|
||||
Members (debug)
|
||||
</RouterLink>
|
||||
</NavigationMenuItem>
|
||||
|
||||
</NavigationMenuList>
|
||||
</NavigationMenu>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user