mirror of
https://github.com/koel/koel
synced 2024-12-30 14:33:06 +00:00
39 lines
1.3 KiB
Vue
39 lines
1.3 KiB
Vue
<template>
|
|
<SidebarSection>
|
|
<template #header>
|
|
<SidebarSectionHeader>Manage</SidebarSectionHeader>
|
|
</template>
|
|
|
|
<ul class="menu">
|
|
<SidebarItem v-if="isAdmin" href="#/settings" screen="Settings">
|
|
<template #icon>
|
|
<Icon :icon="faTools" fixed-width />
|
|
</template>
|
|
Settings
|
|
</SidebarItem>
|
|
<SidebarItem v-if="allowsUpload" href="#/upload" screen="Upload">
|
|
<template #icon>
|
|
<Icon :icon="faUpload" fixed-width />
|
|
</template>
|
|
Upload
|
|
</SidebarItem>
|
|
<SidebarItem v-if="isAdmin" href="#/users" screen="Users">
|
|
<template #icon>
|
|
<Icon :icon="faUsers" fixed-width />
|
|
</template>
|
|
Users
|
|
</SidebarItem>
|
|
</ul>
|
|
</SidebarSection>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { faTools, faUpload, faUsers } from '@fortawesome/free-solid-svg-icons'
|
|
import { useAuthorization, useUpload } from '@/composables'
|
|
|
|
import SidebarSection from '@/components/layout/main-wrapper/sidebar/SidebarSection.vue'
|
|
import SidebarSectionHeader from '@/components/layout/main-wrapper/sidebar/SidebarSectionHeader.vue'
|
|
import SidebarItem from '@/components/layout/main-wrapper/sidebar/SidebarItem.vue'
|
|
|
|
const { isAdmin } = useAuthorization()
|
|
const { allowsUpload } = useUpload()
|
|
</script>
|