Try disabling response compression

Eg armada370 ad armadaxp

azure-pipelines.yml

@@ -95,15 +95,24 @@ stages:
         inputs:
           version: $(dotnetVersion)
       - bash: |
-          BUNDLEDVERSIONS=${AGENT_TOOLSDIRECTORY}/dotnet/sdk/${DOTNETVERSION}/Microsoft.NETCoreSdk.BundledVersions.props
-          echo $BUNDLEDVERSIONS
-          if grep -q freebsd-x64 $BUNDLEDVERSIONS; then
-            echo "Extra platforms already enabled"
-          else
-            echo "Enabling extra platform support"
-            sed -i.ORI 's/osx-x64/osx-x64;freebsd-x64;linux-x86/' $BUNDLEDVERSIONS
+          SDK_PATH="${AGENT_TOOLSDIRECTORY}/dotnet/sdk/${DOTNETVERSION}"
+          BUNDLEDVERSIONS="${SDK_PATH}/Microsoft.NETCoreSdk.BundledVersions.props"
+          
+          if ! grep -q freebsd-x64 $BUNDLEDVERSIONS; then
+            sed -i.ORI 's/osx-x64/osx-x64;freebsd-x64;linux-x86;linux-arm-vfpv3d16/' $BUNDLEDVERSIONS
           fi
-        displayName: Enable Extra Platform Support
+          grep freebsd-x64 $BUNDLEDVERSIONS
+        displayName: Extra Platform Support - Generic
+      - bash: |
+          SDK_PATH="${AGENT_TOOLSDIRECTORY}/dotnet/sdk/${DOTNETVERSION}"
+          RUNTIMEIDENTIFIERGRAPH="${SDK_PATH}/RuntimeIdentifierGraph.json"
+          
+          if ! grep -q linux-arm-vfpv3d16 "${RUNTIMEIDENTIFIERGRAPH}"; then
+            sed -i.ORI '/"runtimes":/a \ \ \ \ "linux-arm-vfpv3d16": {"#import": ["linux-arm"]},' "${RUNTIMEIDENTIFIERGRAPH}"
+          fi
+          grep -A5 -B5 linux-arm-vfpv3d16 $RUNTIMEIDENTIFIERGRAPH
+        displayName: Enable Extra Platform Support - Windows
+        condition: and(succeeded(), eq(variables['osName'], 'Windows'))
       - bash: ./build.sh --backend --enable-extra-platforms
         displayName: Build Radarr Backend
       - bash: |
@@ -326,6 +335,14 @@ stages:
           tarCompression: 'gz'
           includeRootFolder: false
           rootFolderOrFile: $(artifactsFolder)/linux-arm/net6.0
+      - task: ArchiveFiles@2
+        displayName: Create linux-arm-vfpv3d16 tar
+        inputs:
+          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).linux-core-arm-vfpv3d16.tar.gz'
+          archiveType: 'tar'
+          tarCompression: 'gz'
+          includeRootFolder: false
+          rootFolderOrFile: $(artifactsFolder)/linux-arm-vfpv3d16/net6.0
       - task: ArchiveFiles@2
         displayName: Create linux-musl-arm tar
         inputs:

build.sh

@@ -27,20 +27,24 @@ UpdateVersionNumber()
 
 EnableExtraPlatformsInSDK()
 {
-    SDK_PATH=$(dotnet --list-sdks | grep -P '6\.\d\.\d+' | head -1 | sed 's/\(6\.[0-9]*\.[0-9]*\).*\[\(.*\)\]/\2\/\1/g')
+    SDK_PATH=$(dotnet --list-sdks | grep '6\.[0-9]\.[0-9]\{3\}' | tail -1 | sed 's/\(6\.[0-9]*\.[0-9]*\).*\[\(.*\)\]/\2\/\1/g')
+    
     BUNDLEDVERSIONS="${SDK_PATH}/Microsoft.NETCoreSdk.BundledVersions.props"
-    if grep -q freebsd-x64 $BUNDLEDVERSIONS; then
-        echo "Extra platforms already enabled"
-    else
+    if ! grep -q freebsd-x64 "${BUNDLEDVERSIONS}"; then
         echo "Enabling extra platform support"
-        sed -i.ORI 's/osx-x64/osx-x64;freebsd-x64;linux-x86/' $BUNDLEDVERSIONS
+        sed -i.ORI 's/osx-x64/osx-x64;freebsd-x64;linux-x86;linux-arm-vfpv3d16/' "${BUNDLEDVERSIONS}"
+    fi
+    
+    RUNTIMEIDENTIFIERGRAPH="${SDK_PATH}/RuntimeIdentifierGraph.json"
+    if ! grep -q linux-arm-vfpv3d16 "${RUNTIMEIDENTIFIERGRAPH}"; then
+        sed -i.ORI '/"runtimes":/a \ \ \ \ "linux-arm-vfpv3d16": {"#import": ["linux-arm"]},' "${RUNTIMEIDENTIFIERGRAPH}"
     fi
 }
 
 EnableExtraPlatforms()
 {
-    if grep -qv freebsd-x64 src/Directory.Build.props; then
-        sed -i'' -e "s^<RuntimeIdentifiers>\(.*\)</RuntimeIdentifiers>^<RuntimeIdentifiers>\1;freebsd-x64;linux-x86</RuntimeIdentifiers>^g" src/Directory.Build.props
+    if ! grep -q freebsd-x64 src/Directory.Build.props; then
+        sed -i'' -e "s^<RuntimeIdentifiers>\(.*\)</RuntimeIdentifiers>^<RuntimeIdentifiers>\1;freebsd-x64;linux-x86;linux-arm-vfpv3d16</RuntimeIdentifiers>^g" src/Directory.Build.props
     fi
 }
 
@@ -74,8 +78,8 @@ Build()
         platform=Posix
     fi
 
-    dotnet clean $slnFile -c Debug
-    dotnet clean $slnFile -c Release
+    #dotnet clean $slnFile -c Debug
+    #dotnet clean $slnFile -c Release
 
     if [[ -z "$RID" || -z "$FRAMEWORK" ]];
     then
@@ -428,6 +432,7 @@ then
         then
             Package "net6.0" "freebsd-x64"
             Package "net6.0" "linux-x86"
+            Package "net6.0" "linux-arm-vfpv3d16"
         fi
     else
         Package "$FRAMEWORK" "$RID"

frontend/build/webpack.config.js

@@ -223,7 +223,7 @@ module.exports = (env) => {
             {
               loader: 'url-loader',
               options: {
-                limit: 24096,
+                limit: 10240,
                 mimetype: 'application/font-woff',
                 emitFile: false,
                 name: 'Content/Fonts/[name].[ext]'
@@ -233,12 +233,11 @@ module.exports = (env) => {
         },
 
         {
-          test: /\.(ttf|eot|eot?#iefix|gif|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
+          test: /\.(ttf|eot|eot?#iefix|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
           use: [
             {
               loader: 'file-loader',
               options: {
-                limit: 24096,
                 emitFile: false,
                 name: 'Content/Fonts/[name].[ext]'
               }

frontend/src/App/AppRoutes.js

@@ -7,7 +7,6 @@ import QueueConnector from 'Activity/Queue/QueueConnector';
 import AddNewMovieConnector from 'AddMovie/AddNewMovie/AddNewMovieConnector';
 import ImportMovies from 'AddMovie/ImportMovie/ImportMovies';
 import CalendarPageConnector from 'Calendar/CalendarPageConnector';
-import CollectionConnector from 'Collection/CollectionConnector';
 import NotFound from 'Components/NotFound';
 import Switch from 'Components/Router/Switch';
 import DiscoverMovieConnector from 'DiscoverMovie/DiscoverMovieConnector';
@@ -73,11 +72,6 @@ function AppRoutes(props) {
         component={AddNewMovieConnector}
       />
 
-      <Route
-        path="/collections"
-        component={CollectionConnector}
-      />
-
       <Route
         path="/add/import"
         component={ImportMovies}

frontend/src/App/AppUpdatedModalContent.js

@@ -89,12 +89,12 @@ function AppUpdatedModalContent(props) {
 
                     <UpdateChanges
                       title={translate('New')}
-                      changes={Array.from(new Set(update.changes.new))}
+                      changes={update.changes.new}
                     />
 
                     <UpdateChanges
                       title={translate('Fixed')}
-                      changes={Array.from(new Set(update.changes.fixed))}
+                      changes={update.changes.fixed}
                     />
                   </div>
               }

frontend/src/Collection/AddNewCollectionMovieModal.js

@@ -1,31 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Modal from 'Components/Modal/Modal';
-import AddNewCollectionMovieModalContentConnector from './AddNewCollectionMovieModalContentConnector';
-
-function AddNewCollectionMovieModal(props) {
-  const {
-    isOpen,
-    onModalClose,
-    ...otherProps
-  } = props;
-
-  return (
-    <Modal
-      isOpen={isOpen}
-      onModalClose={onModalClose}
-    >
-      <AddNewCollectionMovieModalContentConnector
-        {...otherProps}
-        onModalClose={onModalClose}
-      />
-    </Modal>
-  );
-}
-
-AddNewCollectionMovieModal.propTypes = {
-  isOpen: PropTypes.bool.isRequired,
-  onModalClose: PropTypes.func.isRequired
-};
-
-export default AddNewCollectionMovieModal;

frontend/src/Collection/AddNewCollectionMovieModalContent.css

@@ -1,68 +0,0 @@
-.container {
-  display: flex;
-}
-
-.year {
-  margin-left: 5px;
-  color: $disabledColor;
-}
-
-.poster {
-  flex: 0 0 170px;
-  margin-right: 20px;
-  height: 250px;
-}
-
-.info {
-  flex-grow: 1;
-}
-
-.overview {
-  margin-bottom: 30px;
-}
-
-.labelIcon {
-  margin-left: 8px;
-}
-
-.searchForMissingMovieLabelContainer {
-  display: flex;
-  margin-top: 2px;
-}
-
-.searchForMissingMovieLabel {
-  margin-right: 8px;
-  font-weight: normal;
-}
-
-.searchForMissingMovieContainer {
-  composes: container from '~Components/Form/CheckInput.css';
-
-  flex: 0 1 0;
-}
-
-.searchForMissingMovieInput {
-  composes: input from '~Components/Form/CheckInput.css';
-
-  margin-top: 0;
-}
-
-.modalFooter {
-  composes: modalFooter from '~Components/Modal/ModalFooter.css';
-}
-
-.addButton {
-  @add-mixin truncate;
-  composes: button from '~Components/Link/SpinnerButton.css';
-}
-
-@media only screen and (max-width: $breakpointSmall) {
-  .modalFooter {
-    display: block;
-    text-align: center;
-  }
-
-  .addButton {
-    margin-top: 10px;
-  }
-}

frontend/src/Collection/AddNewCollectionMovieModalContent.js

@@ -1,204 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import CheckInput from 'Components/Form/CheckInput';
-import Form from 'Components/Form/Form';
-import FormGroup from 'Components/Form/FormGroup';
-import FormInputGroup from 'Components/Form/FormInputGroup';
-import FormLabel from 'Components/Form/FormLabel';
-import SpinnerButton from 'Components/Link/SpinnerButton';
-import ModalBody from 'Components/Modal/ModalBody';
-import ModalContent from 'Components/Modal/ModalContent';
-import ModalFooter from 'Components/Modal/ModalFooter';
-import ModalHeader from 'Components/Modal/ModalHeader';
-import { inputTypes, kinds } from 'Helpers/Props';
-import MoviePoster from 'Movie/MoviePoster';
-import translate from 'Utilities/String/translate';
-import styles from './AddNewCollectionMovieModalContent.css';
-
-class AddNewCollectionMovieModalContent extends Component {
-
-  //
-  // Listeners
-
-  onQualityProfileIdChange = ({ value }) => {
-    this.props.onInputChange({ name: 'qualityProfileId', value: parseInt(value) });
-  };
-
-  onAddMoviePress = () => {
-    this.props.onAddMoviePress();
-  };
-
-  //
-  // Render
-
-  render() {
-    const {
-      title,
-      year,
-      overview,
-      images,
-      isAdding,
-      folder,
-      tags,
-      isSmallScreen,
-      isWindows,
-      onModalClose,
-      onInputChange,
-      rootFolderPath,
-      monitor,
-      qualityProfileId,
-      minimumAvailability,
-      searchForMovie
-    } = this.props;
-
-    return (
-      <ModalContent onModalClose={onModalClose}>
-        <ModalHeader>
-          {title}
-
-          {
-            !title.contains(year) && !!year &&
-              <span className={styles.year}>({year})</span>
-          }
-        </ModalHeader>
-
-        <ModalBody>
-          <div className={styles.container}>
-            {
-              !isSmallScreen &&
-                <div className={styles.poster}>
-                  <MoviePoster
-                    className={styles.poster}
-                    images={images}
-                    size={250}
-                  />
-                </div>
-            }
-
-            <div className={styles.info}>
-              <div className={styles.overview}>
-                {overview}
-              </div>
-
-              <Form>
-                <FormGroup>
-                  <FormLabel>{translate('RootFolder')}</FormLabel>
-
-                  <FormInputGroup
-                    type={inputTypes.ROOT_FOLDER_SELECT}
-                    name="rootFolderPath"
-                    valueOptions={{
-                      movieFolder: folder,
-                      isWindows
-                    }}
-                    selectedValueOptions={{
-                      movieFolder: folder,
-                      isWindows
-                    }}
-                    helpText={translate('SubfolderWillBeCreatedAutomaticallyInterp', [folder])}
-                    onChange={onInputChange}
-                    {...rootFolderPath}
-                  />
-                </FormGroup>
-
-                <FormGroup>
-                  <FormLabel>
-                    {translate('Monitor')}
-                  </FormLabel>
-
-                  <FormInputGroup
-                    type={inputTypes.MOVIE_MONITORED_SELECT}
-                    name="monitor"
-                    onChange={onInputChange}
-                    {...monitor}
-                  />
-                </FormGroup>
-
-                <FormGroup>
-                  <FormLabel>{translate('MinimumAvailability')}</FormLabel>
-
-                  <FormInputGroup
-                    type={inputTypes.AVAILABILITY_SELECT}
-                    name="minimumAvailability"
-                    onChange={onInputChange}
-                    {...minimumAvailability}
-                  />
-                </FormGroup>
-
-                <FormGroup>
-                  <FormLabel>{translate('QualityProfile')}</FormLabel>
-
-                  <FormInputGroup
-                    type={inputTypes.QUALITY_PROFILE_SELECT}
-                    name="qualityProfileId"
-                    onChange={this.onQualityProfileIdChange}
-                    {...qualityProfileId}
-                  />
-                </FormGroup>
-
-                <FormGroup>
-                  <FormLabel>{translate('Tags')}</FormLabel>
-
-                  <FormInputGroup
-                    type={inputTypes.TAG}
-                    name="tags"
-                    onChange={onInputChange}
-                    {...tags}
-                  />
-                </FormGroup>
-              </Form>
-            </div>
-          </div>
-        </ModalBody>
-
-        <ModalFooter className={styles.modalFooter}>
-          <label className={styles.searchForMissingMovieLabelContainer}>
-            <span className={styles.searchForMissingMovieLabel}>
-              {translate('StartSearchForMissingMovie')}
-            </span>
-
-            <CheckInput
-              containerClassName={styles.searchForMissingMovieContainer}
-              className={styles.searchForMissingMovieInput}
-              name="searchForMovie"
-              onChange={onInputChange}
-              {...searchForMovie}
-            />
-          </label>
-
-          <SpinnerButton
-            className={styles.addButton}
-            kind={kinds.SUCCESS}
-            isSpinning={isAdding}
-            onPress={this.onAddMoviePress}
-          >
-            {translate('AddMovie')}
-          </SpinnerButton>
-        </ModalFooter>
-      </ModalContent>
-    );
-  }
-}
-
-AddNewCollectionMovieModalContent.propTypes = {
-  title: PropTypes.string.isRequired,
-  year: PropTypes.number.isRequired,
-  overview: PropTypes.string,
-  images: PropTypes.arrayOf(PropTypes.object).isRequired,
-  isAdding: PropTypes.bool.isRequired,
-  addError: PropTypes.object,
-  rootFolderPath: PropTypes.object,
-  monitor: PropTypes.object.isRequired,
-  qualityProfileId: PropTypes.object,
-  minimumAvailability: PropTypes.object.isRequired,
-  searchForMovie: PropTypes.object.isRequired,
-  folder: PropTypes.string.isRequired,
-  tags: PropTypes.object.isRequired,
-  isSmallScreen: PropTypes.bool.isRequired,
-  isWindows: PropTypes.bool.isRequired,
-  onModalClose: PropTypes.func.isRequired,
-  onInputChange: PropTypes.func.isRequired,
-  onAddMoviePress: PropTypes.func.isRequired
-};
-
-export default AddNewCollectionMovieModalContent;

frontend/src/Collection/AddNewCollectionMovieModalContentConnector.js

@@ -1,121 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { addMovie, setMovieCollectionValue } from 'Store/Actions/movieCollectionActions';
-import createCollectionSelector from 'Store/Selectors/createCollectionSelector';
-import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
-import createSystemStatusSelector from 'Store/Selectors/createSystemStatusSelector';
-import selectSettings from 'Store/Selectors/selectSettings';
-import AddNewMovieModalContent from './AddNewCollectionMovieModalContent';
-
-function createMapStateToProps() {
-  return createSelector(
-    (state) => state.movieCollections,
-    createCollectionSelector(),
-    createDimensionsSelector(),
-    createSystemStatusSelector(),
-    (discoverMovieState, collection, dimensions, systemStatus) => {
-      const {
-        isAdding,
-        addError,
-        pendingChanges
-      } = discoverMovieState;
-
-      const collectionDefaults = {
-        rootFolderPath: collection.rootFolderPath,
-        monitor: 'movieOnly',
-        qualityProfileId: collection.qualityProfileId,
-        minimumAvailability: collection.minimumAvailability,
-        searchForMovie: collection.searchOnAdd,
-        tags: []
-      };
-
-      const {
-        settings,
-        validationErrors,
-        validationWarnings
-      } = selectSettings(collectionDefaults, pendingChanges, addError);
-
-      return {
-        isAdding,
-        addError,
-        isSmallScreen: dimensions.isSmallScreen,
-        validationErrors,
-        validationWarnings,
-        isWindows: systemStatus.isWindows,
-        ...settings
-      };
-    }
-  );
-}
-
-const mapDispatchToProps = {
-  addMovie,
-  setMovieCollectionValue
-};
-
-class AddNewCollectionMovieModalContentConnector extends Component {
-
-  //
-  // Listeners
-
-  onInputChange = ({ name, value }) => {
-    this.props.setMovieCollectionValue({ name, value });
-  };
-
-  onAddMoviePress = () => {
-    const {
-      tmdbId,
-      title,
-      rootFolderPath,
-      monitor,
-      qualityProfileId,
-      minimumAvailability,
-      searchForMovie,
-      tags
-    } = this.props;
-
-    this.props.addMovie({
-      tmdbId,
-      title,
-      rootFolderPath: rootFolderPath.value,
-      monitor: monitor.value,
-      qualityProfileId: qualityProfileId.value,
-      minimumAvailability: minimumAvailability.value,
-      searchForMovie: searchForMovie.value,
-      tags: tags.value
-    });
-
-    this.props.onModalClose(true);
-  };
-
-  //
-  // Render
-
-  render() {
-    return (
-      <AddNewMovieModalContent
-        {...this.props}
-        onInputChange={this.onInputChange}
-        onAddMoviePress={this.onAddMoviePress}
-      />
-    );
-  }
-}
-
-AddNewCollectionMovieModalContentConnector.propTypes = {
-  tmdbId: PropTypes.number.isRequired,
-  title: PropTypes.string.isRequired,
-  rootFolderPath: PropTypes.object,
-  monitor: PropTypes.object.isRequired,
-  qualityProfileId: PropTypes.object,
-  minimumAvailability: PropTypes.object.isRequired,
-  searchForMovie: PropTypes.object.isRequired,
-  tags: PropTypes.object.isRequired,
-  onModalClose: PropTypes.func.isRequired,
-  addMovie: PropTypes.func.isRequired,
-  setMovieCollectionValue: PropTypes.func.isRequired
-};
-
-export default connect(createMapStateToProps, mapDispatchToProps)(AddNewCollectionMovieModalContentConnector);

frontend/src/Collection/Collection.js

@@ -1,403 +0,0 @@
-import _ from 'lodash';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import LoadingIndicator from 'Components/Loading/LoadingIndicator';
-import PageContent from 'Components/Page/PageContent';
-import PageContentBody from 'Components/Page/PageContentBody';
-import PageJumpBar from 'Components/Page/PageJumpBar';
-import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
-import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
-import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
-import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
-import { align, icons, sortDirections } from 'Helpers/Props';
-import styles from 'Movie/Index/MovieIndex.css';
-import hasDifferentItemsOrOrder from 'Utilities/Object/hasDifferentItemsOrOrder';
-import translate from 'Utilities/String/translate';
-import getSelectedIds from 'Utilities/Table/getSelectedIds';
-import selectAll from 'Utilities/Table/selectAll';
-import toggleSelected from 'Utilities/Table/toggleSelected';
-import CollectionFooter from './CollectionFooter';
-import CollectionFilterMenu from './Menus/CollectionFilterMenu';
-import CollectionSortMenu from './Menus/CollectionSortMenu';
-import NoCollection from './NoCollection';
-import CollectionOverviewsConnector from './Overview/CollectionOverviewsConnector';
-import CollectionOverviewOptionsModal from './Overview/Options/CollectionOverviewOptionsModal';
-
-function getViewComponent(view) {
-  return CollectionOverviewsConnector;
-}
-
-class Collection extends Component {
-
-  //
-  // Lifecycle
-
-  constructor(props, context) {
-    super(props, context);
-
-    this.state = {
-      scroller: null,
-      jumpBarItems: { order: [] },
-      jumpToCharacter: null,
-      isPosterOptionsModalOpen: false,
-      isOverviewOptionsModalOpen: false,
-      isConfirmSearchModalOpen: false,
-      searchType: null,
-      allSelected: false,
-      allUnselected: false,
-      lastToggled: null,
-      selectedState: {}
-    };
-  }
-
-  componentDidMount() {
-    this.setJumpBarItems();
-    this.setSelectedState();
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      items,
-      sortKey,
-      sortDirection
-    } = this.props;
-
-    if (sortKey !== prevProps.sortKey ||
-        sortDirection !== prevProps.sortDirection ||
-        hasDifferentItemsOrOrder(prevProps.items, items)
-    ) {
-      this.setJumpBarItems();
-      this.setSelectedState();
-    }
-
-    if (this.state.jumpToCharacter != null) {
-      this.setState({ jumpToCharacter: null });
-    }
-  }
-
-  //
-  // Control
-
-  setScrollerRef = (ref) => {
-    this.setState({ scroller: ref });
-  };
-
-  getSelectedIds = () => {
-    if (this.state.allUnselected) {
-      return [];
-    }
-    return getSelectedIds(this.state.selectedState);
-  };
-
-  setSelectedState() {
-    const {
-      items
-    } = this.props;
-
-    const {
-      selectedState
-    } = this.state;
-
-    const newSelectedState = {};
-
-    items.forEach((collection) => {
-      const isItemSelected = selectedState[collection.id];
-
-      if (isItemSelected) {
-        newSelectedState[collection.id] = isItemSelected;
-      } else {
-        newSelectedState[collection.id] = false;
-      }
-    });
-
-    const selectedCount = getSelectedIds(newSelectedState).length;
-    const newStateCount = Object.keys(newSelectedState).length;
-    let isAllSelected = false;
-    let isAllUnselected = false;
-
-    if (selectedCount === 0) {
-      isAllUnselected = true;
-    } else if (selectedCount === newStateCount) {
-      isAllSelected = true;
-    }
-
-    this.setState({ selectedState: newSelectedState, allSelected: isAllSelected, allUnselected: isAllUnselected });
-  }
-
-  setJumpBarItems() {
-    const {
-      items,
-      sortKey,
-      sortDirection
-    } = this.props;
-
-    // Reset if not sorting by sortTitle
-    if (sortKey !== 'sortTitle') {
-      this.setState({ jumpBarItems: { order: [] } });
-      return;
-    }
-
-    const characters = _.reduce(items, (acc, item) => {
-      let char = item.sortTitle.charAt(0);
-
-      if (!isNaN(char)) {
-        char = '#';
-      }
-
-      if (char in acc) {
-        acc[char] = acc[char] + 1;
-      } else {
-        acc[char] = 1;
-      }
-
-      return acc;
-    }, {});
-
-    const order = Object.keys(characters).sort();
-
-    // Reverse if sorting descending
-    if (sortDirection === sortDirections.DESCENDING) {
-      order.reverse();
-    }
-
-    const jumpBarItems = {
-      characters,
-      order
-    };
-
-    this.setState({ jumpBarItems });
-  }
-
-  //
-  // Listeners
-
-  onOverviewOptionsPress = () => {
-    this.setState({ isOverviewOptionsModalOpen: true });
-  };
-
-  onOverviewOptionsModalClose = () => {
-    this.setState({ isOverviewOptionsModalOpen: false });
-  };
-
-  onJumpBarItemPress = (jumpToCharacter) => {
-    this.setState({ jumpToCharacter });
-  };
-
-  onSelectAllChange = ({ value }) => {
-    this.setState(selectAll(this.state.selectedState, value));
-  };
-
-  onSelectAllPress = () => {
-    this.onSelectAllChange({ value: !this.state.allSelected });
-  };
-
-  onRefreshMovieCollectionsPress = () => {
-    this.props.onRefreshMovieCollectionsPress();
-  };
-
-  onSelectedChange = ({ id, value, shiftKey = false }) => {
-    this.setState((state) => {
-      return toggleSelected(state, this.props.items, id, value, shiftKey, 'id');
-    });
-  };
-
-  onUpdateSelectedPress = (changes) => {
-    this.props.onUpdateSelectedPress({
-      collectionIds: this.getSelectedIds(),
-      ...changes
-    });
-  };
-
-  //
-  // Render
-
-  render() {
-    const {
-      isFetching,
-      isPopulated,
-      error,
-      totalItems,
-      items,
-      selectedFilterKey,
-      filters,
-      customFilters,
-      sortKey,
-      sortDirection,
-      view,
-      onSortSelect,
-      onFilterSelect,
-      onScroll,
-      isRefreshingCollections,
-      isSaving,
-      isAdding,
-      ...otherProps
-    } = this.props;
-
-    const {
-      scroller,
-      jumpBarItems,
-      jumpToCharacter,
-      isOverviewOptionsModalOpen,
-      selectedState,
-      allSelected,
-      allUnselected
-    } = this.state;
-
-    const selectedMovieIds = this.getSelectedIds();
-
-    const ViewComponent = getViewComponent(view);
-    const isLoaded = !!(!error && isPopulated && items.length && scroller);
-    const hasNoCollection = !totalItems;
-
-    return (
-      <PageContent>
-        <PageToolbar>
-          <PageToolbarSection>
-            <PageToolbarButton
-              label={translate('RefreshCollections')}
-              iconName={icons.REFRESH}
-              isSpinning={isRefreshingCollections}
-              isDisabled={hasNoCollection}
-              onPress={this.onRefreshMovieCollectionsPress}
-            />
-            <PageToolbarButton
-              label={allSelected ? translate('UnselectAll') : translate('SelectAll')}
-              iconName={icons.CHECK_SQUARE}
-              isDisabled={hasNoCollection}
-              onPress={this.onSelectAllPress}
-            />
-          </PageToolbarSection>
-
-          <PageToolbarSection
-            alignContent={align.RIGHT}
-            collapseButtons={false}
-          >
-            {
-              view === 'overview' ?
-                <PageToolbarButton
-                  label={translate('Options')}
-                  iconName={icons.OVERVIEW}
-                  onPress={this.onOverviewOptionsPress}
-                /> :
-                null
-            }
-
-            {
-              (view === 'posters' || view === 'overview') &&
-                <PageToolbarSeparator />
-            }
-
-            <CollectionSortMenu
-              sortKey={sortKey}
-              sortDirection={sortDirection}
-              isDisabled={hasNoCollection}
-              onSortSelect={onSortSelect}
-            />
-
-            <CollectionFilterMenu
-              selectedFilterKey={selectedFilterKey}
-              filters={filters}
-              customFilters={customFilters}
-              isDisabled={hasNoCollection}
-              onFilterSelect={onFilterSelect}
-            />
-          </PageToolbarSection>
-        </PageToolbar>
-
-        <div className={styles.pageContentBodyWrapper}>
-          <PageContentBody
-            registerScroller={this.setScrollerRef}
-            className={styles.contentBody}
-            innerClassName={styles[`${view}InnerContentBody`]}
-            onScroll={onScroll}
-          >
-            {
-              isFetching && !isPopulated &&
-                <LoadingIndicator />
-            }
-
-            {
-              !isFetching && !!error &&
-                <div>
-                  {translate('UnableToLoadCollections')}
-                </div>
-            }
-
-            {
-              isLoaded &&
-                <div className={styles.contentBodyContainer}>
-                  <ViewComponent
-                    scroller={scroller}
-                    items={items}
-                    filters={filters}
-                    sortKey={sortKey}
-                    sortDirection={sortDirection}
-                    jumpToCharacter={jumpToCharacter}
-                    allSelected={allSelected}
-                    allUnselected={allUnselected}
-                    onSelectedChange={this.onSelectedChange}
-                    onSelectAllChange={this.onSelectAllChange}
-                    selectedState={selectedState}
-                    {...otherProps}
-                  />
-                </div>
-            }
-
-            {
-              !error && isPopulated && !items.length &&
-                <NoCollection totalItems={totalItems} />
-            }
-          </PageContentBody>
-
-          {
-            isLoaded && !!jumpBarItems.order.length &&
-              <PageJumpBar
-                items={jumpBarItems}
-                onItemPress={this.onJumpBarItemPress}
-              />
-          }
-        </div>
-
-        {
-          isLoaded &&
-            <CollectionFooter
-              selectedIds={selectedMovieIds}
-              isSaving={isSaving}
-              isAdding={isAdding}
-              onUpdateSelectedPress={this.onUpdateSelectedPress}
-            />
-        }
-
-        <CollectionOverviewOptionsModal
-          isOpen={isOverviewOptionsModalOpen}
-          onModalClose={this.onOverviewOptionsModalClose}
-        />
-      </PageContent>
-    );
-  }
-}
-
-Collection.propTypes = {
-  isFetching: PropTypes.bool.isRequired,
-  isPopulated: PropTypes.bool.isRequired,
-  isSaving: PropTypes.bool.isRequired,
-  isAdding: PropTypes.bool.isRequired,
-  error: PropTypes.object,
-  totalItems: PropTypes.number.isRequired,
-  items: PropTypes.arrayOf(PropTypes.object).isRequired,
-  selectedFilterKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  filters: PropTypes.arrayOf(PropTypes.object).isRequired,
-  customFilters: PropTypes.arrayOf(PropTypes.object).isRequired,
-  sortKey: PropTypes.string,
-  sortDirection: PropTypes.oneOf(sortDirections.all),
-  view: PropTypes.string.isRequired,
-  isRefreshingCollections: PropTypes.bool.isRequired,
-  isSmallScreen: PropTypes.bool.isRequired,
-  onSortSelect: PropTypes.func.isRequired,
-  onFilterSelect: PropTypes.func.isRequired,
-  onScroll: PropTypes.func.isRequired,
-  onUpdateSelectedPress: PropTypes.func.isRequired,
-  onRefreshMovieCollectionsPress: PropTypes.func.isRequired
-};
-
-export default Collection;

frontend/src/Collection/CollectionConnector.js

@@ -1,108 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import * as commandNames from 'Commands/commandNames';
-import withScrollPosition from 'Components/withScrollPosition';
-import { executeCommand } from 'Store/Actions/commandActions';
-import { saveMovieCollections, setMovieCollectionsFilter, setMovieCollectionsSort } from 'Store/Actions/movieCollectionActions';
-import { fetchRootFolders } from 'Store/Actions/rootFolderActions';
-import scrollPositions from 'Store/scrollPositions';
-import createCollectionClientSideCollectionItemsSelector from 'Store/Selectors/createCollectionClientSideCollectionItemsSelector';
-import createCommandExecutingSelector from 'Store/Selectors/createCommandExecutingSelector';
-import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
-import { registerPagePopulator, unregisterPagePopulator } from 'Utilities/pagePopulator';
-import Collection from './Collection';
-
-function createMapStateToProps() {
-  return createSelector(
-    createCollectionClientSideCollectionItemsSelector('movieCollections'),
-    createCommandExecutingSelector(commandNames.REFRESH_COLLECTIONS),
-    createDimensionsSelector(),
-    (
-      collections,
-      isRefreshingCollections,
-      dimensionsState
-    ) => {
-      return {
-        ...collections,
-        isRefreshingCollections,
-        isSmallScreen: dimensionsState.isSmallScreen
-      };
-    }
-  );
-}
-
-function createMapDispatchToProps(dispatch, props) {
-  return {
-    dispatchFetchRootFolders() {
-      dispatch(fetchRootFolders());
-    },
-    onUpdateSelectedPress(payload) {
-      dispatch(saveMovieCollections(payload));
-    },
-    onSortSelect(sortKey) {
-      dispatch(setMovieCollectionsSort({ sortKey }));
-    },
-    onFilterSelect(selectedFilterKey) {
-      dispatch(setMovieCollectionsFilter({ selectedFilterKey }));
-    },
-    onRefreshMovieCollectionsPress() {
-      dispatch(executeCommand({
-        name: commandNames.REFRESH_COLLECTIONS
-      }));
-    }
-  };
-}
-
-class CollectionConnector extends Component {
-
-  //
-  // Lifecycle
-
-  componentDidMount() {
-    registerPagePopulator(this.repopulate);
-    this.props.dispatchFetchRootFolders();
-  }
-
-  componentWillUnmount() {
-    unregisterPagePopulator(this.repopulate);
-  }
-
-  //
-  // Listeners
-
-  onScroll = ({ scrollTop }) => {
-    scrollPositions.movieCollections = scrollTop;
-  };
-
-  onUpdateSelectedPress = (payload) => {
-    this.props.onUpdateSelectedPress(payload);
-  };
-
-  //
-  // Render
-
-  render() {
-    return (
-      <Collection
-        {...this.props}
-        onViewSelect={this.onViewSelect}
-        onScroll={this.onScroll}
-        onUpdateSelectedPress={this.onUpdateSelectedPress}
-      />
-    );
-  }
-}
-
-CollectionConnector.propTypes = {
-  isSmallScreen: PropTypes.bool.isRequired,
-  view: PropTypes.string.isRequired,
-  onUpdateSelectedPress: PropTypes.func.isRequired,
-  dispatchFetchRootFolders: PropTypes.func.isRequired
-};
-
-export default withScrollPosition(
-  connect(createMapStateToProps, createMapDispatchToProps)(CollectionConnector),
-  'movieCollections'
-);

frontend/src/Collection/CollectionFilterModalConnector.js

@@ -1,24 +0,0 @@
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import FilterModal from 'Components/Filter/FilterModal';
-import { setMovieCollectionsFilter } from 'Store/Actions/movieCollectionActions';
-
-function createMapStateToProps() {
-  return createSelector(
-    (state) => state.movieCollections.items,
-    (state) => state.movieCollections.filterBuilderProps,
-    (sectionItems, filterBuilderProps) => {
-      return {
-        sectionItems,
-        filterBuilderProps,
-        customFilterType: 'movieCollections'
-      };
-    }
-  );
-}
-
-const mapDispatchToProps = {
-  dispatchSetFilter: setMovieCollectionsFilter
-};
-
-export default connect(createMapStateToProps, mapDispatchToProps)(FilterModal);

frontend/src/Collection/CollectionFooter.css

@@ -1,56 +0,0 @@
-.inputContainer {
-  margin-right: 20px;
-  min-width: 150px;
-}
-
-.buttonContainer {
-  display: flex;
-  justify-content: flex-end;
-  flex-grow: 1;
-}
-
-.buttonContainerContent {
-  flex-grow: 0;
-}
-
-.buttons {
-  display: flex;
-  justify-content: flex-end;
-  flex-grow: 1;
-}
-
-.addSelectedButton {
-  composes: button from '~Components/Link/SpinnerButton.css';
-
-  margin-right: 10px;
-  height: 35px;
-}
-
-.excludeSelectedButton {
-  composes: button from '~Components/Link/SpinnerButton.css';
-
-  margin-left: 25px;
-  height: 35px;
-}
-
-@media only screen and (max-width: $breakpointSmall) {
-  .inputContainer {
-    margin-right: 0;
-  }
-
-  .buttonContainer {
-    justify-content: flex-start;
-  }
-
-  .buttonContainerContent {
-    flex-grow: 1;
-  }
-
-  .buttons {
-    justify-content: space-between;
-  }
-
-  .selectedMovieLabel {
-    text-align: left;
-  }
-}

frontend/src/Collection/CollectionFooter.js

@@ -1,163 +0,0 @@
-import _ from 'lodash';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import SelectInput from 'Components/Form/SelectInput';
-import SpinnerButton from 'Components/Link/SpinnerButton';
-import PageContentFooter from 'Components/Page/PageContentFooter';
-import { kinds } from 'Helpers/Props';
-import translate from 'Utilities/String/translate';
-import CollectionFooterLabel from './CollectionFooterLabel';
-import styles from './CollectionFooter.css';
-
-const NO_CHANGE = 'noChange';
-
-class CollectionFooter extends Component {
-
-  //
-  // Lifecycle
-
-  constructor(props, context) {
-    super(props, context);
-
-    this.state = {
-      monitor: NO_CHANGE,
-      monitored: NO_CHANGE,
-      destinationRootFolder: null
-    };
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      isSaving,
-      saveError
-    } = this.props;
-
-    const newState = {};
-    if (prevProps.isSaving && !isSaving && !saveError) {
-      this.setState({
-        monitored: NO_CHANGE,
-        monitor: NO_CHANGE
-      });
-    }
-
-    if (!_.isEmpty(newState)) {
-      this.setState(newState);
-    }
-  }
-
-  //
-  // Listeners
-
-  onInputChange = ({ name, value }) => {
-    this.setState({ [name]: value });
-  };
-
-  onUpdateSelectedPress = () => {
-    const {
-      monitor,
-      monitored
-    } = this.state;
-
-    const changes = {};
-
-    if (monitored !== NO_CHANGE) {
-      changes.monitored = monitored === 'monitored';
-    }
-
-    if (monitor !== NO_CHANGE) {
-      changes.monitor = monitor;
-    }
-
-    this.props.onUpdateSelectedPress(changes);
-  };
-
-  //
-  // Render
-
-  render() {
-    const {
-      selectedIds,
-      isSaving
-    } = this.props;
-
-    const {
-      monitored,
-      monitor
-    } = this.state;
-
-    const monitoredOptions = [
-      { key: NO_CHANGE, value: translate('NoChange'), disabled: true },
-      { key: 'monitored', value: translate('Monitored') },
-      { key: 'unmonitored', value: translate('Unmonitored') }
-    ];
-
-    const selectedCount = selectedIds.length;
-
-    return (
-      <PageContentFooter>
-        <div className={styles.inputContainer}>
-          <CollectionFooterLabel
-            label={translate('MonitorCollection')}
-            isSaving={isSaving}
-          />
-
-          <SelectInput
-            name="monitored"
-            value={monitored}
-            values={monitoredOptions}
-            isDisabled={!selectedCount}
-            onChange={this.onInputChange}
-          />
-        </div>
-
-        <div className={styles.inputContainer}>
-          <CollectionFooterLabel
-            label={translate('MonitorMovies')}
-            isSaving={isSaving}
-          />
-
-          <SelectInput
-            name="monitor"
-            value={monitor}
-            values={monitoredOptions}
-            isDisabled={!selectedCount}
-            onChange={this.onInputChange}
-          />
-        </div>
-
-        <div className={styles.buttonContainer}>
-          <div className={styles.buttonContainerContent}>
-            <CollectionFooterLabel
-              label={translate('CollectionsSelectedInterp', [selectedCount])}
-              isSaving={false}
-            />
-
-            <div className={styles.buttons}>
-              <div>
-                <SpinnerButton
-                  className={styles.addSelectedButton}
-                  kind={kinds.PRIMARY}
-                  isSpinning={isSaving}
-                  isDisabled={!selectedCount || isSaving}
-                  onPress={this.onUpdateSelectedPress}
-                >
-                  {translate('UpdateSelected')}
-                </SpinnerButton>
-              </div>
-            </div>
-          </div>
-        </div>
-      </PageContentFooter>
-    );
-  }
-}
-
-CollectionFooter.propTypes = {
-  selectedIds: PropTypes.arrayOf(PropTypes.number).isRequired,
-  isAdding: PropTypes.bool.isRequired,
-  isSaving: PropTypes.bool.isRequired,
-  saveError: PropTypes.object,
-  onUpdateSelectedPress: PropTypes.func.isRequired
-};
-
-export default CollectionFooter;

frontend/src/Collection/CollectionFooterLabel.css

@@ -1,8 +0,0 @@
-.label {
-  margin-bottom: 3px;
-  font-weight: bold;
-}
-
-.savingIcon {
-  margin-left: 8px;
-}

frontend/src/Collection/CollectionFooterLabel.js

@@ -1,40 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import SpinnerIcon from 'Components/SpinnerIcon';
-import { icons } from 'Helpers/Props';
-import styles from './CollectionFooterLabel.css';
-
-function CollectionFooterLabel(props) {
-  const {
-    className,
-    label,
-    isSaving
-  } = props;
-
-  return (
-    <div className={className}>
-      {label}
-
-      {
-        isSaving &&
-          <SpinnerIcon
-            className={styles.savingIcon}
-            name={icons.SPINNER}
-            isSpinning={true}
-          />
-      }
-    </div>
-  );
-}
-
-CollectionFooterLabel.propTypes = {
-  className: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired,
-  isSaving: PropTypes.bool.isRequired
-};
-
-CollectionFooterLabel.defaultProps = {
-  className: styles.label
-};
-
-export default CollectionFooterLabel;

frontend/src/Collection/CollectionItemConnector.js

@@ -1,75 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import createAllMoviesSelector from 'Store/Selectors/createAllMoviesSelector';
-import createCollectionSelector from 'Store/Selectors/createCollectionSelector';
-
-function createMapStateToProps() {
-  return createSelector(
-    createCollectionSelector(),
-    createAllMoviesSelector(),
-    (
-      collection,
-      allMovies
-    ) => {
-      // If a movie is deleted this selector may fire before the parent
-      // selecors, which will result in an undefined movie, if that happens
-      // we want to return early here and again in the render function to avoid
-      // trying to show a movie that has no information available.
-
-      if (!collection) {
-        return {};
-      }
-
-      let allGenres = [];
-      let libraryMovies = 0;
-
-      collection.movies.forEach((movie) => {
-        allGenres = allGenres.concat(movie.genres);
-
-        if (allMovies.find((libraryMovie) => libraryMovie.tmdbId === movie.tmdbId)) {
-          libraryMovies++;
-        }
-      });
-
-      return {
-        ...collection,
-        genres: Array.from(new Set(allGenres)).slice(0, 3),
-        missingMovies: collection.movies.length - libraryMovies
-      };
-    }
-  );
-}
-
-class CollectionItemConnector extends Component {
-
-  //
-  // Render
-
-  render() {
-    const {
-      id,
-      component: ItemComponent,
-      ...otherProps
-    } = this.props;
-
-    if (!id) {
-      return null;
-    }
-
-    return (
-      <ItemComponent
-        {...otherProps}
-        id={id}
-      />
-    );
-  }
-}
-
-CollectionItemConnector.propTypes = {
-  id: PropTypes.number,
-  component: PropTypes.elementType.isRequired
-};
-
-export default connect(createMapStateToProps)(CollectionItemConnector);

frontend/src/Collection/Edit/EditCollectionModal.js

@@ -1,25 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Modal from 'Components/Modal/Modal';
-import EditCollectionModalContentConnector from './EditCollectionModalContentConnector';
-
-function EditCollectionModal({ isOpen, onModalClose, ...otherProps }) {
-  return (
-    <Modal
-      isOpen={isOpen}
-      onModalClose={onModalClose}
-    >
-      <EditCollectionModalContentConnector
-        {...otherProps}
-        onModalClose={onModalClose}
-      />
-    </Modal>
-  );
-}
-
-EditCollectionModal.propTypes = {
-  isOpen: PropTypes.bool.isRequired,
-  onModalClose: PropTypes.func.isRequired
-};
-
-export default EditCollectionModal;

frontend/src/Collection/Edit/EditCollectionModalConnector.js

@@ -1,39 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { clearPendingChanges } from 'Store/Actions/baseActions';
-import EditCollectionModal from './EditCollectionModal';
-
-const mapDispatchToProps = {
-  clearPendingChanges
-};
-
-class EditCollectionModalConnector extends Component {
-
-  //
-  // Listeners
-
-  onModalClose = () => {
-    this.props.clearPendingChanges({ section: 'movieCollections' });
-    this.props.onModalClose();
-  };
-
-  //
-  // Render
-
-  render() {
-    return (
-      <EditCollectionModal
-        {...this.props}
-        onModalClose={this.onModalClose}
-      />
-    );
-  }
-}
-
-EditCollectionModalConnector.propTypes = {
-  onModalClose: PropTypes.func.isRequired,
-  clearPendingChanges: PropTypes.func.isRequired
-};
-
-export default connect(undefined, mapDispatchToProps)(EditCollectionModalConnector);

frontend/src/Collection/Edit/EditCollectionModalContent.css

@@ -1,17 +0,0 @@
-.container {
-  display: flex;
-}
-
-.poster {
-  flex: 0 0 170px;
-  margin-right: 20px;
-  height: 250px;
-}
-
-.info {
-  flex-grow: 1;
-}
-
-.overview {
-  margin-bottom: 30px;
-}

frontend/src/Collection/Edit/EditCollectionModalContent.js

@@ -1,178 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import Form from 'Components/Form/Form';
-import FormGroup from 'Components/Form/FormGroup';
-import FormInputGroup from 'Components/Form/FormInputGroup';
-import FormLabel from 'Components/Form/FormLabel';
-import Button from 'Components/Link/Button';
-import SpinnerButton from 'Components/Link/SpinnerButton';
-import ModalBody from 'Components/Modal/ModalBody';
-import ModalContent from 'Components/Modal/ModalContent';
-import ModalFooter from 'Components/Modal/ModalFooter';
-import ModalHeader from 'Components/Modal/ModalHeader';
-import { inputTypes } from 'Helpers/Props';
-import MoviePoster from 'Movie/MoviePoster';
-import translate from 'Utilities/String/translate';
-import styles from './EditCollectionModalContent.css';
-
-class EditCollectionModalContent extends Component {
-
-  //
-  // Listeners
-
-  onSavePress = () => {
-    const {
-      onSavePress
-    } = this.props;
-
-    onSavePress(false);
-  };
-
-  //
-  // Render
-
-  render() {
-    const {
-      title,
-      images,
-      overview,
-      item,
-      isSaving,
-      onInputChange,
-      onModalClose,
-      isSmallScreen,
-      ...otherProps
-    } = this.props;
-
-    const {
-      monitored,
-      qualityProfileId,
-      minimumAvailability,
-      // Id,
-      rootFolderPath,
-      searchOnAdd
-    } = item;
-
-    return (
-      <ModalContent onModalClose={onModalClose}>
-        <ModalHeader>
-          {translate('Edit')} - {title}
-        </ModalHeader>
-
-        <ModalBody>
-          <div className={styles.container}>
-            {
-              !isSmallScreen &&
-                <div className={styles.poster}>
-                  <MoviePoster
-                    className={styles.poster}
-                    images={images}
-                    size={250}
-                  />
-                </div>
-            }
-
-            <div className={styles.info}>
-              <div className={styles.overview}>
-                {overview}
-              </div>
-
-              <Form
-                {...otherProps}
-              >
-                <FormGroup>
-                  <FormLabel>{translate('Monitored')}</FormLabel>
-
-                  <FormInputGroup
-                    type={inputTypes.CHECK}
-                    name="monitored"
-                    helpText={translate('MonitoredCollectionHelpText')}
-                    {...monitored}
-                    onChange={onInputChange}
-                  />
-                </FormGroup>
-
-                <FormGroup>
-                  <FormLabel>{translate('MinimumAvailability')}</FormLabel>
-
-                  <FormInputGroup
-                    type={inputTypes.AVAILABILITY_SELECT}
-                    name="minimumAvailability"
-                    {...minimumAvailability}
-                    onChange={onInputChange}
-                  />
-                </FormGroup>
-
-                <FormGroup>
-                  <FormLabel>{translate('QualityProfile')}</FormLabel>
-
-                  <FormInputGroup
-                    type={inputTypes.QUALITY_PROFILE_SELECT}
-                    name="qualityProfileId"
-                    {...qualityProfileId}
-                    onChange={onInputChange}
-                  />
-                </FormGroup>
-
-                <FormGroup>
-                  <FormLabel>{translate('Folder')}</FormLabel>
-
-                  <FormInputGroup
-                    type={inputTypes.ROOT_FOLDER_SELECT}
-                    name="rootFolderPath"
-                    {...rootFolderPath}
-                    includeMissingValue={true}
-                    onChange={onInputChange}
-                  />
-                </FormGroup>
-
-                <FormGroup>
-                  <FormLabel>{translate('SearchOnAdd')}</FormLabel>
-
-                  <FormInputGroup
-                    type={inputTypes.CHECK}
-                    name="searchOnAdd"
-                    helpText={translate('SearchOnAddCollectionHelpText')}
-                    {...searchOnAdd}
-                    onChange={onInputChange}
-                  />
-                </FormGroup>
-              </Form>
-            </div>
-          </div>
-        </ModalBody>
-
-        <ModalFooter>
-          <Button
-            onPress={onModalClose}
-          >
-            {translate('Cancel')}
-          </Button>
-
-          <SpinnerButton
-            isSpinning={isSaving}
-            onPress={this.onSavePress}
-          >
-            {translate('Save')}
-          </SpinnerButton>
-        </ModalFooter>
-      </ModalContent>
-    );
-  }
-}
-
-EditCollectionModalContent.propTypes = {
-  collectionId: PropTypes.number.isRequired,
-  title: PropTypes.string.isRequired,
-  overview: PropTypes.string.isRequired,
-  images: PropTypes.arrayOf(PropTypes.object).isRequired,
-  item: PropTypes.object.isRequired,
-  isSaving: PropTypes.bool.isRequired,
-  isPathChanging: PropTypes.bool.isRequired,
-  isSmallScreen: PropTypes.bool.isRequired,
-  onInputChange: PropTypes.func.isRequired,
-  onSavePress: PropTypes.func.isRequired,
-  onModalClose: PropTypes.func.isRequired
-};
-
-export default EditCollectionModalContent;

frontend/src/Collection/Edit/EditCollectionModalContentConnector.js

@@ -1,119 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { saveMovieCollection, setMovieCollectionValue } from 'Store/Actions/movieCollectionActions';
-import createCollectionSelector from 'Store/Selectors/createCollectionSelector';
-import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
-import selectSettings from 'Store/Selectors/selectSettings';
-import EditCollectionModalContent from './EditCollectionModalContent';
-
-function createIsPathChangingSelector() {
-  return createSelector(
-    (state) => state.movieCollections.pendingChanges,
-    createCollectionSelector(),
-    (pendingChanges, collection) => {
-      const rootFolderPath = pendingChanges.rootFolderPath;
-
-      if (rootFolderPath == null) {
-        return false;
-      }
-
-      return collection.rootFolderPath !== rootFolderPath;
-    }
-  );
-}
-
-function createMapStateToProps() {
-  return createSelector(
-    (state) => state.movieCollections,
-    createCollectionSelector(),
-    createIsPathChangingSelector(),
-    createDimensionsSelector(),
-    (moviesState, collection, isPathChanging, dimensions) => {
-      const {
-        isSaving,
-        saveError,
-        pendingChanges
-      } = moviesState;
-
-      const movieSettings = {
-        monitored: collection.monitored,
-        qualityProfileId: collection.qualityProfileId,
-        minimumAvailability: collection.minimumAvailability,
-        rootFolderPath: collection.rootFolderPath,
-        searchOnAdd: collection.searchOnAdd
-      };
-
-      const settings = selectSettings(movieSettings, pendingChanges, saveError);
-
-      return {
-        title: collection.title,
-        images: collection.images,
-        overview: collection.overview,
-        isSaving,
-        saveError,
-        isPathChanging,
-        originalPath: collection.path,
-        item: settings.settings,
-        isSmallScreen: dimensions.isSmallScreen,
-        ...settings
-      };
-    }
-  );
-}
-
-const mapDispatchToProps = {
-  dispatchSetMovieCollectionValue: setMovieCollectionValue,
-  dispatchSaveMovieCollection: saveMovieCollection
-};
-
-class EditCollectionModalContentConnector extends Component {
-
-  //
-  // Lifecycle
-
-  componentDidUpdate(prevProps, prevState) {
-    if (prevProps.isSaving && !this.props.isSaving && !this.props.saveError) {
-      this.props.onModalClose();
-    }
-  }
-
-  //
-  // Listeners
-
-  onInputChange = ({ name, value }) => {
-    this.props.dispatchSetMovieCollectionValue({ name, value });
-  };
-
-  onSavePress = () => {
-    this.props.dispatchSaveMovieCollection({
-      id: this.props.collectionId
-    });
-  };
-
-  //
-  // Render
-
-  render() {
-    return (
-      <EditCollectionModalContent
-        {...this.props}
-        onInputChange={this.onInputChange}
-        onSavePress={this.onSavePress}
-        onMoveMoviePress={this.onMoveMoviePress}
-      />
-    );
-  }
-}
-
-EditCollectionModalContentConnector.propTypes = {
-  collectionId: PropTypes.number,
-  isSaving: PropTypes.bool.isRequired,
-  saveError: PropTypes.object,
-  dispatchSetMovieCollectionValue: PropTypes.func.isRequired,
-  dispatchSaveMovieCollection: PropTypes.func.isRequired,
-  onModalClose: PropTypes.func.isRequired
-};
-
-export default connect(createMapStateToProps, mapDispatchToProps)(EditCollectionModalContentConnector);

frontend/src/Collection/Menus/CollectionFilterMenu.js

@@ -1,41 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import CollectionFilterModalConnector from 'Collection/CollectionFilterModalConnector';
-import FilterMenu from 'Components/Menu/FilterMenu';
-import { align } from 'Helpers/Props';
-
-function CollectionFilterMenu(props) {
-  const {
-    selectedFilterKey,
-    filters,
-    customFilters,
-    isDisabled,
-    onFilterSelect
-  } = props;
-
-  return (
-    <FilterMenu
-      alignMenu={align.RIGHT}
-      isDisabled={isDisabled}
-      selectedFilterKey={selectedFilterKey}
-      filters={filters}
-      customFilters={customFilters}
-      filterModalConnectorComponent={CollectionFilterModalConnector}
-      onFilterSelect={onFilterSelect}
-    />
-  );
-}
-
-CollectionFilterMenu.propTypes = {
-  selectedFilterKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  filters: PropTypes.arrayOf(PropTypes.object).isRequired,
-  customFilters: PropTypes.arrayOf(PropTypes.object).isRequired,
-  isDisabled: PropTypes.bool.isRequired,
-  onFilterSelect: PropTypes.func.isRequired
-};
-
-CollectionFilterMenu.defaultProps = {
-  showCustomFilters: false
-};
-
-export default CollectionFilterMenu;

frontend/src/Collection/Menus/CollectionSortMenu.js

@@ -1,43 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import MenuContent from 'Components/Menu/MenuContent';
-import SortMenu from 'Components/Menu/SortMenu';
-import SortMenuItem from 'Components/Menu/SortMenuItem';
-import { align, sortDirections } from 'Helpers/Props';
-import translate from 'Utilities/String/translate';
-
-function CollectionSortMenu(props) {
-  const {
-    sortKey,
-    sortDirection,
-    isDisabled,
-    onSortSelect
-  } = props;
-
-  return (
-    <SortMenu
-      isDisabled={isDisabled}
-      alignMenu={align.RIGHT}
-    >
-      <MenuContent>
-        <SortMenuItem
-          name="sortTitle"
-          sortKey={sortKey}
-          sortDirection={sortDirection}
-          onPress={onSortSelect}
-        >
-          {translate('Title')}
-        </SortMenuItem>
-      </MenuContent>
-    </SortMenu>
-  );
-}
-
-CollectionSortMenu.propTypes = {
-  sortKey: PropTypes.string,
-  sortDirection: PropTypes.oneOf(sortDirections.all),
-  isDisabled: PropTypes.bool.isRequired,
-  onSortSelect: PropTypes.func.isRequired
-};
-
-export default CollectionSortMenu;

frontend/src/Collection/NoCollection.css

@@ -1,11 +0,0 @@
-.message {
-  margin-top: 10px;
-  margin-bottom: 30px;
-  text-align: center;
-  font-size: 20px;
-}
-
-.buttonContainer {
-  margin-top: 20px;
-  text-align: center;
-}

frontend/src/Collection/NoCollection.js

@@ -1,52 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Button from 'Components/Link/Button';
-import { kinds } from 'Helpers/Props';
-import translate from 'Utilities/String/translate';
-import styles from './NoCollection.css';
-
-function NoCollection(props) {
-  const { totalItems } = props;
-
-  if (totalItems > 0) {
-    return (
-      <div>
-        <div className={styles.message}>
-          {translate('AllCollectionsHiddenDueToFilter')}
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div>
-      <div className={styles.message}>
-        {translate('NoCollections')}
-      </div>
-
-      <div className={styles.buttonContainer}>
-        <Button
-          to="/add/import"
-          kind={kinds.PRIMARY}
-        >
-          {translate('ImportExistingMovies')}
-        </Button>
-      </div>
-
-      <div className={styles.buttonContainer}>
-        <Button
-          to="/add/new"
-          kind={kinds.PRIMARY}
-        >
-          {translate('AddNewMovie')}
-        </Button>
-      </div>
-    </div>
-  );
-}
-
-NoCollection.propTypes = {
-  totalItems: PropTypes.number.isRequired
-};
-
-export default NoCollection;

frontend/src/Collection/Overview/CollectionMovie.css

@@ -1,117 +0,0 @@
-$hoverScale: 1.05;
-
-.content {
-  border-radius: 5px;
-  transition: all 200ms ease-in;
-
-  &:hover {
-    z-index: 2;
-    box-shadow: 0 0 10px $black;
-    transition: all 200ms ease-in;
-
-    .poster {
-      opacity: 0.5;
-      transition: opacity 100ms linear 100ms;
-    }
-
-    .overlayTitle {
-      opacity: 1;
-      transition: opacity 100ms linear 100ms;
-    }
-  }
-}
-
-.posterContainer {
-  position: relative;
-}
-
-.poster {
-  position: relative;
-  display: block;
-  background-color: $defaultColor;
-}
-
-.overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  justify-content: flex-end;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-}
-
-.overlayTitle {
-  padding: 5px;
-  color: $offWhite;
-  text-align: left;
-  font-weight: bold;
-  font-size: 15px;
-  opacity: 0;
-  transition: opacity 0;
-}
-
-.title {
-  @add-mixin truncate;
-
-  background-color: #fafbfc;
-  text-align: center;
-  font-size: $smallFontSize;
-}
-
-.controls {
-  position: absolute;
-  bottom: 10px;
-  left: 10px;
-  z-index: 3;
-  border-radius: 4px;
-  background-color: #707070;
-  color: $white;
-  font-size: $smallFontSize;
-  opacity: 0;
-  transition: opacity 0;
-}
-
-.action {
-  composes: button from '~Components/Link/IconButton.css';
-
-  &:hover {
-    color: $radarrYellow;
-  }
-}
-
-@media only screen and (max-width: $breakpointSmall) {
-  .container {
-    padding: 5px;
-  }
-}
-
-.editorSelect {
-  position: absolute;
-  top: 10px;
-  z-index: 3;
-}
-
-.externalLinks {
-  margin-left: 0.5em;
-}
-
-.link {
-  composes: link from '~Components/Link/Link.css';
-
-  position: relative;
-  display: block;
-  background-color: $defaultColor;
-}
-
-.monitorToggleButton {
-  composes: toggleButton from '~Components/MonitorToggleButton.css';
-
-  width: 25px;
-  color: $white;
-
-  &:hover {
-    color: $iconButtonHoverLightColor;
-  }
-}

frontend/src/Collection/Overview/CollectionMovie.js

@@ -1,191 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import Link from 'Components/Link/Link';
-import MonitorToggleButton from 'Components/MonitorToggleButton';
-import EditMovieModalConnector from 'Movie/Edit/EditMovieModalConnector';
-import MovieIndexProgressBar from 'Movie/Index/ProgressBar/MovieIndexProgressBar';
-import MoviePoster from 'Movie/MoviePoster';
-import AddNewCollectionMovieModal from './../AddNewCollectionMovieModal';
-import styles from './CollectionMovie.css';
-
-class CollectionMovie extends Component {
-
-  //
-  // Lifecycle
-
-  constructor(props, context) {
-    super(props, context);
-
-    this.state = {
-      hasPosterError: false,
-      isEditMovieModalOpen: false,
-      isNewAddMovieModalOpen: false
-    };
-  }
-
-  //
-  // Listeners
-
-  onEditMoviePress = () => {
-    this.setState({ isEditMovieModalOpen: true });
-  };
-
-  onEditMovieModalClose = () => {
-    this.setState({ isEditMovieModalOpen: false });
-  };
-
-  onAddMoviePress = () => {
-    this.setState({ isNewAddMovieModalOpen: true });
-  };
-
-  onAddMovieModalClose = () => {
-    this.setState({ isNewAddMovieModalOpen: false });
-  };
-
-  onPosterLoad = () => {
-    if (this.state.hasPosterError) {
-      this.setState({ hasPosterError: false });
-    }
-  };
-
-  onPosterLoadError = () => {
-    if (!this.state.hasPosterError) {
-      this.setState({ hasPosterError: true });
-    }
-  };
-
-  //
-  // Render
-
-  render() {
-    const {
-      id,
-      title,
-      overview,
-      year,
-      tmdbId,
-      images,
-      monitored,
-      hasFile,
-      folder,
-      isAvailable,
-      isExistingMovie,
-      posterWidth,
-      posterHeight,
-      detailedProgressBar,
-      onMonitorTogglePress,
-      collectionId
-    } = this.props;
-
-    const {
-      isEditMovieModalOpen,
-      isNewAddMovieModalOpen
-    } = this.state;
-
-    const linkProps = id ? { to: `/movie/${tmdbId}` } : { onPress: this.onAddMoviePress };
-
-    const elementStyle = {
-      width: `${posterWidth}px`,
-      height: `${posterHeight}px`,
-      borderRadius: '5px'
-    };
-
-    return (
-      <div className={styles.content}>
-        <div className={styles.posterContainer}>
-          {
-            isExistingMovie &&
-              <div className={styles.editorSelect}>
-                <MonitorToggleButton
-                  className={styles.monitorToggleButton}
-                  monitored={monitored}
-                  size={20}
-                  onPress={onMonitorTogglePress}
-                />
-              </div>
-          }
-
-          <Link
-            className={styles.link}
-            style={elementStyle}
-            {...linkProps}
-          >
-            <MoviePoster
-              className={styles.poster}
-              style={elementStyle}
-              images={images}
-              size={250}
-              lazy={false}
-              overflow={true}
-              onError={this.onPosterLoadError}
-              onLoad={this.onPosterLoad}
-            />
-
-            <div className={styles.overlay}>
-              <div className={styles.overlayTitle}>
-                {title}
-              </div>
-
-              {
-                id &&
-                  <div className={styles.overlayStatus}>
-                    <MovieIndexProgressBar
-                      monitored={monitored}
-                      hasFile={hasFile}
-                      status={status}
-                      bottomRadius={true}
-                      posterWidth={posterWidth}
-                      detailedProgressBar={detailedProgressBar}
-                      isAvailable={isAvailable}
-                    />
-                  </div>
-              }
-            </div>
-          </Link>
-        </div>
-
-        <AddNewCollectionMovieModal
-          isOpen={isNewAddMovieModalOpen && !isExistingMovie}
-          tmdbId={tmdbId}
-          title={title}
-          year={year}
-          overview={overview}
-          images={images}
-          folder={folder}
-          onModalClose={this.onAddMovieModalClose}
-          collectionId={collectionId}
-        />
-
-        <EditMovieModalConnector
-          isOpen={isEditMovieModalOpen}
-          movieId={id}
-          onModalClose={this.onEditMovieModalClose}
-          onDeleteMoviePress={this.onDeleteMoviePress}
-        />
-      </div>
-    );
-  }
-}
-
-CollectionMovie.propTypes = {
-  id: PropTypes.number,
-  title: PropTypes.string.isRequired,
-  year: PropTypes.number.isRequired,
-  overview: PropTypes.string.isRequired,
-  monitored: PropTypes.bool,
-  collectionId: PropTypes.number.isRequired,
-  hasFile: PropTypes.bool,
-  folder: PropTypes.string,
-  isAvailable: PropTypes.bool,
-  images: PropTypes.arrayOf(PropTypes.object).isRequired,
-  posterWidth: PropTypes.number.isRequired,
-  posterHeight: PropTypes.number.isRequired,
-  detailedProgressBar: PropTypes.bool.isRequired,
-  isExistingMovie: PropTypes.bool,
-  tmdbId: PropTypes.number.isRequired,
-  imdbId: PropTypes.string,
-  youTubeTrailerId: PropTypes.string,
-  onMonitorTogglePress: PropTypes.func.isRequired
-};
-
-export default CollectionMovie;

frontend/src/Collection/Overview/CollectionMovieConnector.js

@@ -1,59 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { toggleMovieMonitored } from 'Store/Actions/movieActions';
-import createCollectionExistingMovieSelector from 'Store/Selectors/createCollectionExistingMovieSelector';
-import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
-import CollectionMovie from './CollectionMovie';
-
-function createMapStateToProps() {
-  return createSelector(
-    createDimensionsSelector(),
-    createCollectionExistingMovieSelector(),
-    (dimensions, existingMovie) => {
-      return {
-        isSmallScreen: dimensions.isSmallScreen,
-        isExistingMovie: !!existingMovie,
-        ...existingMovie
-      };
-    }
-  );
-}
-
-const mapDispatchToProps = {
-  toggleMovieMonitored
-};
-
-class CollectionMovieConnector extends Component {
-
-  //
-  // Listeners
-
-  onMonitorTogglePress = (monitored) => {
-    this.props.toggleMovieMonitored({
-      movieId: this.props.id,
-      monitored
-    });
-  };
-
-  //
-  // Render
-
-  render() {
-    return (
-      <CollectionMovie
-        {...this.props}
-        onMonitorTogglePress={this.onMonitorTogglePress}
-      />
-    );
-  }
-}
-
-CollectionMovieConnector.propTypes = {
-  id: PropTypes.number,
-  monitored: PropTypes.bool,
-  toggleMovieMonitored: PropTypes.func.isRequired
-};
-
-export default connect(createMapStateToProps, mapDispatchToProps)(CollectionMovieConnector);

frontend/src/Collection/Overview/CollectionMovieLabel.css

@@ -1,50 +0,0 @@
-.movie {
-  display: flex;
-  align-items: stretch;
-  overflow: hidden;
-  margin: 2px 4px;
-  border: 1px solid $borderColor;
-  border-radius: 4px;
-  background-color: #eee;
-  cursor: default;
-}
-
-.movieTitle {
-  padding: 0 4px;
-}
-
-.movieStatus {
-  padding: 0 4px;
-  border-left: 4px;
-  border-left-style: solid;
-  background-color: $white;
-  color: $defaultColor;
-}
-
-.primary {
-  border-color: $primaryColor;
-}
-
-.danger {
-  border-color: $dangerColor;
-}
-
-.success {
-  border-color: $successColor;
-}
-
-.purple {
-  border-color: $purple;
-}
-
-.warning {
-  border-color: $warningColor;
-}
-
-.info {
-  border-color: $infoColor;
-}
-
-.queue {
-  border-color: $queueColor;
-}

frontend/src/Collection/Overview/CollectionMovieLabel.js

@@ -1,84 +0,0 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import MonitorToggleButton from 'Components/MonitorToggleButton';
-import getStatusStyle from 'Utilities/Movie/getStatusStyle';
-import translate from 'Utilities/String/translate';
-import styles from './CollectionMovieLabel.css';
-
-class CollectionMovieLabel extends Component {
-  //
-  // Render
-
-  render() {
-    const {
-      id,
-      title,
-      status,
-      monitored,
-      isAvailable,
-      hasFile,
-      onMonitorTogglePress,
-      isSaving
-    } = this.props;
-
-    return (
-      <div className={styles.movie}>
-        <div className={styles.movieTitle}>
-          {
-            id &&
-              <MonitorToggleButton
-                monitored={monitored}
-                isSaving={isSaving}
-                onPress={onMonitorTogglePress}
-              />
-          }
-
-          <span>
-            {
-              title
-            }
-          </span>
-        </div>
-
-        {
-          id &&
-            <div
-              className={classNames(
-                styles.movieStatus,
-                styles[getStatusStyle(status, monitored, hasFile, isAvailable, 'kinds')]
-              )}
-            >
-              {
-                hasFile ? translate('Downloaded') : translate('Missing')
-              }
-            </div>
-        }
-      </div>
-    );
-  }
-}
-
-CollectionMovieLabel.propTypes = {
-  id: PropTypes.number,
-  title: PropTypes.string.isRequired,
-  status: PropTypes.string,
-  isAvailable: PropTypes.bool,
-  monitored: PropTypes.bool,
-  hasFile: PropTypes.bool,
-  isSaving: PropTypes.bool.isRequired,
-  movieFile: PropTypes.object,
-  movieFileId: PropTypes.number,
-  onMonitorTogglePress: PropTypes.func.isRequired
-};
-
-CollectionMovieLabel.defaultProps = {
-  isSaving: false,
-  statistics: {
-    episodeFileCount: 0,
-    totalEpisodeCount: 0,
-    percentOfEpisodes: 0
-  }
-};
-
-export default CollectionMovieLabel;

frontend/src/Collection/Overview/CollectionMovieLabelConnector.js

@@ -1,59 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { toggleMovieMonitored } from 'Store/Actions/movieActions';
-import createCollectionExistingMovieSelector from 'Store/Selectors/createCollectionExistingMovieSelector';
-import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
-import CollectionMovieLabel from './CollectionMovieLabel';
-
-function createMapStateToProps() {
-  return createSelector(
-    createDimensionsSelector(),
-    createCollectionExistingMovieSelector(),
-    (dimensions, existingMovie) => {
-      return {
-        isSmallScreen: dimensions.isSmallScreen,
-        isExistingMovie: !!existingMovie,
-        ...existingMovie
-      };
-    }
-  );
-}
-
-const mapDispatchToProps = {
-  toggleMovieMonitored
-};
-
-class CollectionMovieLabelConnector extends Component {
-
-  //
-  // Listeners
-
-  onMonitorTogglePress = (monitored) => {
-    this.props.toggleMovieMonitored({
-      movieId: this.props.id,
-      monitored
-    });
-  };
-
-  //
-  // Render
-
-  render() {
-    return (
-      <CollectionMovieLabel
-        {...this.props}
-        onMonitorTogglePress={this.onMonitorTogglePress}
-      />
-    );
-  }
-}
-
-CollectionMovieLabelConnector.propTypes = {
-  id: PropTypes.number,
-  monitored: PropTypes.bool,
-  toggleMovieMonitored: PropTypes.func.isRequired
-};
-
-export default connect(createMapStateToProps, mapDispatchToProps)(CollectionMovieLabelConnector);

frontend/src/Collection/Overview/CollectionOverview.css

@@ -1,137 +0,0 @@
-$hoverScale: 1.05;
-
-.content {
-  display: flex;
-  flex-grow: 1;
-}
-
-.editorSelect {
-  position: relative;
-  top: 0;
-  left: 5px;
-}
-
-.titleRow {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  flex: 0 0 auto;
-}
-
-.toggleMonitoredContainer {
-  align-self: center;
-  margin-right: 10px;
-}
-
-.titleContainer {
-  display: flex;
-  margin-bottom: 5px;
-}
-
-.sliderContainer {
-  display: block;
-}
-
-.labelsContainer {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.moviesContainer {
-  margin-bottom: 5px;
-}
-
-.movie {
-  padding: 7px;
-}
-
-.info {
-  display: flex;
-  flex: 1 0 1px;
-  flex-direction: column;
-  overflow: hidden;
-  padding-left: 10px;
-}
-
-.title {
-  @add-mixin truncate;
-
-  font-weight: 300;
-  font-size: 30px;
-  line-height: 40px;
-}
-
-.actions {
-  white-space: nowrap;
-}
-
-.details {
-  display: flex;
-  justify-content: space-between;
-  flex: 1 0 auto;
-  margin-bottom: 5px;
-}
-
-.defaults {
-  margin-bottom: 5px;
-  font-weight: 300;
-  font-size: 20px;
-}
-
-.detailsLabel {
-  composes: label from '~Components/Label.css';
-
-  margin: 5px 10px 5px 0;
-}
-
-.path,
-.status,
-.genres,
-.qualityProfileName {
-  margin-left: 8px;
-  font-weight: 300;
-  font-size: 15px;
-}
-
-.overview {
-  overflow: hidden;
-  min-height: 0;
-}
-
-.monitorToggleButton {
-  composes: toggleButton from '~Components/MonitorToggleButton.css';
-
-  width: 25px;
-
-  &:hover {
-    color: $iconButtonHoverLightColor;
-  }
-}
-
-@media only screen and (max-width: $breakpointSmall) {
-  .navigationButtons {
-    display: none;
-  }
-
-  .title {
-    @add-mixin truncate;
-
-    font-weight: 300;
-    font-size: 22px;
-  }
-
-  .toggleMonitoredContainer {
-    align-self: center;
-    margin-right: 5px;
-  }
-
-  .monitorToggleButton {
-    composes: toggleButton from '~Components/MonitorToggleButton.css';
-
-    width: 20px;
-
-    &:hover {
-      color: $iconButtonHoverLightColor;
-    }
-  }
-}

frontend/src/Collection/Overview/CollectionOverview.js

@@ -1,340 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import Slider from 'react-slick';
-import TextTruncate from 'react-text-truncate';
-import EditCollectionModalConnector from 'Collection/Edit/EditCollectionModalConnector';
-import CheckInput from 'Components/Form/CheckInput';
-import Icon from 'Components/Icon';
-import Label from 'Components/Label';
-import IconButton from 'Components/Link/IconButton';
-import MonitorToggleButton from 'Components/MonitorToggleButton';
-import { icons, sizes } from 'Helpers/Props';
-import QualityProfileNameConnector from 'Settings/Profiles/Quality/QualityProfileNameConnector';
-import dimensions from 'Styles/Variables/dimensions';
-import fonts from 'Styles/Variables/fonts';
-import translate from 'Utilities/String/translate';
-import CollectionMovieConnector from './CollectionMovieConnector';
-import CollectionMovieLabelConnector from './CollectionMovieLabelConnector';
-import styles from './CollectionOverview.css';
-
-import 'slick-carousel/slick/slick.css';
-import 'slick-carousel/slick/slick-theme.css';
-
-const columnPadding = parseInt(dimensions.movieIndexColumnPadding);
-const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen);
-const defaultFontSize = parseInt(fonts.defaultFontSize);
-const lineHeight = parseFloat(fonts.lineHeight);
-
-// Hardcoded height beased on line-height of 32 + bottom margin of 10. 19 + 5 for List Row
-// Less side-effecty than using react-measure.
-const titleRowHeight = 100;
-
-function getContentHeight(rowHeight, isSmallScreen) {
-  const padding = isSmallScreen ? columnPaddingSmallScreen : columnPadding;
-
-  return rowHeight - padding;
-}
-
-class CollectionOverview extends Component {
-
-  //
-  // Lifecycle
-
-  constructor(props, context) {
-    super(props, context);
-
-    this.state = {
-      isEditCollectionModalOpen: false,
-      isNewAddMovieModalOpen: false
-    };
-  }
-
-  //
-  // Control
-
-  setSliderRef = (ref) => {
-    this.setState({ slider: ref });
-  };
-
-  //
-  // Listeners
-
-  onPress = () => {
-    this.setState({ isNewAddMovieModalOpen: true });
-  };
-
-  onEditCollectionPress = () => {
-    this.setState({ isEditCollectionModalOpen: true });
-  };
-
-  onEditCollectionModalClose = () => {
-    this.setState({ isEditCollectionModalOpen: false });
-  };
-
-  onAddMovieModalClose = () => {
-    this.setState({ isNewAddMovieModalOpen: false });
-  };
-
-  onChange = ({ value, shiftKey }) => {
-    const {
-      id,
-      onSelectedChange
-    } = this.props;
-
-    onSelectedChange({ id, value, shiftKey });
-  };
-
-  //
-  // Render
-
-  render() {
-    const {
-      monitored,
-      qualityProfileId,
-      rootFolderPath,
-      genres,
-      id,
-      title,
-      movies,
-      overview,
-      missingMovies,
-      posterHeight,
-      posterWidth,
-      rowHeight,
-      isSmallScreen,
-      isSelected,
-      onMonitorTogglePress
-    } = this.props;
-
-    const {
-      showDetails,
-      showOverview,
-      showPosters,
-      detailedProgressBar
-    } = this.props.overviewOptions;
-
-    const {
-      isEditCollectionModalOpen
-    } = this.state;
-
-    const contentHeight = getContentHeight(rowHeight, isSmallScreen);
-    const overviewHeight = contentHeight - titleRowHeight - posterHeight;
-
-    const sliderSettings = {
-      arrows: false,
-      dots: false,
-      infinite: false,
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      variableWidth: true
-    };
-
-    return (
-      <div className={styles.container}>
-        <div className={styles.content}>
-          <div className={styles.editorSelect}>
-            <CheckInput
-              className={styles.checkInput}
-              name={id.toString()}
-              value={isSelected}
-              onChange={this.onChange}
-            />
-          </div>
-          <div className={styles.info} style={{ maxHeight: contentHeight }}>
-
-            <div className={styles.titleRow}>
-              <div className={styles.titleContainer}>
-                <div className={styles.toggleMonitoredContainer}>
-                  <MonitorToggleButton
-                    className={styles.monitorToggleButton}
-                    monitored={monitored}
-                    size={isSmallScreen ? 20 : 25}
-                    onPress={onMonitorTogglePress}
-                  />
-                </div>
-                <div className={styles.title}>
-                  {title}
-                </div>
-
-                <IconButton
-                  name={icons.EDIT}
-                  title={translate('EditCollection')}
-                  onPress={this.onEditCollectionPress}
-                />
-              </div>
-
-              {
-                showPosters &&
-                  <div className={styles.navigationButtons}>
-                    <IconButton
-                      name={icons.ARROW_LEFT}
-                      title={translate('ScrollMovies')}
-                      onPress={this.state.slider?.slickPrev}
-                      size={20}
-                    />
-
-                    <IconButton
-                      name={icons.ARROW_RIGHT}
-                      title={translate('ScrollMovies')}
-                      onPress={this.state.slider?.slickNext}
-                      size={20}
-                    />
-                  </div>
-              }
-
-            </div>
-
-            {
-              showDetails &&
-                <div className={styles.defaults}>
-                  <Label
-                    className={styles.detailsLabel}
-                    size={sizes.MEDIUM}
-                  >
-                    <Icon
-                      name={icons.DRIVE}
-                      size={13}
-                    />
-                    <span className={styles.status}>
-                      {`${missingMovies} missing movie(s)`}
-                    </span>
-                  </Label>
-
-                  {
-                    !isSmallScreen &&
-                      <Label
-                        className={styles.detailsLabel}
-                        size={sizes.MEDIUM}
-                      >
-                        <Icon
-                          name={icons.PROFILE}
-                          size={13}
-                        />
-                        <span className={styles.qualityProfileName}>
-                          {
-                            <QualityProfileNameConnector
-                              qualityProfileId={qualityProfileId}
-                            />
-                          }
-                        </span>
-                      </Label>
-                  }
-
-                  {
-                    !isSmallScreen &&
-                      <Label
-                        className={styles.detailsLabel}
-                        size={sizes.MEDIUM}
-                      >
-                        <Icon
-                          name={icons.FOLDER}
-                          size={13}
-                        />
-                        <span className={styles.path}>
-                          {rootFolderPath}
-                        </span>
-                      </Label>
-                  }
-
-                  {
-                    !isSmallScreen &&
-                      <Label
-                        className={styles.detailsLabel}
-                        size={sizes.MEDIUM}
-                      >
-                        <Icon
-                          name={icons.PROFILE}
-                          size={13}
-                        />
-                        <span className={styles.genres}>
-                          {genres.join(', ')}
-                        </span>
-                      </Label>
-                  }
-
-                </div>
-            }
-
-            {
-              showOverview &&
-                <div className={styles.details}>
-                  <div className={styles.overview}>
-                    <TextTruncate
-                      line={Math.floor(overviewHeight / (defaultFontSize * lineHeight))}
-                      text={overview}
-                    />
-                  </div>
-                </div>
-            }
-
-            {
-              showPosters ?
-                <div className={styles.sliderContainer}>
-                  <Slider ref={this.setSliderRef} {...sliderSettings}>
-                    {movies.map((movie) => (
-                      <div className={styles.movie} key={movie.tmdbId}>
-                        <CollectionMovieConnector
-                          key={movie.tmdbId}
-                          posterWidth={posterWidth}
-                          posterHeight={posterHeight}
-                          detailedProgressBar={detailedProgressBar}
-                          collectionId={id}
-                          {...movie}
-                        />
-                      </div>
-                    ))}
-                  </Slider>
-                </div> :
-                <div className={styles.labelsContainer}>
-                  {movies.map((movie) => (
-                    <CollectionMovieLabelConnector
-                      key={movie.tmdbId}
-                      collectionId={id}
-                      {...movie}
-                    />
-                  ))}
-                </div>
-            }
-
-          </div>
-        </div>
-
-        <EditCollectionModalConnector
-          isOpen={isEditCollectionModalOpen}
-          collectionId={id}
-          onModalClose={this.onEditCollectionModalClose}
-        />
-      </div>
-    );
-  }
-}
-
-CollectionOverview.propTypes = {
-  id: PropTypes.number.isRequired,
-  monitored: PropTypes.bool.isRequired,
-  qualityProfileId: PropTypes.number.isRequired,
-  minimumAvailability: PropTypes.string.isRequired,
-  searchOnAdd: PropTypes.bool.isRequired,
-  rootFolderPath: PropTypes.string.isRequired,
-  tmdbId: PropTypes.number.isRequired,
-  title: PropTypes.string.isRequired,
-  overview: PropTypes.string.isRequired,
-  movies: PropTypes.arrayOf(PropTypes.object).isRequired,
-  genres: PropTypes.arrayOf(PropTypes.string).isRequired,
-  missingMovies: PropTypes.number.isRequired,
-  images: PropTypes.arrayOf(PropTypes.object).isRequired,
-  rowHeight: PropTypes.number.isRequired,
-  posterHeight: PropTypes.number.isRequired,
-  posterWidth: PropTypes.number.isRequired,
-  overviewOptions: PropTypes.object.isRequired,
-  showRelativeDates: PropTypes.bool.isRequired,
-  shortDateFormat: PropTypes.string.isRequired,
-  longDateFormat: PropTypes.string.isRequired,
-  timeFormat: PropTypes.string.isRequired,
-  isSmallScreen: PropTypes.bool.isRequired,
-  isSelected: PropTypes.bool,
-  onMonitorTogglePress: PropTypes.func.isRequired,
-  onSelectedChange: PropTypes.func.isRequired
-};
-
-export default CollectionOverview;

frontend/src/Collection/Overview/CollectionOverviewConnector.js

@@ -1,55 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { toggleCollectionMonitored } from 'Store/Actions/movieCollectionActions';
-import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
-import CollectionOverview from './CollectionOverview';
-
-function createMapStateToProps() {
-  return createSelector(
-    createDimensionsSelector(),
-    (dimensions) => {
-      return {
-        isSmallScreen: dimensions.isSmallScreen
-      };
-    }
-  );
-}
-
-const mapDispatchToProps = {
-  toggleCollectionMonitored
-};
-
-class CollectionOverviewConnector extends Component {
-
-  //
-  // Listeners
-
-  onMonitorTogglePress = (monitored) => {
-    this.props.toggleCollectionMonitored({
-      collectionId: this.props.collectionId,
-      monitored
-    });
-  };
-
-  //
-  // Render
-
-  render() {
-    return (
-      <CollectionOverview
-        {...this.props}
-        onMonitorTogglePress={this.onMonitorTogglePress}
-      />
-    );
-  }
-}
-
-CollectionOverviewConnector.propTypes = {
-  collectionId: PropTypes.number.isRequired,
-  monitored: PropTypes.bool.isRequired,
-  toggleCollectionMonitored: PropTypes.func.isRequired
-};
-
-export default connect(createMapStateToProps, mapDispatchToProps)(CollectionOverviewConnector);

frontend/src/Collection/Overview/CollectionOverviews.css

@@ -1,15 +0,0 @@
-.grid {
-  flex: 1 0 auto;
-}
-
-.container {
-  &:hover {
-    .content {
-      background-color: $tableRowHoverBackgroundColor;
-    }
-  }
-}
-
-.externalLinks {
-  margin-right: 0.5em;
-}

frontend/src/Collection/Overview/CollectionOverviews.js

@@ -1,272 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { Grid, WindowScroller } from 'react-virtualized';
-import CollectionItemConnector from 'Collection/CollectionItemConnector';
-import Measure from 'Components/Measure';
-import dimensions from 'Styles/Variables/dimensions';
-import getIndexOfFirstCharacter from 'Utilities/Array/getIndexOfFirstCharacter';
-import hasDifferentItemsOrOrder from 'Utilities/Object/hasDifferentItemsOrOrder';
-import CollectionOverviewConnector from './CollectionOverviewConnector';
-import styles from './CollectionOverviews.css';
-
-// Poster container dimensions
-const columnPadding = parseInt(dimensions.movieIndexColumnPadding);
-const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen);
-
-function calculatePosterWidth(posterSize, isSmallScreen) {
-  const maxiumPosterWidth = isSmallScreen ? 152 : 162;
-
-  if (posterSize === 'large') {
-    return maxiumPosterWidth;
-  }
-
-  if (posterSize === 'medium') {
-    return Math.floor(maxiumPosterWidth * 0.75);
-  }
-
-  return Math.floor(maxiumPosterWidth * 0.5);
-}
-
-function calculateRowHeight(posterHeight, sortKey, isSmallScreen, overviewOptions) {
-
-  const heights = [
-    overviewOptions.showPosters ? posterHeight : 75,
-    isSmallScreen ? columnPaddingSmallScreen : columnPadding
-  ];
-
-  return heights.reduce((acc, height) => acc + height + 80, 0);
-}
-
-function calculatePosterHeight(posterWidth) {
-  return Math.ceil((250 / 170) * posterWidth);
-}
-
-class CollectionOverviews extends Component {
-
-  //
-  // Lifecycle
-
-  constructor(props, context) {
-    super(props, context);
-
-    this.state = {
-      width: 0,
-      columnCount: 1,
-      posterWidth: 162,
-      posterHeight: 238,
-      rowHeight: calculateRowHeight(238, null, props.isSmallScreen, {})
-    };
-
-    this._grid = null;
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      items,
-      sortKey,
-      overviewOptions,
-      jumpToCharacter,
-      scrollTop,
-      isSmallScreen
-    } = this.props;
-
-    const {
-      width,
-      rowHeight,
-      scrollRestored
-    } = this.state;
-
-    if (prevProps.sortKey !== sortKey ||
-        prevProps.overviewOptions !== overviewOptions) {
-      this.calculateGrid(this.state.width, isSmallScreen);
-    }
-
-    if (
-      this._grid &&
-        (prevState.width !== width ||
-            prevState.rowHeight !== rowHeight ||
-            hasDifferentItemsOrOrder(prevProps.items, items) ||
-            prevProps.overviewOptions !== overviewOptions)) {
-      // recomputeGridSize also forces Grid to discard its cache of rendered cells
-      this._grid.recomputeGridSize();
-    }
-
-    if (this._grid && scrollTop !== 0 && !scrollRestored) {
-      this.setState({ scrollRestored: true });
-      this._grid.scrollToPosition({ scrollTop });
-    }
-
-    if (jumpToCharacter != null && jumpToCharacter !== prevProps.jumpToCharacter) {
-      const index = getIndexOfFirstCharacter(items, jumpToCharacter);
-
-      if (this._grid && index != null) {
-
-        this._grid.scrollToCell({
-          rowIndex: index,
-          columnIndex: 0
-        });
-      }
-    }
-  }
-
-  //
-  // Control
-
-  setGridRef = (ref) => {
-    this._grid = ref;
-  };
-
-  calculateGrid = (width = this.state.width, isSmallScreen) => {
-    const {
-      sortKey,
-      overviewOptions
-    } = this.props;
-
-    const posterWidth = calculatePosterWidth(overviewOptions.size, isSmallScreen);
-    const posterHeight = calculatePosterHeight(posterWidth);
-    const rowHeight = calculateRowHeight(posterHeight, sortKey, isSmallScreen, overviewOptions);
-
-    this.setState({
-      width,
-      posterWidth,
-      posterHeight,
-      rowHeight
-    });
-  };
-
-  cellRenderer = ({ key, rowIndex, style }) => {
-    const {
-      items,
-      sortKey,
-      overviewOptions,
-      showRelativeDates,
-      shortDateFormat,
-      longDateFormat,
-      timeFormat,
-      isSmallScreen,
-      selectedState,
-      onSelectedChange
-    } = this.props;
-
-    const {
-      posterWidth,
-      posterHeight,
-      rowHeight
-    } = this.state;
-
-    const collection = items[rowIndex];
-
-    if (!collection) {
-      return null;
-    }
-
-    return (
-      <div
-        className={styles.container}
-        key={key}
-        style={style}
-      >
-        <CollectionItemConnector
-          key={collection.id}
-          component={CollectionOverviewConnector}
-          sortKey={sortKey}
-          posterWidth={posterWidth}
-          posterHeight={posterHeight}
-          rowHeight={rowHeight}
-          overviewOptions={overviewOptions}
-          showRelativeDates={showRelativeDates}
-          shortDateFormat={shortDateFormat}
-          longDateFormat={longDateFormat}
-          timeFormat={timeFormat}
-          isSmallScreen={isSmallScreen}
-          collectionId={collection.id}
-          isSelected={selectedState[collection.id]}
-          onSelectedChange={onSelectedChange}
-        />
-      </div>
-    );
-  };
-
-  //
-  // Listeners
-
-  onMeasure = ({ width }) => {
-    this.calculateGrid(width, this.props.isSmallScreen);
-  };
-
-  //
-  // Render
-
-  render() {
-    const {
-      isSmallScreen,
-      scroller,
-      items,
-      selectedState
-    } = this.props;
-
-    const {
-      width,
-      rowHeight
-    } = this.state;
-
-    return (
-      <Measure
-        whitelist={['width']}
-        onMeasure={this.onMeasure}
-      >
-        <WindowScroller
-          scrollElement={isSmallScreen ? undefined : scroller}
-        >
-          {({ height, registerChild, onChildScroll, scrollTop }) => {
-            if (!height) {
-              return <div />;
-            }
-
-            return (
-              <div ref={registerChild}>
-                <Grid
-                  ref={this.setGridRef}
-                  className={styles.grid}
-                  autoHeight={true}
-                  height={height}
-                  columnCount={1}
-                  columnWidth={width}
-                  rowCount={items.length}
-                  rowHeight={rowHeight}
-                  width={width}
-                  onScroll={onChildScroll}
-                  scrollTop={scrollTop}
-                  overscanRowCount={2}
-                  cellRenderer={this.cellRenderer}
-                  selectedState={selectedState}
-                  scrollToAlignment={'start'}
-                  isScrollingOptout={true}
-                />
-              </div>
-            );
-          }
-          }
-        </WindowScroller>
-      </Measure>
-    );
-  }
-}
-
-CollectionOverviews.propTypes = {
-  items: PropTypes.arrayOf(PropTypes.object).isRequired,
-  sortKey: PropTypes.string,
-  overviewOptions: PropTypes.object.isRequired,
-  jumpToCharacter: PropTypes.string,
-  scrollTop: PropTypes.number.isRequired,
-  scroller: PropTypes.instanceOf(Element).isRequired,
-  showRelativeDates: PropTypes.bool.isRequired,
-  shortDateFormat: PropTypes.string.isRequired,
-  longDateFormat: PropTypes.string.isRequired,
-  isSmallScreen: PropTypes.bool.isRequired,
-  timeFormat: PropTypes.string.isRequired,
-  selectedState: PropTypes.object.isRequired,
-  onSelectedChange: PropTypes.func.isRequired
-};
-
-export default CollectionOverviews;

frontend/src/Collection/Overview/CollectionOverviewsConnector.js

@@ -1,25 +0,0 @@
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
-import createUISettingsSelector from 'Store/Selectors/createUISettingsSelector';
-import CollectionOverviews from './CollectionOverviews';
-
-function createMapStateToProps() {
-  return createSelector(
-    (state) => state.movieCollections.overviewOptions,
-    createUISettingsSelector(),
-    createDimensionsSelector(),
-    (overviewOptions, uiSettings, dimensions) => {
-      return {
-        overviewOptions,
-        showRelativeDates: uiSettings.showRelativeDates,
-        shortDateFormat: uiSettings.shortDateFormat,
-        longDateFormat: uiSettings.longDateFormat,
-        timeFormat: uiSettings.timeFormat,
-        isSmallScreen: dimensions.isSmallScreen
-      };
-    }
-  );
-}
-
-export default connect(createMapStateToProps)(CollectionOverviews);

frontend/src/Collection/Overview/Options/CollectionOverviewOptionsModal.js

@@ -1,25 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Modal from 'Components/Modal/Modal';
-import CollectionOverviewOptionsModalContentConnector from './CollectionOverviewOptionsModalContentConnector';
-
-function CollectionOverviewOptionsModal({ isOpen, onModalClose, ...otherProps }) {
-  return (
-    <Modal
-      isOpen={isOpen}
-      onModalClose={onModalClose}
-    >
-      <CollectionOverviewOptionsModalContentConnector
-        {...otherProps}
-        onModalClose={onModalClose}
-      />
-    </Modal>
-  );
-}
-
-CollectionOverviewOptionsModal.propTypes = {
-  isOpen: PropTypes.bool.isRequired,
-  onModalClose: PropTypes.func.isRequired
-};
-
-export default CollectionOverviewOptionsModal;

frontend/src/Collection/Overview/Options/CollectionOverviewOptionsModalContent.js

@@ -1,205 +0,0 @@
-import _ from 'lodash';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import Form from 'Components/Form/Form';
-import FormGroup from 'Components/Form/FormGroup';
-import FormInputGroup from 'Components/Form/FormInputGroup';
-import FormLabel from 'Components/Form/FormLabel';
-import Button from 'Components/Link/Button';
-import ModalBody from 'Components/Modal/ModalBody';
-import ModalContent from 'Components/Modal/ModalContent';
-import ModalFooter from 'Components/Modal/ModalFooter';
-import ModalHeader from 'Components/Modal/ModalHeader';
-import { inputTypes } from 'Helpers/Props';
-import translate from 'Utilities/String/translate';
-
-const posterSizeOptions = [
-  { key: 'small', value: translate('Small') },
-  { key: 'medium', value: translate('Medium') },
-  { key: 'large', value: translate('Large') }
-];
-
-class CollectionOverviewOptionsModalContent extends Component {
-
-  //
-  // Lifecycle
-
-  constructor(props, context) {
-    super(props, context);
-
-    this.state = {
-      detailedProgressBar: props.detailedProgressBar,
-      size: props.size,
-      showDetails: props.showDetails,
-      showOverview: props.showOverview,
-      showPosters: props.showPosters
-    };
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      detailedProgressBar,
-      size,
-      showDetails,
-      showOverview,
-      showPosters
-    } = this.props;
-
-    const state = {};
-
-    if (detailedProgressBar !== prevProps.detailedProgressBar) {
-      state.detailedProgressBar = detailedProgressBar;
-    }
-
-    if (size !== prevProps.size) {
-      state.size = size;
-    }
-
-    if (showDetails !== prevProps.showDetails) {
-      state.showDetails = showDetails;
-    }
-
-    if (showOverview !== prevProps.showOverview) {
-      state.showOverview = showOverview;
-    }
-
-    if (showPosters !== prevProps.showPosters) {
-      state.showPosters = showPosters;
-    }
-
-    if (!_.isEmpty(state)) {
-      this.setState(state);
-    }
-  }
-
-  //
-  // Listeners
-
-  onChangeOverviewOption = ({ name, value }) => {
-    this.setState({
-      [name]: value
-    }, () => {
-      this.props.onChangeOverviewOption({ [name]: value });
-    });
-  };
-
-  onChangeOption = ({ name, value }) => {
-    this.setState({
-      [name]: value
-    }, () => {
-      this.props.onChangeOption({
-        [name]: value
-      });
-    });
-  };
-
-  //
-  // Render
-
-  render() {
-    const {
-      onModalClose
-    } = this.props;
-
-    const {
-      size,
-      detailedProgressBar,
-      showDetails,
-      showPosters,
-      showOverview
-    } = this.state;
-
-    return (
-      <ModalContent onModalClose={onModalClose}>
-        <ModalHeader>
-          {translate('CollectionOptions')}
-        </ModalHeader>
-
-        <ModalBody>
-          <Form>
-            <FormGroup>
-              <FormLabel>{translate('PosterSize')}</FormLabel>
-
-              <FormInputGroup
-                type={inputTypes.SELECT}
-                name="size"
-                value={size}
-                values={posterSizeOptions}
-                onChange={this.onChangeOverviewOption}
-              />
-            </FormGroup>
-
-            <FormGroup>
-              <FormLabel>{translate('DetailedProgressBar')}</FormLabel>
-
-              <FormInputGroup
-                type={inputTypes.CHECK}
-                name="detailedProgressBar"
-                value={detailedProgressBar}
-                helpText={translate('DetailedProgressBarHelpText')}
-                onChange={this.onChangeOverviewOption}
-              />
-            </FormGroup>
-
-            <FormGroup>
-              <FormLabel>{translate('ShowCollectionDetails')}</FormLabel>
-
-              <FormInputGroup
-                type={inputTypes.CHECK}
-                name="showDetails"
-                value={showDetails}
-                helpText={translate('CollectionShowDetailsHelpText')}
-                onChange={this.onChangeOverviewOption}
-              />
-            </FormGroup>
-
-            <FormGroup>
-              <FormLabel>{translate('ShowOverview')}</FormLabel>
-
-              <FormInputGroup
-                type={inputTypes.CHECK}
-                name="showOverview"
-                value={showOverview}
-                helpText={translate('CollectionShowOverviewsHelpText')}
-                onChange={this.onChangeOverviewOption}
-              />
-            </FormGroup>
-
-            <FormGroup>
-              <FormLabel>{translate('ShowPosters')}</FormLabel>
-
-              <FormInputGroup
-                type={inputTypes.CHECK}
-                name="showPosters"
-                value={showPosters}
-                helpText={translate('CollectionShowPostersHelpText')}
-                onChange={this.onChangeOverviewOption}
-              />
-            </FormGroup>
-          </Form>
-        </ModalBody>
-
-        <ModalFooter>
-          <Button
-            onPress={onModalClose}
-          >
-            {translate('Close')}
-          </Button>
-        </ModalFooter>
-      </ModalContent>
-    );
-  }
-}
-
-CollectionOverviewOptionsModalContent.propTypes = {
-  detailedProgressBar: PropTypes.bool.isRequired,
-  size: PropTypes.string.isRequired,
-  showDetails: PropTypes.bool.isRequired,
-  showOverview: PropTypes.bool.isRequired,
-  showPosters: PropTypes.bool.isRequired,
-  onChangeOverviewOption: PropTypes.func.isRequired,
-  onChangeOption: PropTypes.func.isRequired,
-  onModalClose: PropTypes.func.isRequired
-};
-
-export default CollectionOverviewOptionsModalContent;

frontend/src/Collection/Overview/Options/CollectionOverviewOptionsModalContentConnector.js

@@ -1,29 +0,0 @@
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { setMovieCollectionsOption, setMovieCollectionsOverviewOption } from 'Store/Actions/movieCollectionActions';
-import CollectionOverviewOptionsModalContent from './CollectionOverviewOptionsModalContent';
-
-function createMapStateToProps() {
-  return createSelector(
-    (state) => state.movieCollections,
-    (movieCollections) => {
-      return {
-        ...movieCollections.options,
-        ...movieCollections.overviewOptions
-      };
-    }
-  );
-}
-
-function createMapDispatchToProps(dispatch, props) {
-  return {
-    onChangeOverviewOption(payload) {
-      dispatch(setMovieCollectionsOverviewOption(payload));
-    },
-    onChangeOption(payload) {
-      dispatch(setMovieCollectionsOption(payload));
-    }
-  };
-}
-
-export default connect(createMapStateToProps, createMapDispatchToProps)(CollectionOverviewOptionsModalContent);

frontend/src/Commands/commandNames.js

@@ -10,7 +10,6 @@ export const DOWNLOADED_MOVIES_SCAN = 'DownloadedMoviesScan';
 export const INTERACTIVE_IMPORT = 'ManualImport';
 export const MISSING_MOVIES_SEARCH = 'MissingMoviesSearch';
 export const MOVE_MOVIE = 'MoveMovie';
-export const REFRESH_COLLECTIONS = 'RefreshCollections';
 export const REFRESH_MOVIE = 'RefreshMovie';
 export const RENAME_FILES = 'RenameFiles';
 export const RENAME_MOVIE = 'RenameMovie';

frontend/src/Components/Form/MovieMonitoredSelectInput.js

@@ -1,10 +1,15 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import monitorOptions from 'Utilities/Movie/monitorOptions';
+import translate from 'Utilities/String/translate';
 import SelectInput from './SelectInput';
 
+const monitorTypesOptions = [
+  { key: 'true', value: translate('Yes') },
+  { key: 'false', value: translate('No') }
+];
+
 function MovieMonitoredSelectInput(props) {
-  const values = [...monitorOptions];
+  const values = [...monitorTypesOptions];
 
   const {
     includeNoChange,

frontend/src/Components/Page/PageConnector.js

@@ -6,7 +6,6 @@ import { createSelector } from 'reselect';
 import { saveDimensions, setIsSidebarVisible } from 'Store/Actions/appActions';
 import { fetchCustomFilters } from 'Store/Actions/customFilterActions';
 import { fetchMovies } from 'Store/Actions/movieActions';
-import { fetchMovieCollections } from 'Store/Actions/movieCollectionActions';
 import { fetchImportLists, fetchIndexerFlags, fetchLanguages, fetchQualityProfiles, fetchUISettings } from 'Store/Actions/settingsActions';
 import { fetchStatus } from 'Store/Actions/systemActions';
 import { fetchTags } from 'Store/Actions/tagActions';
@@ -52,7 +51,6 @@ const selectIsPopulated = createSelector(
   (state) => state.settings.indexerFlags.isPopulated,
   (state) => state.settings.importLists.isPopulated,
   (state) => state.system.status.isPopulated,
-  (state) => state.movieCollections.isPopulated,
   (
     customFiltersIsPopulated,
     tagsIsPopulated,
@@ -61,8 +59,7 @@ const selectIsPopulated = createSelector(
     languagesIsPopulated,
     indexerFlagsIsPopulated,
     importListsIsPopulated,
-    systemStatusIsPopulated,
-    movieCollectionsIsPopulated
+    systemStatusIsPopulated
   ) => {
     return (
       customFiltersIsPopulated &&
@@ -72,8 +69,7 @@ const selectIsPopulated = createSelector(
       languagesIsPopulated &&
       indexerFlagsIsPopulated &&
       importListsIsPopulated &&
-      systemStatusIsPopulated &&
-      movieCollectionsIsPopulated
+      systemStatusIsPopulated
     );
   }
 );
@@ -87,7 +83,6 @@ const selectErrors = createSelector(
   (state) => state.settings.indexerFlags.error,
   (state) => state.settings.importLists.error,
   (state) => state.system.status.error,
-  (state) => state.movieCollections.error,
   (
     customFiltersError,
     tagsError,
@@ -96,8 +91,7 @@ const selectErrors = createSelector(
     languagesError,
     indexerFlagsError,
     importListsError,
-    systemStatusError,
-    movieCollectionsError
+    systemStatusError
   ) => {
     const hasError = !!(
       customFiltersError ||
@@ -107,8 +101,7 @@ const selectErrors = createSelector(
       languagesError ||
       indexerFlagsError ||
       importListsError ||
-      systemStatusError ||
-      movieCollectionsError
+      systemStatusError
     );
 
     return {
@@ -120,8 +113,7 @@ const selectErrors = createSelector(
       languagesError,
       indexerFlagsError,
       importListsError,
-      systemStatusError,
-      movieCollectionsError
+      systemStatusError
     };
   }
 );
@@ -156,9 +148,6 @@ function createMapDispatchToProps(dispatch, props) {
     dispatchFetchMovies() {
       dispatch(fetchMovies());
     },
-    dispatchFetchMovieCollections() {
-      dispatch(fetchMovieCollections());
-    },
     dispatchFetchCustomFilters() {
       dispatch(fetchCustomFilters());
     },
@@ -208,7 +197,6 @@ class PageConnector extends Component {
   componentDidMount() {
     if (!this.props.isPopulated) {
       this.props.dispatchFetchMovies();
-      this.props.dispatchFetchMovieCollections();
       this.props.dispatchFetchCustomFilters();
       this.props.dispatchFetchTags();
       this.props.dispatchFetchQualityProfiles();
@@ -235,7 +223,6 @@ class PageConnector extends Component {
       isPopulated,
       hasError,
       dispatchFetchMovies,
-      dispatchFetchMovieCollections,
       dispatchFetchTags,
       dispatchFetchQualityProfiles,
       dispatchFetchLanguages,
@@ -275,7 +262,6 @@ PageConnector.propTypes = {
   hasError: PropTypes.bool.isRequired,
   isSidebarVisible: PropTypes.bool.isRequired,
   dispatchFetchMovies: PropTypes.func.isRequired,
-  dispatchFetchMovieCollections: PropTypes.func.isRequired,
   dispatchFetchCustomFilters: PropTypes.func.isRequired,
   dispatchFetchTags: PropTypes.func.isRequired,
   dispatchFetchQualityProfiles: PropTypes.func.isRequired,

frontend/src/Components/Page/Sidebar/PageSidebar.js

@@ -33,10 +33,6 @@ const links = [
         title: translate('ImportLibrary'),
         to: '/add/import'
       },
-      {
-        title: translate('Collections'),
-        to: '/collections'
-      },
       {
         title: translate('Discover'),
         to: '/add/discover'

frontend/src/Components/SignalRConnector.js

@@ -203,19 +203,6 @@ class SignalRConnector extends Component {
     }
   };
 
-  handleCollection = (body) => {
-    const action = body.action;
-    const section = 'movieCollections';
-
-    console.log(body);
-
-    if (action === 'updated') {
-      this.props.dispatchUpdateItem({ section, ...body.resource });
-    } else if (action === 'deleted') {
-      this.props.dispatchRemoveItem({ section, id: body.resource.id });
-    }
-  };
-
   handleQueue = () => {
     if (this.props.isQueuePopulated) {
       this.props.dispatchFetchQueue();

frontend/src/DiscoverMovie/DiscoverMovieFooter.js

@@ -9,7 +9,6 @@ import SelectInput from 'Components/Form/SelectInput';
 import SpinnerButton from 'Components/Link/SpinnerButton';
 import PageContentFooter from 'Components/Page/PageContentFooter';
 import { kinds } from 'Helpers/Props';
-import monitorOptions from 'Utilities/Movie/monitorOptions';
 import translate from 'Utilities/String/translate';
 import DiscoverMovieFooterLabel from './DiscoverMovieFooterLabel';
 import ExcludeMovieModal from './Exclusion/ExcludeMovieModal';
@@ -138,6 +137,11 @@ class DiscoverMovieFooter extends Component {
       isExcludeMovieModalOpen
     } = this.state;
 
+    const monitoredOptions = [
+      { key: true, value: translate('Monitored') },
+      { key: false, value: translate('Unmonitored') }
+    ];
+
     return (
       <PageContentFooter>
         <div className={styles.inputContainer}>
@@ -149,7 +153,7 @@ class DiscoverMovieFooter extends Component {
           <SelectInput
             name="monitor"
             value={monitor}
-            values={monitorOptions}
+            values={monitoredOptions}
             isDisabled={!selectedCount}
             onChange={onInputChange}
           />

frontend/src/DiscoverMovie/Posters/DiscoverMoviePosterInfo.js

@@ -129,7 +129,7 @@ DiscoverMoviePosterInfo.propTypes = {
   digitalRelease: PropTypes.string,
   physicalRelease: PropTypes.string,
   runtime: PropTypes.number,
-  ratings: PropTypes.object.isRequired,
+  ratings: PropTypes.arrayOf(PropTypes.object).isRequired,
   sortKey: PropTypes.string.isRequired,
   showRelativeDates: PropTypes.bool.isRequired,
   shortDateFormat: PropTypes.string.isRequired,

frontend/src/DiscoverMovie/Table/DiscoverMovieRow.js

@@ -164,7 +164,7 @@ class DiscoverMovieRow extends Component {
                   key={name}
                   className={styles[name]}
                 >
-                  {collection ? collection.title : null }
+                  {collection ? collection.name : null }
                 </VirtualTableRowCell>
               );
             }
@@ -373,7 +373,7 @@ DiscoverMovieRow.propTypes = {
   digitalRelease: PropTypes.string,
   runtime: PropTypes.number,
   genres: PropTypes.arrayOf(PropTypes.string).isRequired,
-  ratings: PropTypes.object.isRequired,
+  ratings: PropTypes.arrayOf(PropTypes.object).isRequired,
   certification: PropTypes.string,
   collection: PropTypes.object,
   columns: PropTypes.arrayOf(PropTypes.object).isRequired,

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js

@@ -81,7 +81,6 @@ const filterExistingFilesOptions = {
 };
 
 const importModeOptions = [
-  { key: 'chooseImportMode', value: translate('ChooseImportMode'), disabled: true },
   { key: 'move', value: translate('MoveFiles') },
   { key: 'copy', value: translate('HardlinkCopyFiles') }
 ];

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContentConnector.js

@@ -1,3 +1,4 @@
+import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
@@ -100,18 +101,9 @@ class InteractiveImportModalContentConnector extends Component {
   };
 
   onImportSelectedPress = (selected, importMode) => {
-    const {
-      items
-    } = this.props;
-
     const files = [];
 
-    if (importMode === 'chooseImportMode') {
-      this.setState({ interactiveImportErrorMessage: 'An import mode must be selected' });
-      return;
-    }
-
-    items.forEach((item) => {
+    _.forEach(this.props.items, (item) => {
       const isSelected = selected.indexOf(item.id) > -1;
 
       if (isSelected) {

frontend/src/Movie/Details/MovieDetails.js

@@ -39,7 +39,7 @@ import formatBytes from 'Utilities/Number/formatBytes';
 import translate from 'Utilities/String/translate';
 import selectAll from 'Utilities/Table/selectAll';
 import toggleSelected from 'Utilities/Table/toggleSelected';
-import MovieCollectionLabelConnector from './../MovieCollectionLabelConnector';
+import MovieCollectionConnector from './../MovieCollectionConnector';
 import MovieCastPostersConnector from './Credits/Cast/MovieCastPostersConnector';
 import MovieCrewPostersConnector from './Credits/Crew/MovieCrewPostersConnector';
 import MovieDetailsLinks from './MovieDetailsLinks';
@@ -583,8 +583,10 @@ class MovieDetails extends Component {
                         size={sizes.LARGE}
                       >
                         <div className={styles.collection}>
-                          <MovieCollectionLabelConnector
+                          <MovieCollectionConnector
                             tmdbId={collection.tmdbId}
+                            name={collection.name}
+                            movieId={id}
                           />
                         </div>
                       </InfoLabel>

frontend/src/Movie/Index/ProgressBar/MovieIndexProgressBar.css

@@ -7,15 +7,6 @@
   transition: width 200ms ease;
 }
 
-.progressRadius {
-  composes: container from '~Components/ProgressBar.css';
-
-  border-radius: 0 0 5px 5px;
-  background-color: #5b5b5b;
-  color: $white;
-  transition: width 200ms ease;
-}
-
 .progressBar {
   composes: progressBar from '~Components/ProgressBar.css';
 

frontend/src/Movie/Index/ProgressBar/MovieIndexProgressBar.js

@@ -15,7 +15,6 @@ function MovieIndexProgressBar(props) {
     isAvailable,
     posterWidth,
     detailedProgressBar,
-    bottomRadius,
     queueStatus,
     queueState
   } = props;
@@ -41,7 +40,7 @@ function MovieIndexProgressBar(props) {
   return (
     <ProgressBar
       className={styles.progressBar}
-      containerClassName={bottomRadius ? styles.progressRadius : styles.progress}
+      containerClassName={styles.progress}
       progress={progress}
       kind={getStatusStyle(status, monitored, hasFile, isAvailable, 'kinds', queueStatusText)}
       size={detailedProgressBar ? sizes.MEDIUM : sizes.SMALL}
@@ -55,7 +54,6 @@ function MovieIndexProgressBar(props) {
 MovieIndexProgressBar.propTypes = {
   monitored: PropTypes.bool.isRequired,
   hasFile: PropTypes.bool.isRequired,
-  bottomRadius: PropTypes.bool,
   isAvailable: PropTypes.bool.isRequired,
   status: PropTypes.string.isRequired,
   posterWidth: PropTypes.number.isRequired,
@@ -64,8 +62,4 @@ MovieIndexProgressBar.propTypes = {
   queueState: PropTypes.string
 };
 
-MovieIndexProgressBar.defaultProps = {
-  bottomRadius: false
-};
-
 export default MovieIndexProgressBar;

frontend/src/Movie/Index/Table/MovieIndexRow.js

@@ -170,7 +170,7 @@ class MovieIndexRow extends Component {
                   key={name}
                   className={styles[name]}
                 >
-                  {collection ? collection.title : null }
+                  {collection ? collection.name : null }
                 </VirtualTableRowCell>
               );
             }

frontend/src/Movie/Index/Table/MovieIndexTable.js

@@ -65,7 +65,6 @@ class MovieIndexTable extends Component {
           component={MovieIndexRow}
           columns={columns}
           movieId={movie.id}
-          collectionId={movie.collectionId}
           qualityProfileId={movie.qualityProfileId}
           isSelected={selectedState[movie.id]}
           onSelectedChange={onSelectedChange}

frontend/src/Movie/MovieCollection.js

@@ -0,0 +1,73 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import MonitorToggleButton from 'Components/MonitorToggleButton';
+import EditImportListModalConnector from 'Settings/ImportLists/ImportLists/EditImportListModalConnector';
+import styles from './MovieCollection.css';
+
+class MovieCollection extends Component {
+
+  //
+  // Lifecycle
+
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      hasPosterError: false,
+      isEditImportListModalOpen: false
+    };
+  }
+
+  onAddImportListPress = (monitored) => {
+    if (this.props.collectionList) {
+      this.props.onMonitorTogglePress(monitored);
+    } else {
+      this.props.onMonitorTogglePress(monitored);
+      this.setState({ isEditImportListModalOpen: true });
+    }
+  };
+
+  onEditImportListModalClose = () => {
+    this.setState({ isEditImportListModalOpen: false });
+  };
+
+  render() {
+    const {
+      name,
+      collectionList,
+      isSaving
+    } = this.props;
+
+    const monitored = collectionList !== undefined && collectionList.enabled && collectionList.enableAuto;
+    const importListId = collectionList ? collectionList.id : 0;
+
+    return (
+      <div>
+        <MonitorToggleButton
+          className={styles.monitorToggleButton}
+          monitored={monitored}
+          isSaving={isSaving}
+          size={15}
+          onPress={this.onAddImportListPress}
+        />
+        {name}
+        <EditImportListModalConnector
+          id={importListId}
+          isOpen={this.state.isEditImportListModalOpen}
+          onModalClose={this.onEditImportListModalClose}
+          onDeleteImportListPress={this.onDeleteImportListPress}
+        />
+      </div>
+    );
+  }
+}
+
+MovieCollection.propTypes = {
+  tmdbId: PropTypes.number.isRequired,
+  name: PropTypes.string.isRequired,
+  collectionList: PropTypes.object,
+  isSaving: PropTypes.bool.isRequired,
+  onMonitorTogglePress: PropTypes.func.isRequired
+};
+
+export default MovieCollection;

frontend/src/Movie/MovieCollectionConnector.js

@@ -0,0 +1,90 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import { saveImportList, selectImportListSchema, setImportListFieldValue, setImportListValue } from 'Store/Actions/settingsActions';
+import createMovieCollectionListSelector from 'Store/Selectors/createMovieCollectionListSelector';
+import createMovieSelector from 'Store/Selectors/createMovieSelector';
+import MovieCollection from './MovieCollection';
+
+function createMapStateToProps() {
+  return createSelector(
+    createMovieSelector(),
+    createMovieCollectionListSelector(),
+    (state) => state.settings.importLists,
+    (movie, collectionList, importLists) => {
+      const {
+        monitored,
+        qualityProfileId,
+        minimumAvailability
+      } = movie;
+
+      return {
+        collectionList,
+        monitored,
+        qualityProfileId,
+        minimumAvailability,
+        isSaving: importLists.isSaving
+      };
+    }
+  );
+}
+
+const mapDispatchToProps = {
+  selectImportListSchema,
+  setImportListFieldValue,
+  setImportListValue,
+  saveImportList
+};
+
+class MovieCollectionConnector extends Component {
+
+  //
+  // Listeners
+
+  onMonitorTogglePress = (monitored) => {
+    if (this.props.collectionList) {
+      this.props.setImportListValue({ name: 'enabled', value: monitored });
+      this.props.setImportListValue({ name: 'enableAuto', value: monitored });
+      this.props.saveImportList({ id: this.props.collectionList.id });
+    } else {
+      this.props.selectImportListSchema({ implementation: 'TMDbCollectionImport', presetName: undefined });
+      this.props.setImportListFieldValue({ name: 'collectionId', value: this.props.tmdbId.toString() });
+      this.props.setImportListValue({ name: 'enabled', value: true });
+      this.props.setImportListValue({ name: 'enableAuto', value: true });
+      this.props.setImportListValue({ name: 'name', value: `${this.props.name} - ${this.props.tmdbId}` });
+      this.props.setImportListValue({ name: 'qualityProfileId', value: this.props.qualityProfileId });
+      this.props.setImportListValue({ name: 'monitored', value: this.props.monitored });
+      this.props.setImportListValue({ name: 'minimumAvailability', value: this.props.minimumAvailability });
+    }
+  };
+
+  //
+  // Render
+
+  render() {
+    return (
+      <MovieCollection
+        {...this.props}
+        onMonitorTogglePress={this.onMonitorTogglePress}
+      />
+    );
+  }
+}
+
+MovieCollectionConnector.propTypes = {
+  tmdbId: PropTypes.number.isRequired,
+  movieId: PropTypes.number.isRequired,
+  name: PropTypes.string.isRequired,
+  collectionList: PropTypes.object,
+  monitored: PropTypes.bool.isRequired,
+  qualityProfileId: PropTypes.number.isRequired,
+  minimumAvailability: PropTypes.string.isRequired,
+  isSaving: PropTypes.bool.isRequired,
+  selectImportListSchema: PropTypes.func.isRequired,
+  setImportListFieldValue: PropTypes.func.isRequired,
+  setImportListValue: PropTypes.func.isRequired,
+  saveImportList: PropTypes.func.isRequired
+};
+
+export default connect(createMapStateToProps, mapDispatchToProps)(MovieCollectionConnector);

frontend/src/Movie/MovieCollectionLabel.js

@@ -1,46 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import MonitorToggleButton from 'Components/MonitorToggleButton';
-import styles from './MovieCollectionLabel.css';
-
-class MovieCollectionLabel extends Component {
-
-  //
-  // Lifecycle
-
-  constructor(props, context) {
-    super(props, context);
-
-    this.state = {
-      hasPosterError: false
-    };
-  }
-
-  render() {
-    const {
-      title,
-      monitored,
-      onMonitorTogglePress
-    } = this.props;
-
-    return (
-      <div>
-        <MonitorToggleButton
-          className={styles.monitorToggleButton}
-          monitored={monitored}
-          size={15}
-          onPress={onMonitorTogglePress}
-        />
-        {title}
-      </div>
-    );
-  }
-}
-
-MovieCollectionLabel.propTypes = {
-  title: PropTypes.string.isRequired,
-  monitored: PropTypes.bool.isRequired,
-  onMonitorTogglePress: PropTypes.func.isRequired
-};
-
-export default MovieCollectionLabel;

frontend/src/Movie/MovieCollectionLabelConnector.js

@@ -1,57 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { toggleCollectionMonitored } from 'Store/Actions/movieCollectionActions';
-import MovieCollectionLabel from './MovieCollectionLabel';
-
-function createMapStateToProps() {
-  return createSelector(
-    (state, { tmdbId }) => tmdbId,
-    (state) => state.movieCollections.items,
-    (tmdbId, collections) => {
-      const collection = collections.find((movie) => movie.tmdbId === tmdbId);
-      return {
-        ...collection
-      };
-    }
-  );
-}
-
-const mapDispatchToProps = {
-  toggleCollectionMonitored
-};
-
-class MovieCollectionLabelConnector extends Component {
-
-  //
-  // Listeners
-
-  onMonitorTogglePress = (monitored) => {
-    this.props.toggleCollectionMonitored({
-      collectionId: this.props.id,
-      monitored
-    });
-  };
-
-  //
-  // Render
-
-  render() {
-    return (
-      <MovieCollectionLabel
-        {...this.props}
-        onMonitorTogglePress={this.onMonitorTogglePress}
-      />
-    );
-  }
-}
-
-MovieCollectionLabelConnector.propTypes = {
-  tmdbId: PropTypes.number.isRequired,
-  id: PropTypes.number.isRequired,
-  monitored: PropTypes.bool.isRequired,
-  toggleCollectionMonitored: PropTypes.func.isRequired
-};
-
-export default connect(createMapStateToProps, mapDispatchToProps)(MovieCollectionLabelConnector);

frontend/src/Settings/ImportLists/ImportLists/EditImportListModalContent.js

@@ -42,7 +42,7 @@ function EditImportListModalContent(props) {
     name,
     enabled,
     enableAuto,
-    monitor,
+    shouldMonitor,
     minimumAvailability,
     qualityProfileId,
     rootFolderPath,
@@ -121,29 +121,32 @@ function EditImportListModalContent(props) {
               </FormGroup>
 
               <FormGroup>
-                <FormLabel>{translate('Monitor')}</FormLabel>
-
-                <FormInputGroup
-                  type={inputTypes.MOVIE_MONITORED_SELECT}
-                  name="monitor"
-                  helpText={translate('ShouldMonitorHelpText')}
-                  {...monitor}
-                  onChange={onInputChange}
-                />
-              </FormGroup>
-
-              <FormGroup>
-                <FormLabel>{translate('SearchOnAdd')}</FormLabel>
+                <FormLabel>{translate('AddMoviesMonitored')}</FormLabel>
 
                 <FormInputGroup
                   type={inputTypes.CHECK}
-                  name="searchOnAdd"
-                  helpText={translate('SearchOnAddHelpText')}
-                  {...searchOnAdd}
+                  name="shouldMonitor"
+                  helpText={translate('ShouldMonitorHelpText')}
+                  {...shouldMonitor}
                   onChange={onInputChange}
                 />
               </FormGroup>
 
+              {
+                shouldMonitor &&
+                  <FormGroup>
+                    <FormLabel>{translate('SearchOnAdd')}</FormLabel>
+
+                    <FormInputGroup
+                      type={inputTypes.CHECK}
+                      name="searchOnAdd"
+                      helpText={translate('SearchOnAddHelpText')}
+                      {...searchOnAdd}
+                      onChange={onInputChange}
+                    />
+                  </FormGroup>
+              }
+
               <FormGroup>
                 <FormLabel>{translate('MinimumAvailability')}</FormLabel>
                 <FormInputGroup

frontend/src/Settings/Notifications/Notifications/Notification.js

@@ -59,7 +59,6 @@ class Notification extends Component {
       onDownload,
       onUpgrade,
       onRename,
-      onMovieAdded,
       onMovieDelete,
       onMovieFileDelete,
       onMovieFileDeleteForUpgrade,
@@ -69,7 +68,6 @@ class Notification extends Component {
       supportsOnDownload,
       supportsOnUpgrade,
       supportsOnRename,
-      supportsOnMovieAdded,
       supportsOnMovieDelete,
       supportsOnMovieFileDelete,
       supportsOnMovieFileDeleteForUpgrade,
@@ -119,14 +117,6 @@ class Notification extends Component {
             null
         }
 
-        {
-          supportsOnMovieAdded && onMovieAdded ?
-            <Label kind={kinds.SUCCESS}>
-              {translate('OnMovieAdded')}
-            </Label> :
-            null
-        }
-
         {
           supportsOnHealthIssue && onHealthIssue ?
             <Label kind={kinds.SUCCESS}>
@@ -206,7 +196,6 @@ Notification.propTypes = {
   onDownload: PropTypes.bool.isRequired,
   onUpgrade: PropTypes.bool.isRequired,
   onRename: PropTypes.bool.isRequired,
-  onMovieAdded: PropTypes.bool.isRequired,
   onMovieDelete: PropTypes.bool.isRequired,
   onMovieFileDelete: PropTypes.bool.isRequired,
   onMovieFileDeleteForUpgrade: PropTypes.bool.isRequired,
@@ -219,7 +208,6 @@ Notification.propTypes = {
   supportsOnMovieFileDeleteForUpgrade: PropTypes.bool.isRequired,
   supportsOnUpgrade: PropTypes.bool.isRequired,
   supportsOnRename: PropTypes.bool.isRequired,
-  supportsOnMovieAdded: PropTypes.bool.isRequired,
   supportsOnHealthIssue: PropTypes.bool.isRequired,
   supportsOnApplicationUpdate: PropTypes.bool.isRequired,
   onConfirmDeleteNotification: PropTypes.func.isRequired

frontend/src/Settings/Notifications/Notifications/NotificationEventItems.js

@@ -19,7 +19,6 @@ function NotificationEventItems(props) {
     onDownload,
     onUpgrade,
     onRename,
-    onMovieAdded,
     onMovieDelete,
     onMovieFileDelete,
     onMovieFileDeleteForUpgrade,
@@ -29,7 +28,6 @@ function NotificationEventItems(props) {
     supportsOnDownload,
     supportsOnUpgrade,
     supportsOnRename,
-    supportsOnMovieAdded,
     supportsOnMovieDelete,
     supportsOnMovieFileDelete,
     supportsOnMovieFileDeleteForUpgrade,
@@ -94,17 +92,6 @@ function NotificationEventItems(props) {
             />
           </div>
 
-          <div>
-            <FormInputGroup
-              type={inputTypes.CHECK}
-              name="onMovieAdded"
-              helpText={translate('OnMovieAddedHelpText')}
-              isDisabled={!supportsOnMovieAdded.value}
-              {...onMovieAdded}
-              onChange={onInputChange}
-            />
-          </div>
-
           <div>
             <FormInputGroup
               type={inputTypes.CHECK}

frontend/src/Settings/Profiles/Quality/QualityProfilesConnector.js

@@ -2,7 +2,6 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
-import { fetchMovieCollections } from 'Store/Actions/movieCollectionActions';
 import { cloneQualityProfile, deleteQualityProfile, fetchQualityProfiles } from 'Store/Actions/settingsActions';
 import createSortedSectionSelector from 'Store/Selectors/createSortedSectionSelector';
 import sortByName from 'Utilities/Array/sortByName';
@@ -18,8 +17,7 @@ function createMapStateToProps() {
 const mapDispatchToProps = {
   dispatchFetchQualityProfiles: fetchQualityProfiles,
   dispatchDeleteQualityProfile: deleteQualityProfile,
-  dispatchCloneQualityProfile: cloneQualityProfile,
-  dispatchFetchMovieCollections: fetchMovieCollections
+  dispatchCloneQualityProfile: cloneQualityProfile
 };
 
 class QualityProfilesConnector extends Component {
@@ -29,7 +27,6 @@ class QualityProfilesConnector extends Component {
 
   componentDidMount() {
     this.props.dispatchFetchQualityProfiles();
-    this.props.dispatchFetchMovieCollections();
   }
 
   //
@@ -60,8 +57,7 @@ class QualityProfilesConnector extends Component {
 QualityProfilesConnector.propTypes = {
   dispatchFetchQualityProfiles: PropTypes.func.isRequired,
   dispatchDeleteQualityProfile: PropTypes.func.isRequired,
-  dispatchCloneQualityProfile: PropTypes.func.isRequired,
-  dispatchFetchMovieCollections: PropTypes.func.isRequired
+  dispatchCloneQualityProfile: PropTypes.func.isRequired
 };
 
 export default connect(createMapStateToProps, mapDispatchToProps)(QualityProfilesConnector);

frontend/src/Store/Actions/Settings/notifications.js

@@ -106,7 +106,6 @@ export default {
         selectedSchema.onDownload = selectedSchema.supportsOnDownload;
         selectedSchema.onUpgrade = selectedSchema.supportsOnUpgrade;
         selectedSchema.onRename = selectedSchema.supportsOnRename;
-        selectedSchema.onMovieAdded = selectedSchema.supportsOnMovieAdded;
         selectedSchema.onMovieDelete = selectedSchema.supportsOnMovieDelete;
         selectedSchema.onMovieFileDelete = selectedSchema.supportsOnMovieFileDelete;
         selectedSchema.onMovieFileDeleteForUpgrade = selectedSchema.supportsOnMovieFileDeleteForUpgrade;

frontend/src/Store/Actions/addMovieActions.js

@@ -30,7 +30,7 @@ export const defaultState = {
 
   defaults: {
     rootFolderPath: '',
-    monitor: 'movieOnly',
+    monitor: 'true',
     qualityProfileId: 0,
     minimumAvailability: 'announced',
     searchForMovie: true,

frontend/src/Store/Actions/discoverMovieActions.js

@@ -46,7 +46,7 @@ export const defaultState = {
 
   defaults: {
     rootFolderPath: '',
-    monitor: 'movieOnly',
+    monitor: 'true',
     qualityProfileId: 0,
     minimumAvailability: 'announced',
     searchForMovie: true,
@@ -188,7 +188,7 @@ export const defaultState = {
     collection: function(item) {
       const { collection ={} } = item;
 
-      return collection.title;
+      return collection.name;
     },
 
     studio: function(item) {

frontend/src/Store/Actions/index.js

@@ -12,7 +12,6 @@ import * as importMovie from './importMovieActions';
 import * as interactiveImportActions from './interactiveImportActions';
 import * as movies from './movieActions';
 import * as movieBlocklist from './movieBlocklistActions';
-import * as movieCollections from './movieCollectionActions';
 import * as movieCredits from './movieCreditsActions';
 import * as movieFiles from './movieFileActions';
 import * as movieHistory from './movieHistoryActions';
@@ -51,7 +50,6 @@ export default [
   rootFolders,
   movies,
   movieBlocklist,
-  movieCollections,
   movieHistory,
   movieIndex,
   movieCredits,

frontend/src/Store/Actions/interactiveImportActions.js

@@ -30,7 +30,7 @@ export const defaultState = {
   sortKey: 'quality',
   sortDirection: sortDirections.DESCENDING,
   recentFolders: [],
-  importMode: 'chooseImportMode',
+  importMode: 'move',
   sortPredicates: {
     relativePath: function(item, direction) {
       const relativePath = item.relativePath;

frontend/src/Store/Actions/movieActions.js

@@ -157,6 +157,8 @@ export const filterPredicates = {
   imdbRating: function(item, filterValue, type) {
     const predicate = filterTypePredicates[type];
 
+    console.log(item.ratings);
+
     const rating = item.ratings.imdb ? item.ratings.imdb.value : 0;
 
     return predicate(rating, filterValue);

frontend/src/Store/Actions/movieCollectionActions.js

@@ -1,348 +0,0 @@
-import _ from 'lodash';
-import { createAction } from 'redux-actions';
-import { batchActions } from 'redux-batched-actions';
-import { filterBuilderTypes, filterBuilderValueTypes, sortDirections } from 'Helpers/Props';
-import { createThunk, handleThunks } from 'Store/thunks';
-import createAjaxRequest from 'Utilities/createAjaxRequest';
-import getNewMovie from 'Utilities/Movie/getNewMovie';
-import { set, update, updateItem } from './baseActions';
-import createHandleActions from './Creators/createHandleActions';
-import createSaveProviderHandler from './Creators/createSaveProviderHandler';
-import createSetClientSideCollectionFilterReducer from './Creators/Reducers/createSetClientSideCollectionFilterReducer';
-import createSetClientSideCollectionSortReducer from './Creators/Reducers/createSetClientSideCollectionSortReducer';
-import createSetSettingValueReducer from './Creators/Reducers/createSetSettingValueReducer';
-
-//
-// Variables
-
-export const section = 'movieCollections';
-
-//
-// State
-
-export const defaultState = {
-  isFetching: false,
-  isPopulated: false,
-  error: null,
-  items: [],
-  isSaving: false,
-  saveError: null,
-  isAdding: false,
-  addError: null,
-  sortKey: 'sortTitle',
-  sortDirection: sortDirections.ASCENDING,
-  secondarySortKey: 'sortTitle',
-  secondarySortDirection: sortDirections.ASCENDING,
-  view: 'overview',
-  pendingChanges: {},
-
-  overviewOptions: {
-    detailedProgressBar: false,
-    size: 'medium',
-    showDetails: true,
-    showOverview: true,
-    showPosters: true
-  },
-
-  defaults: {
-    rootFolderPath: '',
-    monitor: 'movieOnly',
-    qualityProfileId: 0,
-    minimumAvailability: 'announced',
-    searchForMovie: true,
-    tags: []
-  },
-
-  selectedFilterKey: 'all',
-
-  filters: [
-    {
-      key: 'all',
-      label: 'All',
-      filters: []
-    }
-  ],
-
-  filterPredicates: {},
-
-  filterBuilderProps: [
-    {
-      name: 'title',
-      label: 'Title',
-      type: filterBuilderTypes.STRING
-    },
-    {
-      name: 'monitored',
-      label: 'Monitored',
-      type: filterBuilderTypes.EXACT,
-      valueType: filterBuilderValueTypes.BOOL
-    }
-  ]
-};
-
-export const persistState = [
-  'movieCollections.defaults',
-  'movieCollections.sortKey',
-  'movieCollections.sortDirection',
-  'movieCollections.selectedFilterKey',
-  'movieCollections.customFilters',
-  'movieCollections.options',
-  'movieCollections.overviewOptions'
-];
-
-//
-// Actions Types
-
-export const FETCH_MOVIE_COLLECTIONS = 'movieCollections/fetchMovieCollections';
-export const CLEAR_MOVIE_COLLECTIONS = 'movieCollections/clearMovieCollections';
-export const SAVE_MOVIE_COLLECTION = 'movieCollections/saveMovieCollection';
-export const SAVE_MOVIE_COLLECTIONS = 'movieCollections/saveMovieCollections';
-export const SET_MOVIE_COLLECTION_VALUE = 'movieCollections/setMovieCollectionValue';
-
-export const ADD_MOVIE = 'movieCollections/addMovie';
-
-export const TOGGLE_COLLECTION_MONITORED = 'movieCollections/toggleCollectionMonitored';
-
-export const SET_MOVIE_COLLECTIONS_SORT = 'movieCollections/setMovieCollectionsSort';
-export const SET_MOVIE_COLLECTIONS_FILTER = 'movieCollections/setMovieCollectionsFilter';
-export const SET_MOVIE_COLLECTIONS_OPTION = 'movieCollections/setMovieCollectionsOption';
-export const SET_MOVIE_COLLECTIONS_OVERVIEW_OPTION = 'movieCollections/setMovieCollectionsOverviewOption';
-
-//
-// Action Creators
-
-export const fetchMovieCollections = createThunk(FETCH_MOVIE_COLLECTIONS);
-export const clearMovieCollections = createAction(CLEAR_MOVIE_COLLECTIONS);
-export const saveMovieCollection = createThunk(SAVE_MOVIE_COLLECTION);
-export const saveMovieCollections = createThunk(SAVE_MOVIE_COLLECTIONS);
-
-export const addMovie = createThunk(ADD_MOVIE);
-
-export const toggleCollectionMonitored = createThunk(TOGGLE_COLLECTION_MONITORED);
-
-export const setMovieCollectionsSort = createAction(SET_MOVIE_COLLECTIONS_SORT);
-export const setMovieCollectionsFilter = createAction(SET_MOVIE_COLLECTIONS_FILTER);
-export const setMovieCollectionsOption = createAction(SET_MOVIE_COLLECTIONS_OPTION);
-export const setMovieCollectionsOverviewOption = createAction(SET_MOVIE_COLLECTIONS_OVERVIEW_OPTION);
-
-export const setMovieCollectionValue = createAction(SET_MOVIE_COLLECTION_VALUE, (payload) => {
-  return {
-    section,
-    ...payload
-  };
-});
-
-//
-// Action Handlers
-
-export const actionHandlers = handleThunks({
-
-  [SAVE_MOVIE_COLLECTION]: createSaveProviderHandler(section, '/collection'),
-  [FETCH_MOVIE_COLLECTIONS]: function(getState, payload, dispatch) {
-    dispatch(set({ section, isFetching: true }));
-
-    const promise = createAjaxRequest({
-      url: '/collection',
-      data: payload
-    }).request;
-
-    promise.done((data) => {
-      dispatch(batchActions([
-        update({ section, data }),
-
-        set({
-          section,
-          isFetching: false,
-          isPopulated: true,
-          error: null
-        })
-      ]));
-    });
-
-    promise.fail((xhr) => {
-      dispatch(set({
-        section,
-        isFetching: false,
-        isPopulated: false,
-        error: xhr
-      }));
-    });
-  },
-
-  [ADD_MOVIE]: function(getState, payload, dispatch) {
-    dispatch(set({ section, isAdding: true }));
-
-    const tmdbId = payload.tmdbId;
-    const title = payload.title;
-
-    const newMovie = getNewMovie({ tmdbId, title }, payload);
-    newMovie.id = 0;
-
-    const promise = createAjaxRequest({
-      url: '/movie',
-      method: 'POST',
-      contentType: 'application/json',
-      data: JSON.stringify(newMovie)
-    }).request;
-
-    promise.done((data) => {
-      dispatch(batchActions([
-        updateItem({ section: 'movies', ...data }),
-
-        set({
-          section,
-          isAdding: false,
-          isAdded: true,
-          addError: null
-        })
-      ]));
-    });
-
-    promise.fail((xhr) => {
-      dispatch(set({
-        section,
-        isAdding: false,
-        isAdded: false,
-        addError: xhr
-      }));
-    });
-  },
-
-  [TOGGLE_COLLECTION_MONITORED]: (getState, payload, dispatch) => {
-    const {
-      collectionId: id,
-      monitored
-    } = payload;
-
-    const collection = _.find(getState().movieCollections.items, { id });
-
-    dispatch(updateItem({
-      id,
-      section,
-      isSaving: true
-    }));
-
-    const promise = createAjaxRequest({
-      url: `/collection/${id}`,
-      method: 'PUT',
-      data: JSON.stringify({
-        ...collection,
-        monitored
-      }),
-      dataType: 'json'
-    }).request;
-
-    promise.done((data) => {
-      dispatch(updateItem({
-        id,
-        section,
-        isSaving: false,
-        monitored
-      }));
-    });
-
-    promise.fail((xhr) => {
-      dispatch(updateItem({
-        id,
-        section,
-        isSaving: false
-      }));
-    });
-  },
-
-  [SAVE_MOVIE_COLLECTIONS]: function(getState, payload, dispatch) {
-    const {
-      collectionIds,
-      monitored,
-      monitor
-    } = payload;
-
-    const response = {};
-    const collections = [];
-
-    collectionIds.forEach((id) => {
-      const collectionToUpdate = { id };
-
-      if (payload.hasOwnProperty('monitored')) {
-        collectionToUpdate.monitored = monitored;
-      }
-
-      collections.push(collectionToUpdate);
-    });
-
-    if (payload.hasOwnProperty('monitor')) {
-      response.monitorMovies = monitor === 'monitored';
-    }
-
-    response.collections = collections;
-
-    dispatch(set({
-      section,
-      isSaving: true
-    }));
-
-    const promise = createAjaxRequest({
-      url: '/collection',
-      method: 'PUT',
-      data: JSON.stringify(response),
-      dataType: 'json'
-    }).request;
-
-    promise.done((data) => {
-      dispatch(fetchMovieCollections());
-
-      dispatch(set({
-        section,
-        isSaving: false,
-        saveError: null
-      }));
-    });
-
-    promise.fail((xhr) => {
-      dispatch(set({
-        section,
-        isSaving: false,
-        saveError: xhr
-      }));
-    });
-  }
-});
-
-//
-// Reducers
-
-export const reducers = createHandleActions({
-
-  [SET_MOVIE_COLLECTIONS_SORT]: createSetClientSideCollectionSortReducer(section),
-  [SET_MOVIE_COLLECTIONS_FILTER]: createSetClientSideCollectionFilterReducer(section),
-  [SET_MOVIE_COLLECTION_VALUE]: createSetSettingValueReducer(section),
-
-  [SET_MOVIE_COLLECTIONS_OPTION]: function(state, { payload }) {
-    const movieCollectionsOptions = state.options;
-
-    return {
-      ...state,
-      options: {
-        ...movieCollectionsOptions,
-        ...payload
-      }
-    };
-  },
-
-  [SET_MOVIE_COLLECTIONS_OVERVIEW_OPTION]: function(state, { payload }) {
-    const overviewOptions = state.overviewOptions;
-
-    return {
-      ...state,
-      overviewOptions: {
-        ...overviewOptions,
-        ...payload
-      }
-    };
-  },
-
-  [CLEAR_MOVIE_COLLECTIONS]: (state) => {
-    return Object.assign({}, state, defaultState);
-  }
-
-}, defaultState, section);

frontend/src/Store/Migrators/migrate.js

@@ -1,9 +1,7 @@
 import migrateBlacklistToBlocklist from './migrateBlacklistToBlocklist';
-import migrateMonitorToEnum from './migrateMonitorToEnum';
 import migratePreDbToReleased from './migratePreDbToReleased';
 
 export default function migrate(persistedState) {
   migrateBlacklistToBlocklist(persistedState);
   migratePreDbToReleased(persistedState);
-  migrateMonitorToEnum(persistedState);
 }

frontend/src/Store/Migrators/migrateMonitorToEnum.js

@@ -1,26 +0,0 @@
-import _ from 'lodash';
-
-export default function migrateMonitorToEnum(persistedState) {
-  const addMovie = _.get(persistedState, 'addMovie.defaults.monitor');
-  const discoverMovie = _.get(persistedState, 'discoverMovie.defaults.monitor');
-
-  if (addMovie) {
-    if (addMovie === 'true') {
-      persistedState.addMovie.defaults.monitor = 'movieOnly';
-    }
-
-    if (addMovie === 'false') {
-      persistedState.addMovie.defaults.monitor = 'none';
-    }
-  }
-
-  if (discoverMovie) {
-    if (discoverMovie === 'true') {
-      persistedState.discoverMovie.defaults.monitor = 'movieOnly';
-    }
-
-    if (discoverMovie === 'false') {
-      persistedState.discoverMovie.defaults.monitor = 'none';
-    }
-  }
-}

frontend/src/Store/Migrators/migratePreDbToReleased.js

@@ -1,8 +1,8 @@
-import _ from 'lodash';
+import get from 'lodash';
 
 export default function migratePreDbToReleased(persistedState) {
-  const addMovie = _.get(persistedState, 'addMovie.defaults.minimumAvailability');
-  const discoverMovie = _.get(persistedState, 'discoverMovie.defaults.minimumAvailability');
+  const addMovie = get(persistedState, 'addMovie.defaults.minimumAvailability');
+  const discoverMovie = get(persistedState, 'discoverMovie.defaults.minimumAvailability');
 
   if (!addMovie && !discoverMovie) {
     return;

frontend/src/Store/Selectors/createCollectionClientSideCollectionItemsSelector.js

@@ -1,45 +0,0 @@
-import { createSelector, createSelectorCreator, defaultMemoize } from 'reselect';
-import hasDifferentItemsOrOrder from 'Utilities/Object/hasDifferentItemsOrOrder';
-import createClientSideCollectionSelector from './createClientSideCollectionSelector';
-
-function createUnoptimizedSelector(uiSection) {
-  return createSelector(
-    createClientSideCollectionSelector('movieCollections', uiSection),
-    (movies) => {
-      const items = movies.items.map((s) => {
-        const {
-          id,
-          sortTitle
-        } = s;
-
-        return {
-          id,
-          sortTitle
-        };
-      });
-
-      return {
-        ...movies,
-        items
-      };
-    }
-  );
-}
-
-function movieListEqual(a, b) {
-  return hasDifferentItemsOrOrder(a, b);
-}
-
-const createMovieEqualSelector = createSelectorCreator(
-  defaultMemoize,
-  movieListEqual
-);
-
-function createCollectionClientSideCollectionItemsSelector(uiSection) {
-  return createMovieEqualSelector(
-    createUnoptimizedSelector(uiSection),
-    (movies) => movies
-  );
-}
-
-export default createCollectionClientSideCollectionItemsSelector;

frontend/src/Store/Selectors/createCollectionExistingMovieSelector.js

@@ -1,14 +0,0 @@
-import { createSelector } from 'reselect';
-import createAllMoviesSelector from './createAllMoviesSelector';
-
-function createCollectionExistingMovieSelector() {
-  return createSelector(
-    (state, { tmdbId }) => tmdbId,
-    createAllMoviesSelector(),
-    (tmdbId, allMovies) => {
-      return allMovies.find((movie) => movie.tmdbId === tmdbId);
-    }
-  );
-}
-
-export default createCollectionExistingMovieSelector;

frontend/src/Store/Selectors/createCollectionSelector.js

@@ -1,17 +0,0 @@
-import { createSelector } from 'reselect';
-
-function createCollectionSelector() {
-  return createSelector(
-    (state, { collectionId }) => collectionId,
-    (state) => state.movieCollections.itemMap,
-    (state) => state.movieCollections.items,
-    (collectionId, itemMap, allCollections) => {
-      if (allCollections && itemMap && collectionId in itemMap) {
-        return allCollections[itemMap[collectionId]];
-      }
-      return undefined;
-    }
-  );
-}
-
-export default createCollectionSelector;

frontend/src/Store/Selectors/createMovieClientSideCollectionItemsSelector.js

@@ -9,14 +9,12 @@ function createUnoptimizedSelector(uiSection) {
       const items = movies.items.map((s) => {
         const {
           id,
-          sortTitle,
-          collectionId
+          sortTitle
         } = s;
 
         return {
           id,
-          sortTitle,
-          collectionId
+          sortTitle
         };
       });
 

frontend/src/Store/Selectors/createProfileInUseSelector.js

@@ -7,13 +7,12 @@ function createProfileInUseSelector(profileProp) {
     (state, { id }) => id,
     createAllMoviesSelector(),
     (state) => state.settings.importLists.items,
-    (state) => state.movieCollections.items,
-    (id, movies, lists, collections) => {
+    (id, movies, lists) => {
       if (!id) {
         return false;
       }
 
-      if (_.some(movies, { [profileProp]: id }) || _.some(lists, { [profileProp]: id }) || _.some(collections, { [profileProp]: id })) {
+      if (_.some(movies, { [profileProp]: id }) || _.some(lists, { [profileProp]: id })) {
         return true;
       }
 

frontend/src/Store/scrollPositions.js

@@ -1,7 +1,6 @@
 const scrollPositions = {
   movieIndex: 0,
-  discoverMovie: 0,
-  movieCollections: 0
+  discoverMovie: 0
 };
 
 export default scrollPositions;

frontend/src/Utilities/Movie/getNewMovie.js

@@ -10,12 +10,11 @@ function getNewMovie(movie, payload) {
   } = payload;
 
   const addOptions = {
-    monitor,
     searchForMovie
   };
 
   movie.addOptions = addOptions;
-  movie.monitored = monitor !== 'none';
+  movie.monitored = monitor === 'true';
   movie.qualityProfileId = qualityProfileId;
   movie.minimumAvailability = minimumAvailability;
   movie.rootFolderPath = rootFolderPath;

frontend/src/Utilities/Movie/monitorOptions.js

@@ -1,9 +0,0 @@
-import translate from 'Utilities/String/translate';
-
-const monitorOptions = [
-  { key: 'movieOnly', value: translate('MovieOnly') },
-  { key: 'movieAndCollection', value: translate('MovieAndCollection') },
-  { key: 'none', value: translate('None') }
-];
-
-export default monitorOptions;

package.json

@@ -62,8 +62,6 @@
     "react-document-title": "2.0.3",
     "react-dom": "17.0.2",
     "react-focus-lock": "2.5.0",
-    "react-slick": "0.28.1",
-    "slick-carousel": "1.8.1",
     "react-google-recaptcha": "2.1.0",
     "react-lazyload": "3.2.0",
     "react-measure": "1.4.7",

src/Directory.Build.props

@@ -154,4 +154,9 @@
     <RuntimeIdentifier>osx-x64</RuntimeIdentifier>
   </PropertyGroup>
 
+  <!-- Define constant so we can identify the non-standard arch arm-vfpv3d16 -->
+  <PropertyGroup Condition="'$(RuntimeIdentifier)' == 'linux-arm-vfpv3d16'">
+    <DefineConstants>ARM_VFPV3D16</DefineConstants>
+  </PropertyGroup>
+
 </Project>

src/NzbDrone.Core.Test/Datastore/Migration/208_collectionsFixture.cs

@@ -1,293 +0,0 @@
-using System;
-using System.Linq;
-using FluentAssertions;
-using NUnit.Framework;
-using NzbDrone.Common.Serializer;
-using NzbDrone.Core.Datastore.Migration;
-using NzbDrone.Core.Test.Framework;
-
-namespace NzbDrone.Core.Test.Datastore.Migration
-{
-    [TestFixture]
-    public class collectionsFixture : MigrationTest<collections>
-    {
-        [Test]
-        public void should_add_collection_from_movie_and_link_back_to_movie()
-        {
-            var db = WithMigrationTestDb(c =>
-            {
-                c.Insert.IntoTable("Movies").Row(new
-                {
-                    Monitored = true,
-                    MinimumAvailability = 4,
-                    ProfileId = 1,
-                    MovieFileId = 0,
-                    MovieMetadataId = 1,
-                    Path = string.Format("/Movies/{0}", "Title"),
-                });
-
-                c.Insert.IntoTable("MovieMetadata").Row(new
-                {
-                    Title = "Title",
-                    CleanTitle = "CleanTitle",
-                    Status = 3,
-                    Images = new[] { new { CoverType = "Poster" } }.ToJson(),
-                    Recommendations = new[] { 1 }.ToJson(),
-                    Runtime = 90,
-                    OriginalTitle = "Title",
-                    CleanOriginalTitle = "CleanTitle",
-                    OriginalLanguage = 1,
-                    TmdbId = 132456,
-                    Collection = new { Name = "Some Collection", TmdbId = 11 }.ToJson(),
-                    LastInfoSync = DateTime.UtcNow,
-                });
-            });
-
-            var collections = db.Query<Collection208>("SELECT \"Id\", \"Title\", \"TmdbId\", \"Monitored\" FROM \"Collections\"");
-
-            collections.Should().HaveCount(1);
-            collections.First().TmdbId.Should().Be(11);
-            collections.First().Title.Should().Be("Some Collection");
-            collections.First().Monitored.Should().BeFalse();
-
-            var movies = db.Query<Movie208>("SELECT \"Id\", \"CollectionTmdbId\" FROM \"MovieMetadata\"");
-
-            movies.Should().HaveCount(1);
-            movies.First().CollectionTmdbId.Should().Be(collections.First().TmdbId);
-        }
-
-        [Test]
-        public void should_not_duplicate_collection()
-        {
-            var db = WithMigrationTestDb(c =>
-            {
-                c.Insert.IntoTable("Movies").Row(new
-                {
-                    Monitored = true,
-                    MinimumAvailability = 4,
-                    ProfileId = 1,
-                    MovieFileId = 0,
-                    MovieMetadataId = 1,
-                    Path = string.Format("/Movies/{0}", "Title"),
-                });
-
-                c.Insert.IntoTable("MovieMetadata").Row(new
-                {
-                    Title = "Title",
-                    CleanTitle = "CleanTitle",
-                    Status = 3,
-                    Images = new[] { new { CoverType = "Poster" } }.ToJson(),
-                    Recommendations = new[] { 1 }.ToJson(),
-                    Runtime = 90,
-                    OriginalTitle = "Title",
-                    CleanOriginalTitle = "CleanTitle",
-                    OriginalLanguage = 1,
-                    TmdbId = 132456,
-                    Collection = new { Name = "Some Collection", TmdbId = 11 }.ToJson(),
-                    LastInfoSync = DateTime.UtcNow,
-                });
-
-                c.Insert.IntoTable("Movies").Row(new
-                {
-                    Monitored = true,
-                    MinimumAvailability = 4,
-                    ProfileId = 1,
-                    MovieFileId = 0,
-                    MovieMetadataId = 2,
-                    Path = string.Format("/Movies/{0}", "Title"),
-                });
-
-                c.Insert.IntoTable("MovieMetadata").Row(new
-                {
-                    Title = "Title2",
-                    CleanTitle = "CleanTitle2",
-                    Status = 3,
-                    Images = new[] { new { CoverType = "Poster" } }.ToJson(),
-                    Recommendations = new[] { 1 }.ToJson(),
-                    Runtime = 90,
-                    OriginalTitle = "Title2",
-                    CleanOriginalTitle = "CleanTitle2",
-                    OriginalLanguage = 1,
-                    TmdbId = 132457,
-                    Collection = new { Name = "Some Collection", TmdbId = 11 }.ToJson(),
-                    LastInfoSync = DateTime.UtcNow,
-                });
-            });
-
-            var collections = db.Query<Collection208>("SELECT \"Id\", \"Title\", \"TmdbId\", \"Monitored\" FROM \"Collections\"");
-
-            collections.Should().HaveCount(1);
-            collections.First().TmdbId.Should().Be(11);
-            collections.First().Title.Should().Be("Some Collection");
-            collections.First().Monitored.Should().BeFalse();
-        }
-
-        [Test]
-        public void should_migrate_true_monitor_setting_on_lists()
-        {
-            var db = WithMigrationTestDb(c =>
-            {
-                c.Insert.IntoTable("ImportLists").Row(new
-                {
-                    Enabled = true,
-                    EnableAuto = true,
-                    RootFolderPath = "D:\\Movies",
-                    ProfileId = 1,
-                    MinimumAvailability = 4,
-                    ShouldMonitor = true,
-                    Name = "IMDB List",
-                    Implementation = "RadarrLists",
-                    Settings = new RadarrListSettings169
-                    {
-                        APIURL = "https://api.radarr.video/v2",
-                        Path = "/imdb/list?listId=ls000199717",
-                    }.ToJson(),
-                    ConfigContract = "RadarrSettings"
-                });
-            });
-
-            var items = db.Query<ListDefinition208>("SELECT \"Id\", \"Monitor\" FROM \"ImportLists\"");
-
-            items.Should().HaveCount(1);
-            items.First().Monitor.Should().Be(0);
-        }
-
-        [Test]
-        public void should_migrate_false_monitor_setting_on_lists()
-        {
-            var db = WithMigrationTestDb(c =>
-            {
-                c.Insert.IntoTable("ImportLists").Row(new
-                {
-                    Enabled = true,
-                    EnableAuto = true,
-                    RootFolderPath = "D:\\Movies",
-                    ProfileId = 1,
-                    MinimumAvailability = 4,
-                    ShouldMonitor = false,
-                    Name = "IMDB List",
-                    Implementation = "RadarrLists",
-                    Settings = new RadarrListSettings169
-                    {
-                        APIURL = "https://api.radarr.video/v2",
-                        Path = "/imdb/list?listId=ls000199717",
-                    }.ToJson(),
-                    ConfigContract = "RadarrSettings"
-                });
-            });
-
-            var items = db.Query<ListDefinition208>("SELECT \"Id\", \"Monitor\" FROM \"ImportLists\"");
-
-            items.Should().HaveCount(1);
-            items.First().Monitor.Should().Be(2);
-        }
-
-        [Test]
-        public void should_purge_tmdb_collection_lists()
-        {
-            var db = WithMigrationTestDb(c =>
-            {
-                c.Insert.IntoTable("ImportLists").Row(new
-                {
-                    Enabled = true,
-                    EnableAuto = true,
-                    RootFolderPath = "D:\\Movies",
-                    ProfileId = 1,
-                    MinimumAvailability = 4,
-                    ShouldMonitor = false,
-                    Name = "IMDB List",
-                    Implementation = "TMDbCollectionImport",
-                    Settings = new TmdbCollectionListSettings207
-                    {
-                        CollectionId = "11"
-                    }.ToJson(),
-                    ConfigContract = "TMDbCollectionSettings"
-                });
-            });
-
-            var items = db.Query<ListDefinition208>("SELECT \"Id\", \"Monitor\" FROM \"ImportLists\"");
-
-            items.Should().HaveCount(0);
-        }
-
-        [Test]
-        public void should_monitor_new_collection_if_list_enabled_and_auto()
-        {
-            var db = WithMigrationTestDb(c =>
-            {
-                c.Insert.IntoTable("Movies").Row(new
-                {
-                    Monitored = true,
-                    MinimumAvailability = 4,
-                    ProfileId = 1,
-                    MovieFileId = 0,
-                    MovieMetadataId = 1,
-                    Path = string.Format("/Movies/{0}", "Title"),
-                });
-
-                c.Insert.IntoTable("MovieMetadata").Row(new
-                {
-                    Title = "Title",
-                    CleanTitle = "CleanTitle",
-                    Status = 3,
-                    Images = new[] { new { CoverType = "Poster" } }.ToJson(),
-                    Recommendations = new[] { 1 }.ToJson(),
-                    Runtime = 90,
-                    OriginalTitle = "Title",
-                    CleanOriginalTitle = "CleanTitle",
-                    OriginalLanguage = 1,
-                    TmdbId = 132456,
-                    Collection = new { Name = "Some Collection", TmdbId = 11 }.ToJson(),
-                    LastInfoSync = DateTime.UtcNow,
-                });
-
-                c.Insert.IntoTable("ImportLists").Row(new
-                {
-                    Enabled = true,
-                    EnableAuto = true,
-                    RootFolderPath = "D:\\Movies",
-                    ProfileId = 1,
-                    MinimumAvailability = 4,
-                    ShouldMonitor = false,
-                    Name = "IMDB List",
-                    Implementation = "TMDbCollectionImport",
-                    Settings = new TmdbCollectionListSettings207
-                    {
-                        CollectionId = "11"
-                    }.ToJson(),
-                    ConfigContract = "TMDbCollectionSettings"
-                });
-            });
-
-            var items = db.Query<Collection208>("SELECT \"Id\", \"Monitored\" FROM \"Collections\"");
-
-            items.Should().HaveCount(1);
-            items.First().Monitored.Should().BeTrue();
-        }
-    }
-
-    public class Collection208
-    {
-        public int Id { get; set; }
-        public int TmdbId { get; set; }
-        public string Title { get; set; }
-        public bool Monitored { get; set; }
-    }
-
-    public class Movie208
-    {
-        public int Id { get; set; }
-        public int CollectionTmdbId { get; set; }
-    }
-
-    public class ListDefinition208
-    {
-        public int Id { get; set; }
-        public int Monitor { get; set; }
-    }
-
-    public class TmdbCollectionListSettings207
-    {
-        public string CollectionId { get; set; }
-    }
-}

src/NzbDrone.Core.Test/Housekeeping/Housekeepers/CleanupOrphanedCollectionsFixture.cs

@@ -1,47 +0,0 @@
-using FizzWare.NBuilder;
-using FluentAssertions;
-using NUnit.Framework;
-using NzbDrone.Core.Housekeeping.Housekeepers;
-using NzbDrone.Core.Movies;
-using NzbDrone.Core.Movies.Collections;
-using NzbDrone.Core.Test.Framework;
-
-namespace NzbDrone.Core.Test.Housekeeping.Housekeepers
-{
-    [TestFixture]
-    public class CleanupOrphanedCollectionsFixture : DbTest<CleanupOrphanedCollections, MovieCollection>
-    {
-        [Test]
-        public void should_delete_orphaned_collection_item()
-        {
-            var collection = Builder<MovieCollection>.CreateNew()
-                                              .With(h => h.Id = 3)
-                                              .With(h => h.TmdbId = 123456)
-                                              .With(h => h.Title = "Some Credit")
-                                              .BuildNew();
-
-            Db.Insert(collection);
-            Subject.Clean();
-            AllStoredModels.Should().BeEmpty();
-        }
-
-        [Test]
-        public void should_not_delete_unorphaned_collection_items()
-        {
-            var collection = Builder<MovieCollection>.CreateNew()
-                                              .With(h => h.Id = 3)
-                                              .With(h => h.TmdbId = 123456)
-                                              .With(h => h.Title = "Some Credit")
-                                              .BuildNew();
-
-            Db.Insert(collection);
-
-            var movie = Builder<MovieMetadata>.CreateNew().With(m => m.CollectionTmdbId = collection.TmdbId).BuildNew();
-
-            Db.Insert(movie);
-
-            Subject.Clean();
-            AllStoredModels.Should().HaveCount(1);
-        }
-    }
-}

src/NzbDrone.Core.Test/MovieTests/AddMovieFixture.cs

@@ -27,8 +27,6 @@ namespace NzbDrone.Core.Test.MovieTests
         {
             _fakeMovie = Builder<MovieMetadata>
                 .CreateNew()
-                .With(x => x.CollectionTitle = null)
-                .With(x => x.CollectionTmdbId = 0)
                 .Build();
         }
 

src/NzbDrone.Core.Test/MovieTests/RefreshMovieServiceFixture.cs

@@ -8,7 +8,6 @@ using NzbDrone.Common.Extensions;
 using NzbDrone.Core.Exceptions;
 using NzbDrone.Core.MetadataSource;
 using NzbDrone.Core.Movies;
-using NzbDrone.Core.Movies.Collections;
 using NzbDrone.Core.Movies.Commands;
 using NzbDrone.Core.Movies.Credits;
 using NzbDrone.Core.Test.Framework;
@@ -20,7 +19,6 @@ namespace NzbDrone.Core.Test.MovieTests
     public class RefreshMovieServiceFixture : CoreTest<RefreshMovieService>
     {
         private MovieMetadata _movie;
-        private MovieCollection _movieCollection;
         private Movie _existingMovie;
 
         [SetUp]
@@ -30,9 +28,6 @@ namespace NzbDrone.Core.Test.MovieTests
                 .With(s => s.Status = MovieStatusType.Released)
                 .Build();
 
-            _movieCollection = Builder<MovieCollection>.CreateNew()
-                .Build();
-
             _existingMovie = Builder<Movie>.CreateNew()
                 .With(s => s.MovieMetadata.Value.Status = MovieStatusType.Released)
                 .Build();
@@ -45,10 +40,6 @@ namespace NzbDrone.Core.Test.MovieTests
                   .Setup(s => s.Get(_movie.Id))
                   .Returns(_movie);
 
-            Mocker.GetMock<IAddMovieCollectionService>()
-                  .Setup(v => v.AddMovieCollection(It.IsAny<MovieCollection>()))
-                  .Returns(_movieCollection);
-
             Mocker.GetMock<IProvideMovieInfo>()
                   .Setup(s => s.GetMovieInfo(It.IsAny<int>()))
                   .Callback<int>((i) => { throw new MovieNotFoundException(i); });

src/NzbDrone.Core.Test/NotificationTests/NotificationBaseFixture.cs

@@ -64,11 +64,6 @@ namespace NzbDrone.Core.Test.NotificationTests
                 TestLogger.Info("OnRename was called");
             }
 
-            public override void OnMovieAdded(Movie movie)
-            {
-                TestLogger.Info("OnMovieAdded was called");
-            }
-
             public override void OnMovieFileDelete(MovieFileDeleteMessage message)
             {
                 TestLogger.Info("OnMovieFileDelete was called");
@@ -122,7 +117,6 @@ namespace NzbDrone.Core.Test.NotificationTests
             notification.SupportsOnDownload.Should().BeTrue();
             notification.SupportsOnUpgrade.Should().BeTrue();
             notification.SupportsOnRename.Should().BeTrue();
-            notification.SupportsOnMovieAdded.Should().BeTrue();
             notification.SupportsOnMovieDelete.Should().BeTrue();
             notification.SupportsOnMovieFileDelete.Should().BeTrue();
             notification.SupportsOnMovieFileDeleteForUpgrade.Should().BeTrue();
@@ -139,7 +133,6 @@ namespace NzbDrone.Core.Test.NotificationTests
             notification.SupportsOnDownload.Should().BeFalse();
             notification.SupportsOnUpgrade.Should().BeFalse();
             notification.SupportsOnRename.Should().BeFalse();
-            notification.SupportsOnMovieAdded.Should().BeFalse();
             notification.SupportsOnMovieDelete.Should().BeFalse();
             notification.SupportsOnMovieFileDelete.Should().BeFalse();
             notification.SupportsOnMovieFileDeleteForUpgrade.Should().BeFalse();

src/NzbDrone.Core.Test/OrganizerTests/FileNameBuilderTests/FileNameBuilderFixture.cs

@@ -12,7 +12,6 @@ using NzbDrone.Core.Languages;
 using NzbDrone.Core.MediaFiles;
 using NzbDrone.Core.MediaFiles.MediaInfo;
 using NzbDrone.Core.Movies;
-using NzbDrone.Core.Movies.Collections;
 using NzbDrone.Core.Movies.Translations;
 using NzbDrone.Core.Organizer;
 using NzbDrone.Core.Qualities;
@@ -227,7 +226,7 @@ namespace NzbDrone.Core.Test.OrganizerTests.FileNameBuilderTests
         public void should_replace_movie_collection()
         {
             _namingConfig.StandardMovieFormat = "{Movie Collection}";
-            _movie.MovieMetadata.Value.CollectionTitle = "South Part Collection";
+            _movie.MovieMetadata.Value.Collection = new MovieCollection { Name = "South Part Collection" };
 
             Subject.BuildFileName(_movie, _movieFile)
                    .Should().Be("South Part Collection");

src/NzbDrone.Core.Test/ParserTests/LanguageParserFixture.cs

@@ -163,7 +163,6 @@ namespace NzbDrone.Core.Test.ParserTests
 
         [TestCase("Movie.Title.1994.Dublado.1080p.XviD-LOL")]
         [TestCase("Movie.Title.2.2019.1080p.Bluray.Dublado.WWW.TPF.GRATIS")]
-        [TestCase("Movie.Title.2014.1080p.Bluray.Brazilian.WWW.TPF.GRATIS")]
         public void should_parse_language_brazilian_portuguese(string postTitle)
         {
             var result = Parser.Parser.ParseMovieTitle(postTitle, true);

src/NzbDrone.Core.Test/ParserTests/QualityParserFixture.cs

@@ -261,7 +261,6 @@ namespace NzbDrone.Core.Test.ParserTests
         [TestCase("Movie.Name.2016.German.DTS.DL.1080p.UHDBD.x265-TDO.mkv", false)]
         [TestCase("Movie.Name.2021.1080p.BDLight.x265-AVCDVD", false)]
         [TestCase("Random.Title.2010.1080p.HD.DVD.AVC.DDP.5.1-GRouP", false)]
-        [TestCase("Movie.Title.2012.German.DL.1080p.UHD2BD.x264-QfG", false)]
         public void should_parse_bluray1080p_quality(string title, bool proper)
         {
             ParseAndVerifyQuality(title, Source.BLURAY, proper, Resolution.R1080p);

src/NzbDrone.Core.Test/Profiles/ProfileServiceFixture.cs

@@ -9,7 +9,6 @@ using NzbDrone.Core.ImportLists;
 using NzbDrone.Core.Languages;
 using NzbDrone.Core.Lifecycle;
 using NzbDrone.Core.Movies;
-using NzbDrone.Core.Movies.Collections;
 using NzbDrone.Core.Profiles;
 using NzbDrone.Core.Test.CustomFormats;
 using NzbDrone.Core.Test.Framework;
@@ -91,33 +90,6 @@ namespace NzbDrone.Core.Test.Profiles
             Mocker.GetMock<IProfileRepository>().Verify(c => c.Delete(It.IsAny<int>()), Times.Never());
         }
 
-        [Test]
-        public void should_not_be_able_to_delete_profile_if_assigned_to_collection()
-        {
-            var movieList = Builder<Movie>.CreateListOfSize(3)
-                .All()
-                .With(c => c.ProfileId = 1)
-                .Build().ToList();
-
-            var importList = Builder<ImportListDefinition>.CreateListOfSize(3)
-                .Random(1)
-                .With(c => c.ProfileId = 1)
-                .Build().ToList();
-
-            var collectionList = Builder<MovieCollection>.CreateListOfSize(3)
-                                                .All()
-                                                .With(c => c.QualityProfileId = 2)
-                                                .Build().ToList();
-
-            Mocker.GetMock<IMovieService>().Setup(c => c.GetAllMovies()).Returns(movieList);
-            Mocker.GetMock<IImportListFactory>().Setup(c => c.All()).Returns(importList);
-            Mocker.GetMock<IMovieCollectionService>().Setup(c => c.GetAllCollections()).Returns(collectionList);
-
-            Assert.Throws<ProfileInUseException>(() => Subject.Delete(2));
-
-            Mocker.GetMock<IProfileRepository>().Verify(c => c.Delete(It.IsAny<int>()), Times.Never());
-        }
-
         [Test]
         public void should_delete_profile_if_not_assigned_to_movie_or_list()
         {
@@ -131,14 +103,8 @@ namespace NzbDrone.Core.Test.Profiles
                                                             .With(c => c.ProfileId = 2)
                                                             .Build().ToList();
 
-            var collectionList = Builder<MovieCollection>.CreateListOfSize(3)
-                                                            .All()
-                                                            .With(c => c.QualityProfileId = 2)
-                                                            .Build().ToList();
-
             Mocker.GetMock<IMovieService>().Setup(c => c.GetAllMovies()).Returns(movieList);
             Mocker.GetMock<IImportListFactory>().Setup(c => c.All()).Returns(importList);
-            Mocker.GetMock<IMovieCollectionService>().Setup(c => c.GetAllCollections()).Returns(collectionList);
 
             Subject.Delete(1);
 

src/NzbDrone.Core/Configuration/ConfigService.cs

@@ -5,6 +5,7 @@ using System.Linq;
 using NLog;
 using NzbDrone.Common.EnsureThat;
 using NzbDrone.Common.Http.Proxy;
+using NzbDrone.Core.Configuration;
 using NzbDrone.Core.Configuration.Events;
 using NzbDrone.Core.Languages;
 using NzbDrone.Core.MediaFiles;

src/NzbDrone.Core/Configuration/IConfigService.cs

@@ -1,5 +1,6 @@
 using System.Collections.Generic;
 using NzbDrone.Common.Http.Proxy;
+using NzbDrone.Core.Configuration;
 using NzbDrone.Core.MediaFiles;
 using NzbDrone.Core.MetadataSource.SkyHook.Resource;
 using NzbDrone.Core.Qualities;

src/NzbDrone.Core/CustomFormats/Specifications/IndexerFlagSpecification.cs

@@ -1,4 +1,5 @@
 using System.Collections.Generic;
+using NzbDrone.Common.Extensions;
 using NzbDrone.Core.Annotations;
 using NzbDrone.Core.Parser.Model;
 

src/NzbDrone.Core/CustomFormats/Specifications/ReleaseGroupSpecification.cs

@@ -1,16 +0,0 @@
-using NzbDrone.Core.Parser.Model;
-
-namespace NzbDrone.Core.CustomFormats
-{
-    public class ReleaseGroupSpecification : RegexSpecificationBase
-    {
-        public override int Order => 9;
-        public override string ImplementationName => "Release Group";
-        public override string InfoLink => "https://wiki.servarr.com/radarr/settings#custom-formats-2";
-
-        protected override bool IsSatisfiedByWithoutNegate(ParsedMovieInfo movieInfo)
-        {
-            return MatchString(movieInfo?.ReleaseGroup);
-        }
-    }
-}

src/NzbDrone.Core/CustomFormats/Specifications/ReleaseTitleSpecification.cs

@@ -1,4 +1,5 @@
 using System.Collections.Generic;
+using NzbDrone.Common.Extensions;
 using NzbDrone.Core.Parser.Model;
 
 namespace NzbDrone.Core.CustomFormats

src/NzbDrone.Core/CustomFormats/Specifications/SizeSpecification.cs

@@ -1,4 +1,5 @@
 using System.Collections.Generic;
+using NzbDrone.Common.Extensions;
 using NzbDrone.Core.Annotations;
 using NzbDrone.Core.Parser.Model;