Add bulk poster filling endpoint and enhance show deletion options
ci / build-backend (push) Successful in 2m2s
ci / build-frontend (push) Successful in 57s
ci / tests (push) Failing after 2m27s
ci / sonar (push) Skipped

Introduced a new endpoint for bulk filling collection posters, allowing for automatic assignment of posters to collections without existing images. Updated the DeleteShowCommand to include an option for cutting shows from future airings, enhancing the deletion process. Refactored related components and API calls to support these features, ensuring a seamless user experience. Additionally, updated localization strings to reflect the new functionalities and adjusted tests to verify correct behavior.
This commit is contained in:
Leonid Pershin
2026-07-28 12:07:00 +03:00
parent 9db54a4625
commit 4a500583e7
22 changed files with 581 additions and 33 deletions
@@ -1,5 +1,6 @@
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
import { Link } from '@tanstack/react-router'
import { Image as ImageIcon } from 'lucide-react'
import { useState } from 'react'
import { useTranslation } from 'react-i18next'
import { imageUrl } from '@/features/admin/images/api'
@@ -7,9 +8,10 @@ import { qk } from '@/shared/api/query-keys'
import { useApiError } from '@/shared/lib/use-api-error'
import { Button } from '@/shared/ui/button'
import { Input } from '@/shared/ui/input'
import { toast } from '@/shared/ui/toast-store'
import { sortRows, useTableSort } from '@/shared/lib/table-sort'
import { SortHeader } from '@/shared/ui/sortable'
import { createCollection, deleteCollection, listCollections } from './api'
import { createCollection, deleteCollection, fillCollectionPosters, listCollections } from './api'
import { CollectionSuggestions } from './CollectionSuggestions'
export function CollectionsPanel() {
@@ -39,6 +41,14 @@ export function CollectionsPanel() {
onSuccess: invalidate,
onError,
})
const postersMutation = useMutation({
mutationFn: () => fillCollectionPosters(),
onSuccess: (filled) => {
toast.success(t('admin.collections.postersDone', { count: filled }))
invalidate()
},
onError,
})
const rows = sortRows(data ?? [], sort, {
name: (c) => c.name.toLowerCase(),
@@ -67,6 +77,19 @@ export function CollectionsPanel() {
>
{t('common.create')}
</Button>
{/* Постер коллекции — обложка её первой части: своей картинки у франшизы нет, а без
обложки она теряется в списке одинаковых строк. */}
<Button
size="sm"
variant="outline"
disabled={postersMutation.isPending}
onClick={() => postersMutation.mutate()}
title={t('admin.collections.postersHint')}
>
<ImageIcon className="h-4 w-4" />
{t('admin.collections.posters')}
</Button>
</div>
<CollectionSuggestions />
@@ -39,6 +39,17 @@ export function addShowsToCollection(body: {
}
/** Какие франшизы имеет смысл собрать из уже загруженных полнометражек. */
/**
* Проставляет постеры по частям коллекций. Без списка — всем, у кого постера ещё нет: после
* массового импорта фильмов франшиз сразу десятки. Возвращает, скольким постер нашёлся.
*/
export function fillCollectionPosters(collectionIds?: string[]) {
return apiRequest<number>('/admin/collections/bulk/posters', {
method: 'POST',
body: { collectionIds: collectionIds ?? null },
})
}
export function suggestCollections() {
return apiRequest<CollectionSuggestionDto[]>('/admin/collections/suggestions')
}
@@ -26,11 +26,12 @@ export function DeleteShowDialog({
}: Readonly<{
show: ShowSummaryDto
pending: boolean
onConfirm: (withMedia: boolean) => void
onConfirm: (options: { withMedia: boolean; withSchedule: boolean }) => void
onClose: () => void
}>) {
const { t } = useTranslation()
const [withMedia, setWithMedia] = useState(false)
const [withSchedule, setWithSchedule] = useState(false)
const hasMedia = show.episodeCount > 0
return (
@@ -41,6 +42,24 @@ export function DeleteShowDialog({
<DialogDescription>{t('admin.shows.deleteHint', { name: show.name })}</DialogDescription>
</DialogHeader>
{/* Занятость эфиром — самая частая причина отказа, и лечится она не всегда пересборкой:
идущую запись она не трогает, а выключенный канал вещать и не начнёт. Поэтому здесь
не только объяснение, но и способ довести удаление до конца. */}
<label className="flex items-start gap-2 text-sm">
<input
type="checkbox"
className="mt-1"
checked={withSchedule}
onChange={(e) => setWithSchedule(e.target.checked)}
/>
<span>
{t('admin.shows.deleteWithSchedule')}
<span className="block text-xs text-muted-foreground">
{t('admin.shows.deleteWithScheduleHint')}
</span>
</span>
</label>
{hasMedia && (
<label className="flex items-start gap-2 text-sm">
<input
@@ -66,7 +85,7 @@ export function DeleteShowDialog({
size="sm"
variant="destructive"
disabled={pending}
onClick={() => onConfirm(withMedia)}
onClick={() => onConfirm({ withMedia, withSchedule })}
>
{t('common.delete')}
</Button>
@@ -115,8 +115,15 @@ export function ShowsPanel() {
// Шоу к удалению: сначала спрашиваем про файлы, и только потом удаляем.
const [toDelete, setToDelete] = useState<ShowSummaryDto | null>(null)
const deleteMutation = useMutation({
mutationFn: ({ id, withMedia }: { id: string; withMedia: boolean }) =>
deleteShow(id, withMedia),
mutationFn: ({
id,
withMedia,
withSchedule,
}: {
id: string
withMedia: boolean
withSchedule: boolean
}) => deleteShow(id, withMedia, withSchedule),
onSuccess: () => {
setToDelete(null)
invalidate()
@@ -337,7 +344,7 @@ export function ShowsPanel() {
<DeleteShowDialog
show={toDelete}
pending={deleteMutation.isPending}
onConfirm={(withMedia) => deleteMutation.mutate({ id: toDelete.id, withMedia })}
onConfirm={(options) => deleteMutation.mutate({ id: toDelete.id, ...options })}
onClose={() => setToDelete(null)}
/>
)}
+11 -4
View File
@@ -79,10 +79,17 @@ export function getShowUsage(id: string) {
return apiRequest<ShowUsageDto>(`/admin/shows/${id}/usage`)
}
/** `withMedia` — снести заодно файлы шоу: иначе они переживут его осиротевшими. */
export function deleteShow(id: string, withMedia = false) {
const query = withMedia ? '?withMedia=true' : ''
return apiRequest<void>(`/admin/shows/${id}${query}`, { method: 'DELETE' })
/**
* `withMedia` — снести заодно файлы шоу: иначе они переживут его осиротевшими.
* `withSchedule` — вырезать шоу из будущего эфира вместо отказа.
*/
export function deleteShow(id: string, withMedia = false, withSchedule = false) {
const query = new URLSearchParams()
if (withMedia) query.set('withMedia', 'true')
if (withSchedule) query.set('withSchedule', 'true')
const suffix = query.size > 0 ? `?${query.toString()}` : ''
return apiRequest<void>(`/admin/shows/${id}${suffix}`, { method: 'DELETE' })
}
export function addEpisode(showId: string, mediaAssetId: string) {