eliott/seanime
1
0
Fork 0
mirror of https://github.com/5rahim/seanime synced 2026-04-18 22:24:55 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(playlists): select all eps option

Browse Source
This commit is contained in:
5rahim
2026-04-07 12:03:15 +02:00
parent 7037ec693f
commit 10366a71a4
1 changed files with 41 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
seanime-web/src/app/(main)/_features/playlists/_components/playlist-editor.tsx
View File

@@ -40,6 +40,8 @@ type PlaylistEditorProps = {
libraryCollection?: Anime_LibraryCollection
}
const MAX_PLAYLIST_EPISODES = 20
export function PlaylistEditor(props: PlaylistEditorProps) {
const {
@@ -452,7 +454,7 @@ function EntryEpisodeList(props: EntryEpisodeListProps) {
if (prev.find(n => playlist_isSameEpisode(n, ep))) {
return prev.filter(n => !playlist_isSameEpisode(n, ep))
}
if (prev.length >= 20) {
if (prev.length >= MAX_PLAYLIST_EPISODES) {
toast.error("You can't add more than 20 episodes to a playlist")
return prev
}
@@ -461,11 +463,48 @@ function EntryEpisodeList(props: EntryEpisodeListProps) {
})
}
const episodes = data?.filter(n => !!n.episode)?.sort((a, b) => a.episode!.progressNumber - b.episode!.progressNumber) ?? []
const allSelectedFn = (episodes: Anime_PlaylistEpisode[],
selectedEpisodes: Anime_PlaylistEpisode[],
) => episodes?.every(ep => selectedEpisodes.findIndex(n => playlist_isSameEpisode(n, ep)) !== -1)
const allSelected = episodes?.every(ep => selectedEpisodes.findIndex(n => playlist_isSameEpisode(n, ep)) !== -1)
return (
<div className="flex flex-col gap-2 overflow-auto p-1">
<div>
<Button
intent="gray-link"
className="px-0"
onClick={() => {
React.startTransition(() => {
setSelectedEpisodes(prev => {
if (allSelectedFn(episodes, prev)) {
return prev.filter(n => n.episode?.baseAnime?.id !== entry.mediaId)
}
const episodesToAdd = episodes.filter(ep => !prev.find(n => playlist_isSameEpisode(n, ep)))
const availableSlots = Math.max(0, MAX_PLAYLIST_EPISODES - prev.length)
if (availableSlots === 0) {
toast.error("You can't add more than 20 episodes to a playlist")
return prev
}
if (episodesToAdd.length > availableSlots) {
toast.error("You can't add more than 20 episodes to a playlist")
}
return [...prev, ...episodesToAdd.slice(0, availableSlots)]
})
})
}}
>
{allSelected ? "Deselect all" : "Select all"}
</Button>
</div>
{isLoading && <LoadingSpinner />}
{data?.length === 0 && <p className="text-center text-sm text-[--muted]">No episodes found</p>}
{data?.filter(n => !!n.episode)?.sort((a, b) => a.episode!.progressNumber - b.episode!.progressNumber)?.map(ep => {
{episodes?.map(ep => {
return (
<div
key={playlist_getEpisodeKey(ep)}