maher
254
resources/client/admin/channels/channel-content-config.tsx
Executable file
254
resources/client/admin/channels/channel-content-config.tsx
Executable file
@@ -0,0 +1,254 @@
|
||||
import {message} from '@common/i18n/message';
|
||||
import {
|
||||
MOVIE_MODEL,
|
||||
SERIES_MODEL,
|
||||
Title,
|
||||
TITLE_MODEL,
|
||||
} from '@app/titles/models/title';
|
||||
import {NEWS_ARTICLE_MODEL, NewsArticle} from '@app/titles/models/news-article';
|
||||
import {Channel, CHANNEL_MODEL} from '@common/channels/channel';
|
||||
import {ChannelContentConfig} from '@common/admin/channels/channel-editor/channel-content-config';
|
||||
import {Person, PERSON_MODEL} from '@app/titles/models/person';
|
||||
import {GridViewIcon} from '@common/icons/material/GridView';
|
||||
import {ViewWeekIcon} from '@common/icons/material/ViewWeek';
|
||||
import {ViewListIcon} from '@common/icons/material/ViewList';
|
||||
|
||||
export enum Sort {
|
||||
popular = 'popularity:desc',
|
||||
recent = 'created_at:desc',
|
||||
rating = 'rating:desc',
|
||||
curated = 'channelables.order:asc',
|
||||
name = 'name:asc',
|
||||
birthdayDesc = 'birth_date:desc',
|
||||
birthdayAsc = 'birth_date:asc',
|
||||
budget = 'budget:desc',
|
||||
revenue = 'revenue:desc',
|
||||
}
|
||||
export enum Layout {
|
||||
grid = 'grid',
|
||||
landscapeGrid = 'landscapeGrid',
|
||||
list = 'list',
|
||||
news = 'news',
|
||||
carousel = 'carousel',
|
||||
landscapeCarousel = 'landscapeCarousel',
|
||||
slider = 'slider',
|
||||
}
|
||||
enum Auto {
|
||||
latestVideos = 'latestVideos',
|
||||
mostPopular = 'mostPopular',
|
||||
topRated = 'topRated',
|
||||
upcoming = 'upcoming',
|
||||
nowPlaying = 'nowPlaying',
|
||||
airingToday = 'airingToday',
|
||||
airingThisWeek = 'airingThisWeek',
|
||||
trendingPeople = 'trendingPeople',
|
||||
discover = 'discover',
|
||||
}
|
||||
|
||||
const contentModels: ChannelContentConfig['models'] = {
|
||||
[MOVIE_MODEL]: {
|
||||
label: message('Movies'),
|
||||
sortMethods: [
|
||||
Sort.popular,
|
||||
Sort.recent,
|
||||
Sort.rating,
|
||||
Sort.budget,
|
||||
Sort.revenue,
|
||||
],
|
||||
layoutMethods: [
|
||||
Layout.grid,
|
||||
Layout.landscapeGrid,
|
||||
Layout.list,
|
||||
Layout.carousel,
|
||||
Layout.landscapeCarousel,
|
||||
Layout.slider,
|
||||
],
|
||||
autoUpdateMethods: [
|
||||
Auto.latestVideos,
|
||||
Auto.mostPopular,
|
||||
Auto.topRated,
|
||||
Auto.upcoming,
|
||||
Auto.nowPlaying,
|
||||
Auto.discover,
|
||||
],
|
||||
},
|
||||
[SERIES_MODEL]: {
|
||||
label: message('TV series'),
|
||||
sortMethods: [
|
||||
Sort.popular,
|
||||
Sort.recent,
|
||||
Sort.rating,
|
||||
Sort.budget,
|
||||
Sort.revenue,
|
||||
],
|
||||
layoutMethods: [
|
||||
Layout.grid,
|
||||
Layout.landscapeGrid,
|
||||
Layout.list,
|
||||
Layout.carousel,
|
||||
Layout.landscapeCarousel,
|
||||
Layout.slider,
|
||||
],
|
||||
autoUpdateMethods: [
|
||||
Auto.latestVideos,
|
||||
Auto.mostPopular,
|
||||
Auto.topRated,
|
||||
Auto.airingThisWeek,
|
||||
Auto.airingToday,
|
||||
Auto.discover,
|
||||
],
|
||||
},
|
||||
[TITLE_MODEL]: {
|
||||
label: message('Titles (movies and series)'),
|
||||
sortMethods: [
|
||||
Sort.popular,
|
||||
Sort.recent,
|
||||
Sort.rating,
|
||||
Sort.budget,
|
||||
Sort.revenue,
|
||||
],
|
||||
layoutMethods: [
|
||||
Layout.grid,
|
||||
Layout.landscapeGrid,
|
||||
Layout.list,
|
||||
Layout.carousel,
|
||||
Layout.landscapeCarousel,
|
||||
Layout.slider,
|
||||
],
|
||||
autoUpdateMethods: [Auto.latestVideos],
|
||||
},
|
||||
[NEWS_ARTICLE_MODEL]: {
|
||||
label: message('News articles'),
|
||||
sortMethods: [Sort.recent],
|
||||
layoutMethods: [Layout.news, Layout.landscapeCarousel, Layout.list],
|
||||
},
|
||||
[PERSON_MODEL]: {
|
||||
label: message('People'),
|
||||
sortMethods: [
|
||||
Sort.popular,
|
||||
Sort.recent,
|
||||
Sort.name,
|
||||
Sort.birthdayDesc,
|
||||
Sort.birthdayAsc,
|
||||
],
|
||||
layoutMethods: [Layout.grid, Layout.list, Layout.carousel],
|
||||
autoUpdateMethods: [Auto.trendingPeople],
|
||||
},
|
||||
[CHANNEL_MODEL]: {
|
||||
label: message('Channels'),
|
||||
sortMethods: [],
|
||||
layoutMethods: [Layout.list],
|
||||
},
|
||||
};
|
||||
|
||||
const contentSortingMethods: Record<
|
||||
Sort,
|
||||
ChannelContentConfig['sortingMethods']['any']
|
||||
> = {
|
||||
[Sort.popular]: {
|
||||
label: message('Most popular first'),
|
||||
},
|
||||
[Sort.recent]: {
|
||||
label: message('Recently added first'),
|
||||
},
|
||||
[Sort.rating]: {
|
||||
label: message('Highest rated first'),
|
||||
},
|
||||
[Sort.curated]: {
|
||||
label: message('Curated (reorder below)'),
|
||||
contentTypes: ['manual'],
|
||||
},
|
||||
[Sort.name]: {
|
||||
label: message('Name (A-Z)'),
|
||||
contentTypes: ['manual'],
|
||||
},
|
||||
[Sort.birthdayDesc]: {
|
||||
label: message('Youngest first'),
|
||||
},
|
||||
[Sort.birthdayAsc]: {
|
||||
label: message('Oldest first'),
|
||||
},
|
||||
[Sort.budget]: {
|
||||
label: message('Biggest budget first'),
|
||||
},
|
||||
[Sort.revenue]: {
|
||||
label: message('Biggest revenue first'),
|
||||
},
|
||||
};
|
||||
|
||||
const contentLayoutMethods: Record<
|
||||
Layout,
|
||||
ChannelContentConfig['layoutMethods']['any']
|
||||
> = {
|
||||
[Layout.grid]: {
|
||||
label: message('Grid'),
|
||||
icon: <GridViewIcon />,
|
||||
},
|
||||
[Layout.landscapeGrid]: {
|
||||
label: message('Landscape'),
|
||||
icon: <ViewWeekIcon />,
|
||||
},
|
||||
[Layout.list]: {
|
||||
label: message('List'),
|
||||
icon: <ViewListIcon />,
|
||||
},
|
||||
[Layout.carousel]: {
|
||||
label: message('Carousel (portrait)'),
|
||||
},
|
||||
[Layout.landscapeCarousel]: {
|
||||
label: message('Carousel (landscape)'),
|
||||
},
|
||||
[Layout.slider]: {
|
||||
label: message('Slider'),
|
||||
},
|
||||
[Layout.news]: {
|
||||
label: message('News'),
|
||||
},
|
||||
};
|
||||
|
||||
const contentAutoUpdateMethods: Record<
|
||||
Auto,
|
||||
ChannelContentConfig['autoUpdateMethods']['any']
|
||||
> = {
|
||||
[Auto.discover]: {
|
||||
label: message('Discover (TMDB only)'),
|
||||
provider: 'tmdb',
|
||||
},
|
||||
[Auto.mostPopular]: {
|
||||
label: message('Most popular'),
|
||||
},
|
||||
[Auto.topRated]: {
|
||||
label: message('Top rated'),
|
||||
},
|
||||
[Auto.upcoming]: {
|
||||
label: message('Upcoming'),
|
||||
},
|
||||
[Auto.nowPlaying]: {
|
||||
label: message('In theaters'),
|
||||
},
|
||||
[Auto.airingToday]: {
|
||||
label: message('Airing today'),
|
||||
},
|
||||
[Auto.airingThisWeek]: {
|
||||
label: message('Airing this week'),
|
||||
},
|
||||
[Auto.trendingPeople]: {
|
||||
label: message('Trending people'),
|
||||
},
|
||||
[Auto.latestVideos]: {
|
||||
label: message('Most recently published videos'),
|
||||
provider: 'local',
|
||||
},
|
||||
};
|
||||
export const channelContentConfig: ChannelContentConfig = {
|
||||
models: contentModels,
|
||||
sortingMethods: contentSortingMethods,
|
||||
layoutMethods: contentLayoutMethods,
|
||||
autoUpdateMethods: contentAutoUpdateMethods,
|
||||
userSelectableLayouts: [Layout.grid, Layout.landscapeGrid, Layout.list],
|
||||
};
|
||||
|
||||
export type ChannelContentModel = (Title | NewsArticle | Person | Channel) & {
|
||||
channelable_id?: number;
|
||||
channelable_order?: number;
|
||||
};
|
||||
Reference in New Issue
Block a user