github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-16 10:03:51 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

[UI] Refactor TrackFile Modal

Browse source
This commit is contained in:
Qstick 2017-09-24 22:58:13 -04:00
parent e3c6bc3263
commit 9be4ec4c15
43 changed files with 280 additions and 290 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/Store/Actions/actionTypes.js
View file

@ -95,11 +95,11 @@ export const CLEAR_TRACKS = 'CLEAR_TRACKS';
//
// Episode Files
export const FETCH_EPISODE_FILES = 'FETCH_EPISODE_FILES';
export const CLEAR_EPISODE_FILES = 'CLEAR_EPISODE_FILES';
export const DELETE_EPISODE_FILE = 'DELETE_EPISODE_FILE';
export const DELETE_EPISODE_FILES = 'DELETE_EPISODE_FILES';
export const UPDATE_EPISODE_FILES = 'UPDATE_EPISODE_FILES';
export const FETCH_TRACK_FILES = 'FETCH_TRACK_FILES';
export const CLEAR_TRACK_FILES = 'CLEAR_TRACK_FILES';
export const DELETE_TRACK_FILE = 'DELETE_TRACK_FILE';
export const DELETE_TRACK_FILES = 'DELETE_TRACK_FILES';
export const UPDATE_TRACK_FILES = 'UPDATE_TRACK_FILES';
//
// Episode History

9
frontend/src/Store/Actions/episodeFileActions.js
View file

@ -1,9 +0,0 @@
import { createAction } from 'redux-actions';
import * as types from './actionTypes';
import episodeFileActionHandlers from './episodeFileActionHandlers';
export const fetchEpisodeFiles = episodeFileActionHandlers[types.FETCH_EPISODE_FILES];
export const deleteEpisodeFile = episodeFileActionHandlers[types.DELETE_EPISODE_FILE];
export const deleteEpisodeFiles = episodeFileActionHandlers[types.DELETE_EPISODE_FILES];
export const updateEpisodeFiles = episodeFileActionHandlers[types.UPDATE_EPISODE_FILES];
export const clearEpisodeFiles = createAction(types.CLEAR_EPISODE_FILES);

46
frontend/src/Store/Actions/episodeFileActionHandlers.js → frontend/src/Store/Actions/trackFileActionHandlers.js
View file

@ -7,33 +7,33 @@ import createRemoveItemHandler from './Creators/createRemoveItemHandler';
import * as types from './actionTypes';
import { set, removeItem, updateItem } from './baseActions';
const section = 'episodeFiles';
const deleteEpisodeFile = createRemoveItemHandler(section, '/trackFile');
const section = 'trackFiles';
const deleteTrackFile = createRemoveItemHandler(section, '/trackFile');
const episodeFileActionHandlers = {
[types.FETCH_EPISODE_FILES]: createFetchHandler(section, '/trackFile'),
const trackFileActionHandlers = {
[types.FETCH_TRACK_FILES]: createFetchHandler(section, '/trackFile'),
[types.DELETE_EPISODE_FILE]: function(payload) {
[types.DELETE_TRACK_FILE]: function(payload) {
return function(dispatch, getState) {
const {
id: episodeFileId,
id: trackFileId,
episodeEntity = episodeEntities.EPISODES
} = payload;
const episodeSection = _.last(episodeEntity.split('.'));
const deletePromise = deleteEpisodeFile(payload)(dispatch, getState);
const deletePromise = deleteTrackFile(payload)(dispatch, getState);
deletePromise.done(() => {
const episodes = getState().episodes.items;
const episodesWithRemovedFiles = _.filter(episodes, { episodeFileId });
const episodesWithRemovedFiles = _.filter(episodes, { trackFileId });
dispatch(batchActions([
...episodesWithRemovedFiles.map((episode) => {
return updateItem({
section: episodeSection,
...episode,
episodeFileId: 0,
trackFileId: 0,
hasFile: false
});
})
@ -42,31 +42,31 @@ const episodeFileActionHandlers = {
};
},
[types.DELETE_EPISODE_FILES]: function(payload) {
[types.DELETE_TRACK_FILES]: function(payload) {
return function(dispatch, getState) {
const {
episodeFileIds
trackFileIds
} = payload;
dispatch(set({ section, isDeleting: true }));
const promise = $.ajax({
url: '/episodeFile/bulk',
url: '/trackFile/bulk',
method: 'DELETE',
dataType: 'json',
data: JSON.stringify({ episodeFileIds })
data: JSON.stringify({ trackFileIds })
});
promise.done(() => {
const episodes = getState().episodes.items;
const episodesWithRemovedFiles = episodeFileIds.reduce((acc, episodeFileId) => {
acc.push(..._.filter(episodes, { episodeFileId }));
const episodesWithRemovedFiles = trackFileIds.reduce((acc, trackFileId) => {
acc.push(..._.filter(episodes, { trackFileId }));
return acc;
}, []);
dispatch(batchActions([
...episodeFileIds.map((id) => {
...trackFileIds.map((id) => {
return removeItem({ section, id });
}),
@ -74,7 +74,7 @@ const episodeFileActionHandlers = {
return updateItem({
section: 'episodes',
...episode,
episodeFileId: 0,
trackFileId: 0,
hasFile: false
});
}),
@ -97,10 +97,10 @@ const episodeFileActionHandlers = {
};
},
[types.UPDATE_EPISODE_FILES]: function(payload) {
[types.UPDATE_TRACK_FILES]: function(payload) {
return function(dispatch, getState) {
const {
episodeFileIds,
trackFileIds,
language,
quality
} = payload;
@ -108,7 +108,7 @@ const episodeFileActionHandlers = {
dispatch(set({ section, isSaving: true }));
const data = {
episodeFileIds
trackFileIds
};
if (language) {
@ -120,7 +120,7 @@ const episodeFileActionHandlers = {
}
const promise = $.ajax({
url: '/episodeFile/editor',
url: '/trackFile/editor',
method: 'PUT',
dataType: 'json',
data: JSON.stringify(data)
@ -128,7 +128,7 @@ const episodeFileActionHandlers = {
promise.done(() => {
dispatch(batchActions([
...episodeFileIds.map((id) => {
...trackFileIds.map((id) => {
const props = {};
if (language) {
@ -161,4 +161,4 @@ const episodeFileActionHandlers = {
}
};
export default episodeFileActionHandlers;
export default trackFileActionHandlers;

9
frontend/src/Store/Actions/trackFileActions.js Normal file
View file

@ -0,0 +1,9 @@
import { createAction } from 'redux-actions';
import * as types from './actionTypes';
import trackFileActionHandlers from './trackFileActionHandlers';
export const fetchTrackFiles = trackFileActionHandlers[types.FETCH_TRACK_FILES];
export const deleteTrackFile = trackFileActionHandlers[types.DELETE_TRACK_FILE];
export const deleteTrackFiles = trackFileActionHandlers[types.DELETE_TRACK_FILES];
export const updateTrackFiles = trackFileActionHandlers[types.UPDATE_TRACK_FILES];
export const clearTrackFiles = createAction(types.CLEAR_TRACK_FILES);