import _ from 'lodash'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; // import CheckInput from 'Components/Form/CheckInput'; import FormInputGroup from 'Components/Form/FormInputGroup'; import Icon from 'Components/Icon'; import Button from 'Components/Link/Button'; import SpinnerButton from 'Components/Link/SpinnerButton'; import LoadingIndicator from 'Components/Loading/LoadingIndicator'; import PageContentFooter from 'Components/Page/PageContentFooter'; import Popover from 'Components/Tooltip/Popover'; import { icons, inputTypes, kinds, tooltipPositions } from 'Helpers/Props'; import translate from 'Utilities/String/translate'; import styles from './ImportMovieFooter.css'; const MIXED = 'mixed'; class ImportMovieFooter extends Component { // // Lifecycle constructor(props, context) { super(props, context); const { defaultMonitor, defaultQualityProfileId, defaultMinimumAvailability } = props; this.state = { monitor: defaultMonitor, qualityProfileId: defaultQualityProfileId, minimumAvailability: defaultMinimumAvailability }; } componentDidUpdate(prevProps, prevState) { const { defaultMonitor, defaultQualityProfileId, defaultMinimumAvailability, isMonitorMixed, isQualityProfileIdMixed, isMinimumAvailabilityMixed } = this.props; const { monitor, qualityProfileId, minimumAvailability } = this.state; const newState = {}; if (isMonitorMixed && monitor !== MIXED) { newState.monitor = MIXED; } else if (!isMonitorMixed && monitor !== defaultMonitor) { newState.monitor = defaultMonitor; } if (isQualityProfileIdMixed && qualityProfileId !== MIXED) { newState.qualityProfileId = MIXED; } else if (!isQualityProfileIdMixed && qualityProfileId !== defaultQualityProfileId) { newState.qualityProfileId = defaultQualityProfileId; } if (isMinimumAvailabilityMixed && minimumAvailability !== MIXED) { newState.minimumAvailability = MIXED; } else if (!isMinimumAvailabilityMixed && minimumAvailability !== defaultMinimumAvailability) { newState.minimumAvailability = defaultMinimumAvailability; } if (!_.isEmpty(newState)) { this.setState(newState); } } // // Listeners onInputChange = ({ name, value }) => { this.setState({ [name]: value }); this.props.onInputChange({ name, value }); }; // // Render render() { const { selectedCount, isImporting, isLookingUpMovie, isMonitorMixed, isQualityProfileIdMixed, isMinimumAvailabilityMixed, hasUnsearchedItems, importError, onImportPress, onLookupPress, onCancelLookupPress } = this.props; const { monitor, qualityProfileId, minimumAvailability } = this.state; return (
{translate('Monitor')}
{translate('MinimumAvailability')}
{translate('QualityProfile')}
 
{translate('Import')} {selectedCount} {selectedCount > 1 ? translate('Movies') : translate('Movie')} { isLookingUpMovie ? : null } { hasUnsearchedItems ? : null } { isLookingUpMovie ? : null } { isLookingUpMovie ? translate('ProcessingFolders') : null } { importError ? } title={translate('ImportErrors')} body={
    { importError.responseJSON.map((error, index) => { return (
  • {error.errorMessage}
  • ); }) }
} position={tooltipPositions.RIGHT} /> : null }
); } } ImportMovieFooter.propTypes = { selectedCount: PropTypes.number.isRequired, isImporting: PropTypes.bool.isRequired, isLookingUpMovie: PropTypes.bool.isRequired, defaultMonitor: PropTypes.string.isRequired, defaultQualityProfileId: PropTypes.number, defaultMinimumAvailability: PropTypes.string, isMonitorMixed: PropTypes.bool.isRequired, isQualityProfileIdMixed: PropTypes.bool.isRequired, isMinimumAvailabilityMixed: PropTypes.bool.isRequired, hasUnsearchedItems: PropTypes.bool.isRequired, importError: PropTypes.object, onInputChange: PropTypes.func.isRequired, onImportPress: PropTypes.func.isRequired, onLookupPress: PropTypes.func.isRequired, onCancelLookupPress: PropTypes.func.isRequired }; export default ImportMovieFooter;