mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Use enums CardShape & BaseItemKind,

Browse source 
Use type import for react FC,
Remove escapeHTML

Co-authored-by: Bill Thornton <thornbill@users.noreply.github.com>
This commit is contained in:
grafixeyehero 2024-02-28 22:47:36 +03:00
parent 11d013b07e
commit 8cbddba8fd
18 changed files with 102 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/utils/card.ts
View file

@ -5,7 +5,15 @@ export enum CardShape {
Portrait = 'portrait',
PortraitOverflow = 'overflowPortrait',
Square = 'square',
SquareOverflow = 'overflowSquare'
SquareOverflow = 'overflowSquare',
Auto = 'auto',
AutoHome = 'autohome',
AutoOverflow = 'autooverflow',
AutoVertical = 'autoVertical',
Mixed = 'mixed',
MixedSquare = 'mixedSquare',
MixedBackdrop = 'mixedBackdrop',
MixedPortrait = 'mixedPortrait',
}
export function getSquareShape(enableOverflow = true) {

33
src/utils/sections.ts
View file

@ -3,6 +3,7 @@ import { BaseItemKind } from '@jellyfin/sdk/lib/generated-client/models/base-ite
import { ItemSortBy } from '@jellyfin/sdk/lib/models/api/item-sort-by';
import { SortOrder } from '@jellyfin/sdk/lib/generated-client/models/sort-order';
import * as userSettings from 'scripts/settings/userSettings';
import { CardShape } from 'utils/card';
import { Section, SectionType, SectionApiMethod } from 'types/sections';
export const getSuggestionSections = (): Section[] => {
@ -29,7 +30,7 @@ export const getSuggestionSections = (): Section[] => {
cardOptions: {
overlayPlayButton: true,
preferThumb: true,
shape: 'overflowBackdrop',
shape: CardShape.BackdropOverflow,
showYear: true
}
},
@ -43,7 +44,7 @@ export const getSuggestionSections = (): Section[] => {
},
cardOptions: {
overlayPlayButton: true,
shape: 'overflowPortrait',
shape: CardShape.PortraitOverflow,
showYear: true
}
},
@ -57,7 +58,7 @@ export const getSuggestionSections = (): Section[] => {
},
cardOptions: {
overlayPlayButton: true,
shape: 'overflowBackdrop',
shape: CardShape.BackdropOverflow,
preferThumb: true,
inheritThumb:
!userSettings.useEpisodeImagesInNextUpAndResume(undefined),
@ -74,7 +75,7 @@ export const getSuggestionSections = (): Section[] => {
},
cardOptions: {
overlayPlayButton: true,
shape: 'overflowBackdrop',
shape: CardShape.BackdropOverflow,
preferThumb: true,
showSeriesYear: true,
showParentTitle: true,
@ -90,7 +91,7 @@ export const getSuggestionSections = (): Section[] => {
type: SectionType.NextUp,
cardOptions: {
overlayPlayButton: true,
shape: 'overflowBackdrop',
shape: CardShape.BackdropOverflow,
preferThumb: true,
inheritThumb:
!userSettings.useEpisodeImagesInNextUpAndResume(undefined),
@ -107,7 +108,7 @@ export const getSuggestionSections = (): Section[] => {
},
cardOptions: {
showUnplayedIndicator: false,
shape: 'overflowSquare',
shape: CardShape.SquareOverflow,
showParentTitle: true,
overlayPlayButton: true,
coverImage: true
@ -125,7 +126,7 @@ export const getSuggestionSections = (): Section[] => {
},
cardOptions: {
showUnplayedIndicator: false,
shape: 'overflowSquare',
shape: CardShape.SquareOverflow,
showParentTitle: true,
action: 'instantmix',
overlayMoreButton: true,
@ -144,7 +145,7 @@ export const getSuggestionSections = (): Section[] => {
},
cardOptions: {
showUnplayedIndicator: false,
shape: 'overflowSquare',
shape: CardShape.SquareOverflow,
showParentTitle: true,
action: 'instantmix',
overlayMoreButton: true,
@ -157,8 +158,8 @@ export const getSuggestionSections = (): Section[] => {
export const getProgramSections = (): Section[] => {
const cardOptions = {
inheritThumb: false,
shape: 'autooverflow',
defaultShape: 'overflowBackdrop',
shape: CardShape.AutoOverflow,
defaultShape: CardShape.BackdropOverflow,
centerText: true,
coverImage: true,
overlayText: false,
@ -309,8 +310,8 @@ export const getProgramSections = (): Section[] => {
cardOptions: {
showYear: true,
lines: 2,
shape: 'autooverflow',
defaultShape: 'overflowBackdrop',
shape: CardShape.AutoOverflow,
defaultShape: CardShape.BackdropOverflow,
showTitle: true,
showParentTitle: true,
coverImage: true,
@ -328,8 +329,8 @@ export const getProgramSections = (): Section[] => {
cardOptions: {
showYear: false,
showParentTitle: false,
shape: 'autooverflow',
defaultShape: 'overflowBackdrop',
shape: CardShape.AutoOverflow,
defaultShape: CardShape.BackdropOverflow,
showTitle: true,
coverImage: true,
cardLayout: false,
@ -347,8 +348,8 @@ export const getProgramSections = (): Section[] => {
isInProgress: true
},
cardOptions: {
shape: 'autooverflow',
defaultShape: 'backdrop',
shape: CardShape.AutoOverflow,
defaultShape: CardShape.Backdrop,
showParentTitle: false,
showParentTitleOrTitle: true,
showTitle: true,