Fix Interactive Import, Add Track Actions and Reducers

frontend/src/Store/Actions/actionTypes.js

@@ -84,6 +84,14 @@ export const CLEAR_EPISODES = 'CLEAR_EPISODES';
 export const TOGGLE_EPISODE_MONITORED = 'TOGGLE_EPISODE_MONITORED';
 export const TOGGLE_EPISODES_MONITORED = 'TOGGLE_EPISODES_MONITORED';
 
+//
+// Tracks
+
+export const FETCH_TRACKS = 'FETCH_TRACKS';
+export const SET_TRACKS_SORT = 'SET_TRACKS_SORT';
+export const SET_TRACKS_TABLE_OPTION = 'SET_TRACKS_TABLE_OPTION';
+export const CLEAR_TRACKS = 'CLEAR_TRACKS';
+
 //
 // Episode Files
 

frontend/src/Store/Actions/trackActionHandlers.js

@@ -0,0 +1,11 @@
+import createFetchHandler from './Creators/createFetchHandler';
+import * as types from './actionTypes';
+
+const section = 'tracks';
+
+const trackActionHandlers = {
+  [types.FETCH_TRACKS]: createFetchHandler(section, '/track')
+
+};
+
+export default trackActionHandlers;

frontend/src/Store/Actions/trackActions.js

@@ -0,0 +1,8 @@
+import { createAction } from 'redux-actions';
+import * as types from './actionTypes';
+import trackActionHandlers from './trackActionHandlers';
+
+export const fetchTracks = trackActionHandlers[types.FETCH_TRACKS];
+export const setTracksSort = createAction(types.SET_TRACKS_SORT);
+export const setTracksTableOption = createAction(types.SET_TRACKS_TABLE_OPTION);
+export const clearTracks = createAction(types.CLEAR_TRACKS);

frontend/src/Store/Middleware/persistState.js

@@ -2,6 +2,7 @@ import _ from 'lodash';
 import persistState from 'redux-localstorage';
 import * as addArtistReducers from 'Store/Reducers/addArtistReducers';
 import * as episodeReducers from 'Store/Reducers/episodeReducers';
+import * as trackReducers from 'Store/Reducers/trackReducers';
 import * as artistIndexReducers from 'Store/Reducers/artistIndexReducers';
 import * as artistEditorReducers from 'Store/Reducers/artistEditorReducers';
 import * as albumStudioReducers from 'Store/Reducers/albumStudioReducers';
@@ -17,6 +18,7 @@ import * as queueReducers from 'Store/Reducers/queueReducers';
 const reducers = [
   addArtistReducers,
   episodeReducers,
+  trackReducers,
   artistIndexReducers,
   artistEditorReducers,
   albumStudioReducers,

frontend/src/Store/Reducers/index.js

@@ -13,6 +13,7 @@ import history, { defaultState as defaultHistoryState } from './historyReducers'
 import queue, { defaultState as defaultQueueState } from './queueReducers';
 import blacklist, { defaultState as defaultBlacklistState } from './blacklistReducers';
 import episodes, { defaultState as defaultEpisodesState } from './episodeReducers';
+import tracks, { defaultState as defaultTracksState } from './trackReducers';
 import episodeFiles, { defaultState as defaultEpisodeFilesState } from './episodeFileReducers';
 import albumHistory, { defaultState as defaultAlbumHistoryState } from './albumHistoryReducers';
 import releases, { defaultState as defaultReleasesState } from './releaseReducers';
@@ -41,6 +42,7 @@ export const defaultState = {
   queue: defaultQueueState,
   blacklist: defaultBlacklistState,
   episodes: defaultEpisodesState,
+  tracks: defaultTracksState,
   episodeFiles: defaultEpisodeFilesState,
   albumHistory: defaultAlbumHistoryState,
   releases: defaultReleasesState,
@@ -70,6 +72,7 @@ export default enableBatching(combineReducers({
   queue,
   blacklist,
   episodes,
+  tracks,
   episodeFiles,
   albumHistory,
   releases,

frontend/src/Store/Reducers/trackReducers.js

@@ -0,0 +1,70 @@
+import { handleActions } from 'redux-actions';
+import * as types from 'Store/Actions/actionTypes';
+import { sortDirections } from 'Helpers/Props';
+import createSetReducer from './Creators/createSetReducer';
+import createSetTableOptionReducer from './Creators/createSetTableOptionReducer';
+import createUpdateReducer from './Creators/createUpdateReducer';
+import createUpdateItemReducer from './Creators/createUpdateItemReducer';
+import createSetClientSideCollectionSortReducer from './Creators/createSetClientSideCollectionSortReducer';
+
+export const defaultState = {
+  isFetching: false,
+  isPopulated: false,
+  error: null,
+  sortKey: 'trackNumber',
+  sortDirection: sortDirections.DESCENDING,
+  items: [],
+
+  columns: [
+    {
+      name: 'trackNumber',
+      label: 'Track Number',
+      isVisible: true
+    },
+    {
+      name: 'title',
+      label: 'Title',
+      isVisible: true
+    },
+    {
+      name: 'duration',
+      label: 'Duration',
+      isVisible: true
+    },
+    {
+      name: 'actions',
+      columnLabel: 'Actions',
+      isVisible: true,
+      isModifiable: false
+    }
+  ]
+};
+
+export const persistState = [
+  'tracks.columns'
+];
+
+const reducerSection = 'tracks';
+
+const trackReducers = handleActions({
+
+  [types.SET]: createSetReducer(reducerSection),
+  [types.UPDATE]: createUpdateReducer(reducerSection),
+  [types.UPDATE_ITEM]: createUpdateItemReducer(reducerSection),
+
+  [types.SET_TRACKS_TABLE_OPTION]: createSetTableOptionReducer(reducerSection),
+
+  [types.CLEAR_TRACKS]: (state) => {
+    return Object.assign({}, state, {
+      isFetching: false,
+      isPopulated: false,
+      error: null,
+      items: []
+    });
+  },
+
+  [types.SET_TRACKS_SORT]: createSetClientSideCollectionSortReducer(reducerSection)
+
+}, defaultState);
+
+export default trackReducers;

frontend/src/Store/Selectors/createTrackSelector.js

@@ -0,0 +1,14 @@
+import _ from 'lodash';
+import { createSelector } from 'reselect';
+
+function createTrackSelector() {
+  return createSelector(
+    (state, { trackId }) => trackId,
+    (state) => state.tracks,
+    (trackId, tracks) => {
+      return _.find(tracks.items, { id: trackId });
+    }
+  );
+}
+
+export default createTrackSelector;