|
|
@ -10,12 +10,12 @@ import SpinnerButton from 'Components/Link/SpinnerButton';
|
|
|
|
import PageContentFooter from 'Components/Page/PageContentFooter';
|
|
|
|
import PageContentFooter from 'Components/Page/PageContentFooter';
|
|
|
|
import TagsModal from './Tags/TagsModal';
|
|
|
|
import TagsModal from './Tags/TagsModal';
|
|
|
|
import DeleteArtistModal from './Delete/DeleteArtistModal';
|
|
|
|
import DeleteArtistModal from './Delete/DeleteArtistModal';
|
|
|
|
import SeriesEditorFooterLabel from './SeriesEditorFooterLabel';
|
|
|
|
import ArtistEditorFooterLabel from './ArtistEditorFooterLabel';
|
|
|
|
import styles from './SeriesEditorFooter.css';
|
|
|
|
import styles from './ArtistEditorFooter.css';
|
|
|
|
|
|
|
|
|
|
|
|
const NO_CHANGE = 'noChange';
|
|
|
|
const NO_CHANGE = 'noChange';
|
|
|
|
|
|
|
|
|
|
|
|
class SeriesEditorFooter extends Component {
|
|
|
|
class ArtistEditorFooter extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
//
|
|
|
|
// Lifecycle
|
|
|
|
// Lifecycle
|
|
|
@ -27,8 +27,7 @@ class SeriesEditorFooter extends Component {
|
|
|
|
monitored: NO_CHANGE,
|
|
|
|
monitored: NO_CHANGE,
|
|
|
|
qualityProfileId: NO_CHANGE,
|
|
|
|
qualityProfileId: NO_CHANGE,
|
|
|
|
languageProfileId: NO_CHANGE,
|
|
|
|
languageProfileId: NO_CHANGE,
|
|
|
|
seriesType: NO_CHANGE,
|
|
|
|
albumFolder: NO_CHANGE,
|
|
|
|
seasonFolder: NO_CHANGE,
|
|
|
|
|
|
|
|
rootFolderPath: NO_CHANGE,
|
|
|
|
rootFolderPath: NO_CHANGE,
|
|
|
|
savingTags: false,
|
|
|
|
savingTags: false,
|
|
|
|
isDeleteArtistModalOpen: false,
|
|
|
|
isDeleteArtistModalOpen: false,
|
|
|
@ -47,8 +46,7 @@ class SeriesEditorFooter extends Component {
|
|
|
|
monitored: NO_CHANGE,
|
|
|
|
monitored: NO_CHANGE,
|
|
|
|
qualityProfileId: NO_CHANGE,
|
|
|
|
qualityProfileId: NO_CHANGE,
|
|
|
|
languageProfileId: NO_CHANGE,
|
|
|
|
languageProfileId: NO_CHANGE,
|
|
|
|
seriesType: NO_CHANGE,
|
|
|
|
albumFolder: NO_CHANGE,
|
|
|
|
seasonFolder: NO_CHANGE,
|
|
|
|
|
|
|
|
rootFolderPath: NO_CHANGE,
|
|
|
|
rootFolderPath: NO_CHANGE,
|
|
|
|
savingTags: false
|
|
|
|
savingTags: false
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -93,7 +91,7 @@ class SeriesEditorFooter extends Component {
|
|
|
|
this.setState({ isDeleteArtistModalOpen: true });
|
|
|
|
this.setState({ isDeleteArtistModalOpen: true });
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
onDeleteSeriesModalClose = () => {
|
|
|
|
onDeleteArtistModalClose = () => {
|
|
|
|
this.setState({ isDeleteArtistModalOpen: false });
|
|
|
|
this.setState({ isDeleteArtistModalOpen: false });
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -114,17 +112,16 @@ class SeriesEditorFooter extends Component {
|
|
|
|
selectedCount,
|
|
|
|
selectedCount,
|
|
|
|
isSaving,
|
|
|
|
isSaving,
|
|
|
|
isDeleting,
|
|
|
|
isDeleting,
|
|
|
|
isOrganizingSeries,
|
|
|
|
isOrganizingArtist,
|
|
|
|
showLanguageProfile,
|
|
|
|
showLanguageProfile,
|
|
|
|
onOrganizeSeriesPress
|
|
|
|
onOrganizeArtistPress
|
|
|
|
} = this.props;
|
|
|
|
} = this.props;
|
|
|
|
|
|
|
|
|
|
|
|
const {
|
|
|
|
const {
|
|
|
|
monitored,
|
|
|
|
monitored,
|
|
|
|
qualityProfileId,
|
|
|
|
qualityProfileId,
|
|
|
|
languageProfileId,
|
|
|
|
languageProfileId,
|
|
|
|
seriesType,
|
|
|
|
albumFolder,
|
|
|
|
seasonFolder,
|
|
|
|
|
|
|
|
rootFolderPath,
|
|
|
|
rootFolderPath,
|
|
|
|
savingTags,
|
|
|
|
savingTags,
|
|
|
|
isTagsModalOpen,
|
|
|
|
isTagsModalOpen,
|
|
|
@ -137,7 +134,7 @@ class SeriesEditorFooter extends Component {
|
|
|
|
{ key: 'unmonitored', value: 'Unmonitored' }
|
|
|
|
{ key: 'unmonitored', value: 'Unmonitored' }
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
const seasonFolderOptions = [
|
|
|
|
const albumFolderOptions = [
|
|
|
|
{ key: NO_CHANGE, value: 'No Change', disabled: true },
|
|
|
|
{ key: NO_CHANGE, value: 'No Change', disabled: true },
|
|
|
|
{ key: 'yes', value: 'Yes' },
|
|
|
|
{ key: 'yes', value: 'Yes' },
|
|
|
|
{ key: 'no', value: 'No' }
|
|
|
|
{ key: 'no', value: 'No' }
|
|
|
@ -146,8 +143,8 @@ class SeriesEditorFooter extends Component {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<PageContentFooter>
|
|
|
|
<PageContentFooter>
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
<SeriesEditorFooterLabel
|
|
|
|
<ArtistEditorFooterLabel
|
|
|
|
label="Monitor Series"
|
|
|
|
label="Monitor Artist"
|
|
|
|
isSaving={isSaving && monitored !== NO_CHANGE}
|
|
|
|
isSaving={isSaving && monitored !== NO_CHANGE}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
@ -161,7 +158,7 @@ class SeriesEditorFooter extends Component {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
<SeriesEditorFooterLabel
|
|
|
|
<ArtistEditorFooterLabel
|
|
|
|
label="Quality Profile"
|
|
|
|
label="Quality Profile"
|
|
|
|
isSaving={isSaving && qualityProfileId !== NO_CHANGE}
|
|
|
|
isSaving={isSaving && qualityProfileId !== NO_CHANGE}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
@ -178,7 +175,7 @@ class SeriesEditorFooter extends Component {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
showLanguageProfile &&
|
|
|
|
showLanguageProfile &&
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
<SeriesEditorFooterLabel
|
|
|
|
<ArtistEditorFooterLabel
|
|
|
|
label="Language Profile"
|
|
|
|
label="Language Profile"
|
|
|
|
isSaving={isSaving && languageProfileId !== NO_CHANGE}
|
|
|
|
isSaving={isSaving && languageProfileId !== NO_CHANGE}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
@ -194,37 +191,22 @@ class SeriesEditorFooter extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
<SeriesEditorFooterLabel
|
|
|
|
<ArtistEditorFooterLabel
|
|
|
|
label="Series Type"
|
|
|
|
label="Album Folder"
|
|
|
|
isSaving={isSaving && seriesType !== NO_CHANGE}
|
|
|
|
isSaving={isSaving && albumFolder !== NO_CHANGE}
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<SeriesTypeSelectInput
|
|
|
|
|
|
|
|
name="seriesType"
|
|
|
|
|
|
|
|
value={seriesType}
|
|
|
|
|
|
|
|
includeNoChange={true}
|
|
|
|
|
|
|
|
isDisabled={!selectedCount}
|
|
|
|
|
|
|
|
onChange={this.onInputChange}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
|
|
|
|
<SeriesEditorFooterLabel
|
|
|
|
|
|
|
|
label="Season Folder"
|
|
|
|
|
|
|
|
isSaving={isSaving && seasonFolder !== NO_CHANGE}
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
<SelectInput
|
|
|
|
<SelectInput
|
|
|
|
name="seasonFolder"
|
|
|
|
name="albumFolder"
|
|
|
|
value={seasonFolder}
|
|
|
|
value={albumFolder}
|
|
|
|
values={seasonFolderOptions}
|
|
|
|
values={albumFolderOptions}
|
|
|
|
isDisabled={!selectedCount}
|
|
|
|
isDisabled={!selectedCount}
|
|
|
|
onChange={this.onInputChange}
|
|
|
|
onChange={this.onInputChange}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
<div className={styles.inputContainer}>
|
|
|
|
<SeriesEditorFooterLabel
|
|
|
|
<ArtistEditorFooterLabel
|
|
|
|
label="Root Folder"
|
|
|
|
label="Root Folder"
|
|
|
|
isSaving={isSaving && rootFolderPath !== NO_CHANGE}
|
|
|
|
isSaving={isSaving && rootFolderPath !== NO_CHANGE}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
@ -241,8 +223,8 @@ class SeriesEditorFooter extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
<div className={styles.buttonContainer}>
|
|
|
|
<div className={styles.buttonContainer}>
|
|
|
|
<div className={styles.buttonContainerContent}>
|
|
|
|
<div className={styles.buttonContainerContent}>
|
|
|
|
<SeriesEditorFooterLabel
|
|
|
|
<ArtistEditorFooterLabel
|
|
|
|
label={`${selectedCount} Series Selected`}
|
|
|
|
label={`${selectedCount} Artist(s) Selected`}
|
|
|
|
isSaving={false}
|
|
|
|
isSaving={false}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
@ -251,9 +233,9 @@ class SeriesEditorFooter extends Component {
|
|
|
|
<SpinnerButton
|
|
|
|
<SpinnerButton
|
|
|
|
className={styles.organizeSelectedButton}
|
|
|
|
className={styles.organizeSelectedButton}
|
|
|
|
kind={kinds.WARNING}
|
|
|
|
kind={kinds.WARNING}
|
|
|
|
isSpinning={isOrganizingSeries}
|
|
|
|
isSpinning={isOrganizingArtist}
|
|
|
|
isDisabled={!selectedCount || isOrganizingSeries}
|
|
|
|
isDisabled={!selectedCount || isOrganizingArtist}
|
|
|
|
onPress={onOrganizeSeriesPress}
|
|
|
|
onPress={onOrganizeArtistPress}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
Rename Files
|
|
|
|
Rename Files
|
|
|
|
</SpinnerButton>
|
|
|
|
</SpinnerButton>
|
|
|
@ -261,7 +243,7 @@ class SeriesEditorFooter extends Component {
|
|
|
|
<SpinnerButton
|
|
|
|
<SpinnerButton
|
|
|
|
className={styles.tagsButton}
|
|
|
|
className={styles.tagsButton}
|
|
|
|
isSpinning={isSaving && savingTags}
|
|
|
|
isSpinning={isSaving && savingTags}
|
|
|
|
isDisabled={!selectedCount || isOrganizingSeries}
|
|
|
|
isDisabled={!selectedCount || isOrganizingArtist}
|
|
|
|
onPress={this.onTagsPress}
|
|
|
|
onPress={this.onTagsPress}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
Set Tags
|
|
|
|
Set Tags
|
|
|
@ -291,24 +273,24 @@ class SeriesEditorFooter extends Component {
|
|
|
|
<DeleteArtistModal
|
|
|
|
<DeleteArtistModal
|
|
|
|
isOpen={isDeleteArtistModalOpen}
|
|
|
|
isOpen={isDeleteArtistModalOpen}
|
|
|
|
artistIds={artistIds}
|
|
|
|
artistIds={artistIds}
|
|
|
|
onModalClose={this.onDeleteSeriesModalClose}
|
|
|
|
onModalClose={this.onDeleteArtistModalClose}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</PageContentFooter>
|
|
|
|
</PageContentFooter>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
SeriesEditorFooter.propTypes = {
|
|
|
|
ArtistEditorFooter.propTypes = {
|
|
|
|
artistIds: PropTypes.arrayOf(PropTypes.number).isRequired,
|
|
|
|
artistIds: PropTypes.arrayOf(PropTypes.number).isRequired,
|
|
|
|
selectedCount: PropTypes.number.isRequired,
|
|
|
|
selectedCount: PropTypes.number.isRequired,
|
|
|
|
isSaving: PropTypes.bool.isRequired,
|
|
|
|
isSaving: PropTypes.bool.isRequired,
|
|
|
|
saveError: PropTypes.object,
|
|
|
|
saveError: PropTypes.object,
|
|
|
|
isDeleting: PropTypes.bool.isRequired,
|
|
|
|
isDeleting: PropTypes.bool.isRequired,
|
|
|
|
deleteError: PropTypes.object,
|
|
|
|
deleteError: PropTypes.object,
|
|
|
|
isOrganizingSeries: PropTypes.bool.isRequired,
|
|
|
|
isOrganizingArtist: PropTypes.bool.isRequired,
|
|
|
|
showLanguageProfile: PropTypes.bool.isRequired,
|
|
|
|
showLanguageProfile: PropTypes.bool.isRequired,
|
|
|
|
onSaveSelected: PropTypes.func.isRequired,
|
|
|
|
onSaveSelected: PropTypes.func.isRequired,
|
|
|
|
onOrganizeSeriesPress: PropTypes.func.isRequired
|
|
|
|
onOrganizeArtistPress: PropTypes.func.isRequired
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
export default SeriesEditorFooter;
|
|
|
|
export default ArtistEditorFooter;
|