socrates/enzos-events
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

working on flashmessages

Browse Source
This commit is contained in:
Sockenklaus
2023-07-05 04:26:07 +02:00
parent 91f7dd9204
commit ffd5d2969a
7 changed files with 69 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
resources/js/components/MainNav.vue
View File

@@ -1,5 +1,10 @@
<template>
<n-menu v-model:value="activeKey" mode="horizontal" :options="menuOptions" />
<n-menu
v-model:value="activeKey"
mode="horizontal"
:options="menuOptions"
class="-mx-4"
/>
</template>
<script setup>
@@ -12,47 +17,51 @@
LogOutFilled as Logout
} from '@vicons/material'
const { request } = usePage().props
const { request, isAdmin } = usePage().props
const activeKey = ref(request.url)
const menuOptions = ref([
{
label: () =>
h(
Link, {
href: "/events",
methode: "get"
},
"Veranstaltungen"
),
key: '/events',
icon: renderIcon(Events)
},
{
label: () =>
h(
Link, {
href: "/users",
method: "get"
},
"Benutzer"
),
key: '/users',
icon: renderIcon(Users)
},
{
label: () =>
h(
Link, {
href: "/login",
method: "get"
},
"Abmelden"
),
key: '/logout',
icon: renderIcon(Logout)
}
])
const menuOptions = ref([])
menuOptions.value.push({
label: () =>
h(
Link, {
href: "/events",
methode: "get"
},
() => "Veranstaltungen"
),
key: '/events',
icon: renderIcon(Events)
})
if(isAdmin) menuOptions.value.push({
label: () =>
h(
Link, {
href: "/users",
method: "get"
},
() => "Benutzer"
),
key: '/users',
icon: renderIcon(Users)
})
menuOptions.value.push({
label: () =>
h(
Link, {
href: "/logout",
method: "post",
as: "button"
},
() => "Abmelden"
),
key: '/logout',
icon: renderIcon(Logout)
})
function renderIcon(icon) {
return () => h(NIcon, null, { default: () => h(icon) })