You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
152 lines
3.5 KiB
152 lines
3.5 KiB
import React from 'react';
|
|
import { createAction } from 'redux-actions';
|
|
import Icon from 'Components/Icon';
|
|
import { icons, sortDirections } from 'Helpers/Props';
|
|
import { createThunk, handleThunks } from 'Store/thunks';
|
|
import translate from 'Utilities/String/translate';
|
|
import createFetchHandler from './Creators/createFetchHandler';
|
|
import createHandleActions from './Creators/createHandleActions';
|
|
import createSetClientSideCollectionSortReducer from './Creators/Reducers/createSetClientSideCollectionSortReducer';
|
|
import createSetTableOptionReducer from './Creators/Reducers/createSetTableOptionReducer';
|
|
|
|
//
|
|
// Variables
|
|
|
|
export const section = 'tracks';
|
|
|
|
//
|
|
// State
|
|
|
|
export const defaultState = {
|
|
isFetching: false,
|
|
isPopulated: false,
|
|
error: null,
|
|
sortKey: 'mediumNumber',
|
|
sortDirection: sortDirections.ASCENDING,
|
|
secondarySortKey: 'absoluteTrackNumber',
|
|
secondarySortDirection: sortDirections.ASCENDING,
|
|
items: [],
|
|
|
|
columns: [
|
|
{
|
|
name: 'medium',
|
|
label: () => translate('Medium'),
|
|
isVisible: false
|
|
},
|
|
{
|
|
name: 'absoluteTrackNumber',
|
|
label: () => translate('Track'),
|
|
isVisible: true
|
|
},
|
|
{
|
|
name: 'title',
|
|
label: () => translate('Title'),
|
|
isVisible: true
|
|
},
|
|
{
|
|
name: 'path',
|
|
label: () => translate('Path'),
|
|
isVisible: false
|
|
},
|
|
{
|
|
name: 'duration',
|
|
label: () => translate('Duration'),
|
|
isVisible: true
|
|
},
|
|
{
|
|
name: 'audioInfo',
|
|
label: () => translate('AudioInfo'),
|
|
isVisible: true
|
|
},
|
|
{
|
|
name: 'size',
|
|
label: () => translate('Size'),
|
|
isVisible: false
|
|
},
|
|
{
|
|
name: 'customFormats',
|
|
label: 'Formats',
|
|
isVisible: false
|
|
},
|
|
{
|
|
name: 'customFormatScore',
|
|
columnLabel: () => translate('CustomFormatScore'),
|
|
label: React.createElement(Icon, {
|
|
name: icons.SCORE,
|
|
title: () => translate('CustomFormatScore')
|
|
}),
|
|
isVisible: false
|
|
},
|
|
{
|
|
name: 'indexerFlags',
|
|
columnLabel: () => translate('IndexerFlags'),
|
|
label: React.createElement(Icon, {
|
|
name: icons.FLAG,
|
|
title: () => translate('IndexerFlags')
|
|
}),
|
|
isVisible: false
|
|
},
|
|
{
|
|
name: 'status',
|
|
label: () => translate('Status'),
|
|
isVisible: true
|
|
},
|
|
{
|
|
name: 'actions',
|
|
columnLabel: () => translate('Actions'),
|
|
isVisible: true,
|
|
isModifiable: false
|
|
}
|
|
]
|
|
};
|
|
|
|
export const persistState = [
|
|
'tracks.sortKey',
|
|
'tracks.sortDirection',
|
|
'tracks.columns'
|
|
];
|
|
|
|
//
|
|
// Actions Types
|
|
|
|
export const FETCH_TRACKS = 'tracks/fetchTracks';
|
|
export const SET_TRACKS_SORT = 'tracks/setTracksSort';
|
|
export const SET_TRACKS_TABLE_OPTION = 'tracks/setTracksTableOption';
|
|
export const CLEAR_TRACKS = 'tracks/clearTracks';
|
|
|
|
//
|
|
// Action Creators
|
|
|
|
export const fetchTracks = createThunk(FETCH_TRACKS);
|
|
export const setTracksSort = createAction(SET_TRACKS_SORT);
|
|
export const setTracksTableOption = createAction(SET_TRACKS_TABLE_OPTION);
|
|
export const clearTracks = createAction(CLEAR_TRACKS);
|
|
|
|
//
|
|
// Action Handlers
|
|
|
|
export const actionHandlers = handleThunks({
|
|
[FETCH_TRACKS]: createFetchHandler(section, '/track')
|
|
|
|
});
|
|
|
|
//
|
|
// Reducers
|
|
|
|
export const reducers = createHandleActions({
|
|
|
|
[SET_TRACKS_TABLE_OPTION]: createSetTableOptionReducer(section),
|
|
|
|
[FETCH_TRACKS]: (state) => {
|
|
return Object.assign({}, state, {
|
|
isFetching: false,
|
|
isPopulated: false,
|
|
error: null,
|
|
items: []
|
|
});
|
|
},
|
|
|
|
[SET_TRACKS_SORT]: createSetClientSideCollectionSortReducer(section)
|
|
|
|
}, defaultState, section);
|