Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-24 05:03:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: orphan collaborative playlists

Browse source
This commit is contained in:
Phan An 2024-03-12 13:14:43 +07:00
parent 4d230f3baa
commit e054e6ea8f
2 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
resources/assets/js/components/layout/main-wrapper/sidebar/PlaylistSidebarList.vue
View file

@ -3,8 +3,8 @@
<h1>
<span class="heading">Playlists</span>
<button
type="button"
ref="createBtnEl"
type="button"
title="Create a new playlist or folder"
@click.stop.prevent="requestContextMenu"
>
@ -35,7 +35,13 @@ const folders = toRef(playlistFolderStore.state, 'folders')
const playlists = toRef(playlistStore.state, 'playlists')
const favorites = toRef(favoriteStore.state, 'songs')
const orphanPlaylists = computed(() => playlists.value.filter(({ folder_id }) => folder_id === null))
const orphanPlaylists = computed(() => playlists.value.filter(({ folder_id }) => {
if (folder_id === null) return true
// if the playlist's folder is not found, it's an orphan
// this can happen if the playlist belongs to another user (collaborative playlist)
return !folders.value.find(folder => folder.id === folder_id)
}))
const requestContextMenu = () => {
const clientRect = createBtnEl.value!.getBoundingClientRect()

16
resources/assets/js/components/layout/main-wrapper/sidebar/Sidebar.vue
View file

@ -1,39 +1,39 @@
<template>
<nav id="sidebar" v-koel-clickaway="closeIfMobile" :class="{ showing: mobileShowing }" class="side side-nav">
<section class="search-wrapper">
<SearchForm/>
<SearchForm />
</section>
<section class="menu-wrapper" v-koel-overflow-fade>
<section v-koel-overflow-fade class="menu-wrapper">
<section class="music">
<h1>Your Music</h1>
<ul class="menu">
<SidebarItem screen="Home" href="#/home" :icon="faHome">Home</SidebarItem>
<QueueSidebarItem/>
<QueueSidebarItem />
<SidebarItem screen="Songs" href="#/songs" :icon="faMusic">All Songs</SidebarItem>
<SidebarItem screen="Albums" href="#/albums" :icon="faCompactDisc">Albums</SidebarItem>
<SidebarItem screen="Artists" href="#/artists" :icon="faMicrophone">Artists</SidebarItem>
<SidebarItem screen="Genres" href="#/genres" :icon="faTags">Genres</SidebarItem>
<YouTubeSidebarItem v-show="showYouTube"/>
<YouTubeSidebarItem v-show="showYouTube" />
</ul>
</section>
<PlaylistList/>
<PlaylistList />
<section v-if="showManageSection" class="manage">
<h1>Manage</h1>
<ul class="menu">
<SidebarItem screen="Settings" href="#/settings" :icon="faTools" v-if="isAdmin">Settings</SidebarItem>
<SidebarItem v-if="isAdmin" screen="Settings" href="#/settings" :icon="faTools">Settings</SidebarItem>
<SidebarItem screen="Upload" href="#/upload" :icon="faUpload">Upload</SidebarItem>
<SidebarItem screen="Users" href="#/users" :icon="faUsers" v-if="isAdmin">Users</SidebarItem>
<SidebarItem v-if="isAdmin" screen="Users" href="#/users" :icon="faUsers">Users</SidebarItem>
</ul>
</section>
</section>
<section v-if="!isPlus && isAdmin" class="plus-wrapper">
<BtnUpgradeToPlus/>
<BtnUpgradeToPlus />
</section>
</nav>
</template>