New: Show ExtraFiles in UI

frontend/src/Store/Actions/extraFileActions.js

@@ -0,0 +1,49 @@
+import { createAction } from 'redux-actions';
+import { createThunk, handleThunks } from 'Store/thunks';
+import createFetchHandler from './Creators/createFetchHandler';
+import createHandleActions from './Creators/createHandleActions';
+
+//
+// Variables
+
+export const section = 'extraFiles';
+
+//
+// State
+
+export const defaultState = {
+  isFetching: false,
+  isPopulated: false,
+  error: null,
+  items: []
+};
+
+//
+// Actions Types
+
+export const FETCH_EXTRA_FILES = 'extraFiles/fetchExtraFiles';
+export const CLEAR_EXTRA_FILES = 'extraFiles/clearExtraFiles';
+
+//
+// Action Creators
+
+export const fetchExtraFiles = createThunk(FETCH_EXTRA_FILES);
+export const clearExtraFiles = createAction(CLEAR_EXTRA_FILES);
+
+//
+// Action Handlers
+
+export const actionHandlers = handleThunks({
+  [FETCH_EXTRA_FILES]: createFetchHandler(section, '/extraFile')
+});
+
+//
+// Reducers
+
+export const reducers = createHandleActions({
+
+  [CLEAR_EXTRA_FILES]: (state) => {
+    return Object.assign({}, state, defaultState);
+  }
+
+}, defaultState, section);

frontend/src/Store/Actions/index.js

@@ -6,6 +6,7 @@ import * as captcha from './captchaActions';
 import * as customFilters from './customFilterActions';
 import * as commands from './commandActions';
 import * as movieFiles from './movieFileActions';
+import * as extraFiles from './extraFileActions';
 import * as history from './historyActions';
 import * as importMovie from './importMovieActions';
 import * as interactiveImportActions from './interactiveImportActions';
@@ -33,6 +34,7 @@ export default [
   commands,
   customFilters,
   movieFiles,
+  extraFiles,
   history,
   importMovie,
   interactiveImportActions,