third-party-mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-04-17 20:42:25 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add 'Year' column to Album and Playlists song list

Browse Source
This commit is contained in:
Deluan 2021-06-28 09:45:30 -04:00
parent d2fcab78a5
commit 292cf99f49
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/src/album/AlbumSongs.js
View File

@ -6,6 +6,7 @@ import {
NumberField,
useVersion,
useListContext,
FunctionField,
} from 'react-admin'
import clsx from 'clsx'
import { useDispatch } from 'react-redux'
@ -110,6 +111,13 @@ const AlbumSongs = (props) => {
),
artist: isDesktop && <TextField source="artist" sortable={false} />,
duration: <DurationField source="duration" sortable={false} />,
year: isDesktop && (
<FunctionField
source="year"
render={(r) => r.year || ''}
sortByOrder={'DESC'}
/>
),
quality: isDesktop && <QualityInfo source="quality" sortable={false} />,
bpm: isDesktop && <NumberField source="bpm" sortable={false} />,
rating: isDesktop && config.enableStarRating && (
@ -127,7 +135,7 @@ const AlbumSongs = (props) => {
resource: 'albumSong',
columns: toggleableFields,
omittedColumns: ['title'],
defaultOff: ['bpm'],
defaultOff: ['bpm', 'year'],
})
return (

10
ui/src/playlist/PlaylistSongs.js
View File

@ -10,6 +10,7 @@ import {
useVersion,
useListContext,
ListBase,
FunctionField,
} from 'react-admin'
import clsx from 'clsx'
import { useDispatch } from 'react-redux'
@ -139,6 +140,13 @@ const PlaylistSongs = ({ playlistId, readOnly, actions, ...props }) => {
duration: (
<DurationField source="duration" className={classes.draggable} />
),
year: isDesktop && (
<FunctionField
source="year"
render={(r) => r.year || ''}
sortByOrder={'DESC'}
/>
),
quality: isDesktop && <QualityInfo source="quality" sortable={false} />,
bpm: isDesktop && <NumberField source="bpm" />,
}
@ -147,7 +155,7 @@ const PlaylistSongs = ({ playlistId, readOnly, actions, ...props }) => {
const columns = useSelectedFields({
resource: 'playlistTrack',
columns: toggleableFields,
defaultOff: ['bpm'],
defaultOff: ['bpm', 'year'],
})
return (