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

Merge pull request #4920 from grafixeyehero/Fix-view-settings-button

Browse source 
Hide image type and year in certain views
This commit is contained in:
Bill Thornton 2023-11-29 17:17:07 -05:00 • committed by GitHub
commit aa266c53b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 64 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

145
src/apps/experimental/components/library/ViewSettingsButton.tsx
View file

@ -16,9 +16,16 @@ import Popover from '@mui/material/Popover';
import ViewComfyIcon from '@mui/icons-material/ViewComfy'; import ViewComfyIcon from '@mui/icons-material/ViewComfy';
import globalize from 'scripts/globalize'; import globalize from 'scripts/globalize';
import { LibraryViewSettings, ViewMode } from 'types/library'; import { LibraryViewSettings } from 'types/library';
import { LibraryTab } from 'types/libraryTab'; import { LibraryTab } from 'types/libraryTab';
const excludedViewType = [
LibraryTab.Episodes,
LibraryTab.Artists,
LibraryTab.AlbumArtists,
LibraryTab.Albums
];
const imageTypesOptions = [ const imageTypesOptions = [
{ label: 'Primary', value: ImageType.Primary }, { label: 'Primary', value: ImageType.Primary },
{ label: 'Banner', value: ImageType.Banner }, { label: 'Banner', value: ImageType.Banner },
@ -30,7 +37,9 @@ const imageTypesOptions = [
interface ViewSettingsButtonProps { interface ViewSettingsButtonProps {
viewType: LibraryTab; viewType: LibraryTab;
libraryViewSettings: LibraryViewSettings; libraryViewSettings: LibraryViewSettings;
setLibraryViewSettings: React.Dispatch<React.SetStateAction<LibraryViewSettings>>; setLibraryViewSettings: React.Dispatch<
React.SetStateAction<LibraryViewSettings>
>;
} }
const ViewSettingsButton: FC<ViewSettingsButtonProps> = ({ const ViewSettingsButton: FC<ViewSettingsButtonProps> = ({
@ -72,27 +81,7 @@ const ViewSettingsButton: FC<ViewSettingsButtonProps> = ({
[setLibraryViewSettings] [setLibraryViewSettings]
); );
const getVisibleImageType = () => { const isVisible = !excludedViewType.includes(viewType);
const visibleImageType: ImageType[] = [ImageType.Primary];
if (
viewType !== LibraryTab.Episodes
&& viewType !== LibraryTab.Artists
&& viewType !== LibraryTab.AlbumArtists
&& viewType !== LibraryTab.Albums
) {
visibleImageType.push(ImageType.Banner);
visibleImageType.push(ImageType.Disc);
visibleImageType.push(ImageType.Logo);
visibleImageType.push(ImageType.Thumb);
}
return visibleImageType;
};
const isViewSettingsEnabled = () => {
return libraryViewSettings.ViewMode !== ViewMode.ListView;
};
return ( return (
<Box> <Box>
@ -122,20 +111,19 @@ const ViewSettingsButton: FC<ViewSettingsButtonProps> = ({
'& .MuiFormControl-root': { m: 1, width: 220 } '& .MuiFormControl-root': { m: 1, width: 220 }
}} }}
> >
<FormControl> {isVisible && (
<InputLabel id='select-sort-label'> <FormControl>
<Typography component='span'> <InputLabel id='select-sort-label'>
{globalize.translate('LabelImageType')} <Typography component='span'>
</Typography> {globalize.translate('LabelImageType')}
</InputLabel> </Typography>
<Select </InputLabel>
value={libraryViewSettings.ImageType} <Select
label={globalize.translate('LabelImageType')} value={libraryViewSettings.ImageType}
onChange={onSelectChange} label={globalize.translate('LabelImageType')}
> onChange={onSelectChange}
{imageTypesOptions >
.filter((imageType) => getVisibleImageType().includes(imageType.value)) {imageTypesOptions.map((imageType) => (
.map((imageType) => (
<MenuItem <MenuItem
key={imageType.value} key={imageType.value}
value={imageType.value} value={imageType.value}
@ -145,51 +133,46 @@ const ViewSettingsButton: FC<ViewSettingsButtonProps> = ({
</Typography> </Typography>
</MenuItem> </MenuItem>
))} ))}
</Select> </Select>
</FormControl> </FormControl>
{isViewSettingsEnabled() && (
<>
<Divider />
<FormControl>
<FormGroup>
<FormControlLabel
control={
<Checkbox
checked={libraryViewSettings.ShowTitle}
onChange={handleChange}
name='ShowTitle'
/>
}
label={globalize.translate('ShowTitle')}
/>
<FormControlLabel
control={
<Checkbox
checked={libraryViewSettings.ShowYear}
onChange={handleChange}
name='ShowYear'
/>
}
label={globalize.translate('ShowYear')}
/>
<FormControlLabel
control={
<Checkbox
checked={
libraryViewSettings.CardLayout
}
onChange={handleChange}
name='CardLayout'
/>
}
label={globalize.translate(
'EnableCardLayout'
)}
/>
</FormGroup>
</FormControl>
</>
)} )}
<Divider />
<FormControl>
<FormGroup>
<FormControlLabel
control={
<Checkbox
checked={libraryViewSettings.ShowTitle}
onChange={handleChange}
name='ShowTitle'
/>
}
label={globalize.translate('ShowTitle')}
/>
{isVisible && (
<FormControlLabel
control={
<Checkbox
checked={libraryViewSettings.ShowYear}
onChange={handleChange}
name='ShowYear'
/>
}
label={globalize.translate('ShowYear')}
/>
)}
<FormControlLabel
control={
<Checkbox
checked={libraryViewSettings.CardLayout}
onChange={handleChange}
name='CardLayout'
/>
}
label={globalize.translate('EnableCardLayout')}
/>
</FormGroup>
</FormControl>
</Popover> </Popover>
</Box> </Box>
); );