github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-08-20 13:33:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Add Metadata Profiles (#132)

Browse source 
* Add Metadata Profiles

* fixup! Codacy
This commit is contained in:
Qstick 2017-11-25 22:51:37 -05:00 • committed by GitHub
commit 5b7339cd73
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
92 changed files with 2611 additions and 145 deletions
Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/AddArtist/AddNewArtist/AddNewArtistModalContent.css
View file

@ -58,7 +58,8 @@
composes: button from 'Components/Link/SpinnerButton.css';
}
.hideLanguageProfile {
.hideLanguageProfile,
.hideMetadataProfile {
composes: group from 'Components/Form/FormGroup.css';
display: none;

47
frontend/src/AddArtist/AddNewArtist/AddNewArtistModalContent.js
View file

@ -46,6 +46,10 @@ class AddNewArtistModalContent extends Component {
this.props.onInputChange({ name: 'languageProfileId', value: parseInt(value) });
}
onMetadataProfileIdChange = ({ value }) => {
this.props.onInputChange({ name: 'metadataProfileId', value: parseInt(value) });
}
onAddArtistPress = () => {
this.props.onAddArtistPress(this.state.searchForMissingAlbums);
}
@ -63,11 +67,11 @@ class AddNewArtistModalContent extends Component {
monitor,
qualityProfileId,
languageProfileId,
metadataProfileId,
albumFolder,
primaryAlbumTypes,
secondaryAlbumTypes,
tags,
showLanguageProfile,
showMetadataProfile,
isSmallScreen,
onModalClose,
onInputChange
@ -149,16 +153,33 @@ class AddNewArtistModalContent extends Component {
/>
</FormGroup>
<FormGroup className={showLanguageProfile ? null : styles.hideLanguageProfile}>
<FormLabel>Language Profile</FormLabel>
{
showLanguageProfile &&
<FormGroup>
<FormLabel>Language Profile</FormLabel>
<FormInputGroup
type={inputTypes.LANGUAGE_PROFILE_SELECT}
name="languageProfileId"
onChange={this.onLanguageProfileIdChange}
{...languageProfileId}
/>
</FormGroup>
<FormInputGroup
type={inputTypes.LANGUAGE_PROFILE_SELECT}
name="languageProfileId"
onChange={this.onLanguageProfileIdChange}
{...languageProfileId}
/>
</FormGroup>
}
{
showMetadataProfile &&
<FormGroup>
<FormLabel>Metadata Profile</FormLabel>
<FormInputGroup
type={inputTypes.METADATA_PROFILE_SELECT}
name="metadataProfileId"
onChange={this.onMetadataProfileIdChange}
{...metadataProfileId}
/>
</FormGroup>
}
<FormGroup>
<FormLabel>Album Folder</FormLabel>
@ -225,11 +246,11 @@ AddNewArtistModalContent.propTypes = {
monitor: PropTypes.object.isRequired,
qualityProfileId: PropTypes.object,
languageProfileId: PropTypes.object,
metadataProfileId: PropTypes.object,
albumFolder: PropTypes.object.isRequired,
primaryAlbumTypes: PropTypes.object.isRequired,
secondaryAlbumTypes: PropTypes.object.isRequired,
tags: PropTypes.object.isRequired,
showLanguageProfile: PropTypes.bool.isRequired,
showMetadataProfile: PropTypes.bool.isRequired,
isSmallScreen: PropTypes.bool.isRequired,
onModalClose: PropTypes.func.isRequired,
onInputChange: PropTypes.func.isRequired,

15
frontend/src/AddArtist/AddNewArtist/AddNewArtistModalContentConnector.js
View file

@ -11,8 +11,9 @@ function createMapStateToProps() {
return createSelector(
(state) => state.addArtist,
(state) => state.settings.languageProfiles,
(state) => state.settings.metadataProfiles,
createDimensionsSelector(),
(addArtistState, languageProfiles, dimensions) => {
(addArtistState, languageProfiles, metadataProfiles, dimensions) => {
const {
isAdding,
addError,
@ -28,7 +29,8 @@ function createMapStateToProps() {
return {
isAdding,
addError,
showLanguageProfile: languageProfiles.length > 1,
showLanguageProfile: languageProfiles.items.length > 1,
showMetadataProfile: metadataProfiles.items.length > 1,
isSmallScreen: dimensions.isSmallScreen,
validationErrors,
validationWarnings,
@ -59,9 +61,8 @@ class AddNewArtistModalContentConnector extends Component {
monitor,
qualityProfileId,
languageProfileId,
metadataProfileId,
albumFolder,
primaryAlbumTypes,
secondaryAlbumTypes,
tags
} = this.props;
@ -71,9 +72,8 @@ class AddNewArtistModalContentConnector extends Component {
monitor: monitor.value,
qualityProfileId: qualityProfileId.value,
languageProfileId: languageProfileId.value,
metadataProfileId: metadataProfileId.value,
albumFolder: albumFolder.value,
primaryAlbumTypes: primaryAlbumTypes.value,
secondaryAlbumTypes: secondaryAlbumTypes.value,
tags: tags.value,
searchForMissingAlbums
});
@ -99,9 +99,8 @@ AddNewArtistModalContentConnector.propTypes = {
monitor: PropTypes.object.isRequired,
qualityProfileId: PropTypes.object,
languageProfileId: PropTypes.object,
metadataProfileId: PropTypes.object,
albumFolder: PropTypes.object.isRequired,
primaryAlbumTypes: PropTypes.object.isRequired,
secondaryAlbumTypes: PropTypes.object.isRequired,
tags: PropTypes.object.isRequired,
onModalClose: PropTypes.func.isRequired,
setAddArtistDefault: PropTypes.func.isRequired,

6
frontend/src/AddArtist/ImportArtist/Import/ImportArtist.js
View file

@ -87,7 +87,8 @@ class ImportArtist extends Component {
rootFoldersPopulated,
rootFoldersError,
unmappedFolders,
showLanguageProfile
showLanguageProfile,
showMetadataProfile
} = this.props;
const {
@ -130,6 +131,7 @@ class ImportArtist extends Component {
selectedState={selectedState}
contentBody={contentBody}
showLanguageProfile={showLanguageProfile}
showMetadataProfile={showMetadataProfile}
scrollTop={this.state.scrollTop}
onSelectAllChange={this.onSelectAllChange}
onSelectedChange={this.onSelectedChange}
@ -144,6 +146,7 @@ class ImportArtist extends Component {
<ImportArtistFooterConnector
selectedIds={this.getSelectedIds()}
showLanguageProfile={showLanguageProfile}
showMetadataProfile={showMetadataProfile}
onInputChange={this.onInputChange}
onImportPress={this.onImportPress}
/>
@ -162,6 +165,7 @@ ImportArtist.propTypes = {
unmappedFolders: PropTypes.arrayOf(PropTypes.object),
items: PropTypes.arrayOf(PropTypes.object),
showLanguageProfile: PropTypes.bool.isRequired,
showMetadataProfile: PropTypes.bool.isRequired,
onInputChange: PropTypes.func.isRequired,
onImportPress: PropTypes.func.isRequired
};

6
frontend/src/AddArtist/ImportArtist/Import/ImportArtistConnector.js
View file

@ -16,7 +16,8 @@ function createMapStateToProps() {
(state) => state.addArtist,
(state) => state.importArtist,
(state) => state.settings.languageProfiles,
(match, rootFolders, addArtist, importArtistState, languageProfiles) => {
(state) => state.settings.metadataProfiles,
(match, rootFolders, addArtist, importArtistState, languageProfiles, metadataProfiles) => {
const {
isFetching: rootFoldersFetching,
isPopulated: rootFoldersPopulated,
@ -31,7 +32,8 @@ function createMapStateToProps() {
rootFoldersFetching,
rootFoldersPopulated,
rootFoldersError,
showLanguageProfile: languageProfiles.items.length > 1
showLanguageProfile: languageProfiles.items.length > 1,
showMetadataProfile: metadataProfiles.items.length > 1
};
if (items.length) {

74
frontend/src/AddArtist/ImportArtist/Import/ImportArtistFooter.js
View file

@ -23,18 +23,16 @@ class ImportArtistFooter extends Component {
defaultMonitor,
defaultQualityProfileId,
defaultLanguageProfileId,
defaultAlbumFolder,
defaultPrimaryAlbumTypes,
defaultSecondaryAlbumTypes
defaultMetadataProfileId,
defaultAlbumFolder
} = props;
this.state = {
monitor: defaultMonitor,
qualityProfileId: defaultQualityProfileId,
languageProfileId: defaultLanguageProfileId,
albumFolder: defaultAlbumFolder,
primaryAlbumTypes: defaultPrimaryAlbumTypes,
secondaryAlbumTypes: defaultSecondaryAlbumTypes
metadataProfileId: defaultMetadataProfileId,
albumFolder: defaultAlbumFolder
};
}
@ -43,24 +41,21 @@ class ImportArtistFooter extends Component {
defaultMonitor,
defaultQualityProfileId,
defaultLanguageProfileId,
defaultMetadataProfileId,
defaultAlbumFolder,
defaultPrimaryAlbumTypes,
defaultSecondaryAlbumTypes,
isMonitorMixed,
isQualityProfileIdMixed,
isLanguageProfileIdMixed,
isAlbumFolderMixed,
isPrimaryAlbumTypesMixed,
isSecondaryAlbumTypesMixed
isMetadataProfileIdMixed,
isAlbumFolderMixed
} = this.props;
const {
monitor,
qualityProfileId,
languageProfileId,
albumFolder,
primaryAlbumTypes,
secondaryAlbumTypes
metadataProfileId,
albumFolder
} = this.state;
const newState = {};
@ -83,24 +78,18 @@ class ImportArtistFooter extends Component {
newState.languageProfileId = defaultLanguageProfileId;
}
if (isMetadataProfileIdMixed && metadataProfileId !== MIXED) {
newState.metadataProfileId = MIXED;
} else if (!isMetadataProfileIdMixed && metadataProfileId !== defaultMetadataProfileId) {
newState.metadataProfileId = defaultMetadataProfileId;
}
if (isAlbumFolderMixed && albumFolder != null) {
newState.albumFolder = null;
} else if (!isAlbumFolderMixed && albumFolder !== defaultAlbumFolder) {
newState.albumFolder = defaultAlbumFolder;
}
if (isPrimaryAlbumTypesMixed && primaryAlbumTypes != null) {
newState.primaryAlbumTypes = null;
} else if (!isPrimaryAlbumTypesMixed && primaryAlbumTypes !== defaultPrimaryAlbumTypes) {
newState.primaryAlbumTypes = defaultPrimaryAlbumTypes;
}
if (isSecondaryAlbumTypesMixed && secondaryAlbumTypes != null) {
newState.secondaryAlbumTypes = null;
} else if (!isSecondaryAlbumTypesMixed && secondaryAlbumTypes !== defaultSecondaryAlbumTypes) {
newState.secondaryAlbumTypes = defaultSecondaryAlbumTypes;
}
if (!_.isEmpty(newState)) {
this.setState(newState);
}
@ -125,7 +114,9 @@ class ImportArtistFooter extends Component {
isMonitorMixed,
isQualityProfileIdMixed,
isLanguageProfileIdMixed,
isMetadataProfileIdMixed,
showLanguageProfile,
showMetadataProfile,
onImportPress
} = this.props;
@ -133,9 +124,8 @@ class ImportArtistFooter extends Component {
monitor,
qualityProfileId,
languageProfileId,
albumFolder,
primaryAlbumTypes,
secondaryAlbumTypes
metadataProfileId,
albumFolder
} = this.state;
return (
@ -189,6 +179,25 @@ class ImportArtistFooter extends Component {
</div>
}
{
showMetadataProfile &&
<div className={styles.inputContainer}>
<div className={styles.label}>
Metadata Profile
</div>
<FormInputGroup
type={inputTypes.METADATA_PROFILE_SELECT}
name="metadataProfileId"
value={metadataProfileId}
isDisabled={!selectedCount}
includeMixed={isMetadataProfileIdMixed}
onChange={this.onInputChange}
/>
</div>
}
<div className={styles.inputContainer}>
<div className={styles.label}>
Album Folder
@ -244,16 +253,15 @@ ImportArtistFooter.propTypes = {
defaultMonitor: PropTypes.string.isRequired,
defaultQualityProfileId: PropTypes.number,
defaultLanguageProfileId: PropTypes.number,
defaultMetadataProfileId: PropTypes.number,
defaultAlbumFolder: PropTypes.bool.isRequired,
defaultPrimaryAlbumTypes: PropTypes.arrayOf(PropTypes.string).isRequired,
defaultSecondaryAlbumTypes: PropTypes.arrayOf(PropTypes.string).isRequired,
isMonitorMixed: PropTypes.bool.isRequired,
isQualityProfileIdMixed: PropTypes.bool.isRequired,
isLanguageProfileIdMixed: PropTypes.bool.isRequired,
isMetadataProfileIdMixed: PropTypes.bool.isRequired,
isAlbumFolderMixed: PropTypes.bool.isRequired,
isPrimaryAlbumTypesMixed: PropTypes.bool.isRequired,
isSecondaryAlbumTypesMixed: PropTypes.bool.isRequired,
showLanguageProfile: PropTypes.bool.isRequired,
showMetadataProfile: PropTypes.bool.isRequired,
onInputChange: PropTypes.func.isRequired,
onImportPress: PropTypes.func.isRequired
};

16
frontend/src/AddArtist/ImportArtist/Import/ImportArtistFooterConnector.js
View file

@ -19,9 +19,8 @@ function createMapStateToProps() {
monitor: defaultMonitor,
qualityProfileId: defaultQualityProfileId,
languageProfileId: defaultLanguageProfileId,
albumFolder: defaultAlbumFolder,
primaryAlbumTypes: defaultPrimaryAlbumTypes,
secondaryAlbumTypes: defaultSecondaryAlbumTypes
metadataProfileId: defaultMetadataProfileId,
albumFolder: defaultAlbumFolder
} = addArtist.defaults;
const items = importArtist.items;
@ -33,9 +32,8 @@ function createMapStateToProps() {
const isMonitorMixed = isMixed(items, selectedIds, defaultMonitor, 'monitor');
const isQualityProfileIdMixed = isMixed(items, selectedIds, defaultQualityProfileId, 'qualityProfileId');
const isLanguageProfileIdMixed = isMixed(items, selectedIds, defaultLanguageProfileId, 'languageProfileId');
const isMetadataProfileIdMixed = isMixed(items, selectedIds, defaultMetadataProfileId, 'metadataProfileId');
const isAlbumFolderMixed = isMixed(items, selectedIds, defaultAlbumFolder, 'albumFolder');
const isPrimaryAlbumTypesMixed = isMixed(items, selectedIds, defaultPrimaryAlbumTypes, 'primaryAlbumTypes');
const isSecondaryAlbumTypesMixed = isMixed(items, selectedIds, defaultSecondaryAlbumTypes, 'secondaryAlbumTypes');
return {
selectedCount: selectedIds.length,
@ -44,15 +42,13 @@ function createMapStateToProps() {
defaultMonitor,
defaultQualityProfileId,
defaultLanguageProfileId,
defaultMetadataProfileId,
defaultAlbumFolder,
defaultPrimaryAlbumTypes,
defaultSecondaryAlbumTypes,
isMonitorMixed,
isQualityProfileIdMixed,
isLanguageProfileIdMixed,
isAlbumFolderMixed,
isPrimaryAlbumTypesMixed,
isSecondaryAlbumTypesMixed
isMetadataProfileIdMixed,
isAlbumFolderMixed
};
}
);

3
frontend/src/AddArtist/ImportArtist/Import/ImportArtistHeader.css
View file

@ -12,7 +12,8 @@
}
.qualityProfile,
.languageProfile {
.languageProfile,
.metadataProfile {
composes: headerCell from 'Components/Table/VirtualTableHeaderCell.css';
flex: 0 1 250px;

12
frontend/src/AddArtist/ImportArtist/Import/ImportArtistHeader.js
View file

@ -13,6 +13,7 @@ import styles from './ImportArtistHeader.css';
function ImportArtistHeader(props) {
const {
showLanguageProfile,
showMetadataProfile,
allSelected,
allUnselected,
onSelectAllChange
@ -69,6 +70,16 @@ function ImportArtistHeader(props) {
</VirtualTableHeaderCell>
}
{
showMetadataProfile &&
<VirtualTableHeaderCell
className={styles.metadataProfile}
name="metadataProfileId"
>
Metadata Profile
</VirtualTableHeaderCell>
}
<VirtualTableHeaderCell
className={styles.albumFolder}
name="albumFolder"
@ -88,6 +99,7 @@ function ImportArtistHeader(props) {
ImportArtistHeader.propTypes = {
showLanguageProfile: PropTypes.bool.isRequired,
showMetadataProfile: PropTypes.bool.isRequired,
allSelected: PropTypes.bool.isRequired,
allUnselected: PropTypes.bool.isRequired,
onSelectAllChange: PropTypes.func.isRequired

6
frontend/src/AddArtist/ImportArtist/Import/ImportArtistRow.css
View file

@ -17,7 +17,8 @@
}
.qualityProfile,
.languageProfile {
.languageProfile,
.metadataProfile {
composes: cell from 'Components/Table/Cells/VirtualTableRowCell.css';
flex: 0 1 250px;
@ -38,7 +39,8 @@
min-width: 300px;
}
.hideLanguageProfile {
.hideLanguageProfile,
.hideMetadataProfile {
composes: cell from 'Components/Table/Cells/VirtualTableRowCell.css';
display: none;

15
frontend/src/AddArtist/ImportArtist/Import/ImportArtistRow.js
View file

@ -15,10 +15,12 @@ function ImportArtistRow(props) {
monitor,
qualityProfileId,
languageProfileId,
metadataProfileId,
albumFolder,
selectedArtist,
isExistingArtist,
showLanguageProfile,
showMetadataProfile,
isSelected,
onSelectedChange,
onInputChange
@ -67,6 +69,17 @@ function ImportArtistRow(props) {
/>
</VirtualTableRowCell>
<VirtualTableRowCell
className={showMetadataProfile ? styles.metadataProfile : styles.hideMetadataProfile}
>
<FormInputGroup
type={inputTypes.METADATA_PROFILE_SELECT}
name="metadataProfileId"
value={metadataProfileId}
onChange={onInputChange}
/>
</VirtualTableRowCell>
<VirtualTableRowCell className={styles.albumFolder}>
<FormInputGroup
type={inputTypes.CHECK}
@ -92,12 +105,14 @@ ImportArtistRow.propTypes = {
monitor: PropTypes.string.isRequired,
qualityProfileId: PropTypes.number.isRequired,
languageProfileId: PropTypes.number.isRequired,
metadataProfileId: PropTypes.number.isRequired,
albumFolder: PropTypes.bool.isRequired,
selectedArtist: PropTypes.object,
isExistingArtist: PropTypes.bool.isRequired,
items: PropTypes.arrayOf(PropTypes.object).isRequired,
queued: PropTypes.bool.isRequired,
showLanguageProfile: PropTypes.bool.isRequired,
showMetadataProfile: PropTypes.bool.isRequired,
isSelected: PropTypes.bool,
onSelectedChange: PropTypes.func.isRequired,
onInputChange: PropTypes.func.isRequired

16
frontend/src/AddArtist/ImportArtist/Import/ImportArtistTable.js
View file

@ -22,9 +22,8 @@ class ImportArtistTable extends Component {
defaultMonitor,
defaultQualityProfileId,
defaultLanguageProfileId,
defaultMetadataProfileId,
defaultAlbumFolder,
defaultPrimaryAlbumTypes,
defaultSecondaryAlbumTypes,
onArtistLookup,
onSetImportArtistValue
} = this.props;
@ -33,9 +32,8 @@ class ImportArtistTable extends Component {
monitor: defaultMonitor,
qualityProfileId: defaultQualityProfileId,
languageProfileId: defaultLanguageProfileId,
albumFolder: defaultAlbumFolder,
primaryAlbumTypes: defaultPrimaryAlbumTypes,
secondaryAlbumTypes: defaultSecondaryAlbumTypes
metadataProfileId: defaultMetadataProfileId,
albumFolder: defaultAlbumFolder
};
unmappedFolders.forEach((unmappedFolder) => {
@ -125,6 +123,7 @@ class ImportArtistTable extends Component {
items,
selectedState,
showLanguageProfile,
showMetadataProfile,
onSelectedChange
} = this.props;
@ -136,6 +135,7 @@ class ImportArtistTable extends Component {
style={style}
rootFolderId={rootFolderId}
showLanguageProfile={showLanguageProfile}
showMetadataProfile={showMetadataProfile}
isSelected={selectedState[item.id]}
onSelectedChange={onSelectedChange}
id={item.id}
@ -154,6 +154,7 @@ class ImportArtistTable extends Component {
isSmallScreen,
contentBody,
showLanguageProfile,
showMetadataProfile,
scrollTop,
onSelectAllChange,
onScroll
@ -176,6 +177,7 @@ class ImportArtistTable extends Component {
header={
<ImportArtistHeader
showLanguageProfile={showLanguageProfile}
showMetadataProfile={showMetadataProfile}
allSelected={allSelected}
allUnselected={allUnselected}
onSelectAllChange={onSelectAllChange}
@ -194,9 +196,8 @@ ImportArtistTable.propTypes = {
defaultMonitor: PropTypes.string.isRequired,
defaultQualityProfileId: PropTypes.number,
defaultLanguageProfileId: PropTypes.number,
defaultMetadataProfileId: PropTypes.number,
defaultAlbumFolder: PropTypes.bool.isRequired,
defaultPrimaryAlbumTypes: PropTypes.arrayOf(PropTypes.string).isRequired,
defaultSecondaryAlbumTypes: PropTypes.arrayOf(PropTypes.string).isRequired,
allSelected: PropTypes.bool.isRequired,
allUnselected: PropTypes.bool.isRequired,
selectedState: PropTypes.object.isRequired,
@ -204,6 +205,7 @@ ImportArtistTable.propTypes = {
allArtists: PropTypes.arrayOf(PropTypes.object),
contentBody: PropTypes.object.isRequired,
showLanguageProfile: PropTypes.bool.isRequired,
showMetadataProfile: PropTypes.bool.isRequired,
scrollTop: PropTypes.number.isRequired,
onSelectAllChange: PropTypes.func.isRequired,
onSelectedChange: PropTypes.func.isRequired,

3
frontend/src/AddArtist/ImportArtist/Import/ImportArtistTableConnector.js
View file

@ -15,9 +15,8 @@ function createMapStateToProps() {
defaultMonitor: addArtist.defaults.monitor,
defaultQualityProfileId: addArtist.defaults.qualityProfileId,
defaultLanguageProfileId: addArtist.defaults.languageProfileId,
defaultMetadataProfileId: addArtist.defaults.metadataProfileId,
defaultAlbumFolder: addArtist.defaults.albumFolder,
defaultPrimaryAlbumTypes: addArtist.defaults.primaryAlbumTypes,
defaultSecondaryAlbumTypes: addArtist.defaults.secondaryAlbumTypes,
items: importArtist.items,
isSmallScreen: dimensions.isSmallScreen,
allArtists

42
frontend/src/Artist/Details/ArtistDetails.js
View file

@ -32,6 +32,34 @@ import ArtistTagsConnector from './ArtistTagsConnector';
import ArtistDetailsLinks from './ArtistDetailsLinks';
import styles from './ArtistDetails.css';
const albumTypes = [
{
name: 'album',
label: 'Album',
isVisible: true
},
{
name: 'ep',
label: 'EP',
isVisible: true
},
{
name: 'single',
label: 'Single',
isVisible: true
},
{
name: 'broadcast',
label: 'Broadcast',
isVisible: true
},
{
name: 'other',
label: 'Other',
isVisible: true
}
];
const defaultFontSize = parseInt(fonts.defaultFontSize);
const lineHeight = parseFloat(fonts.lineHeight);
@ -150,7 +178,6 @@ class ArtistDetails extends Component {
links,
images,
albums,
primaryAlbumTypes,
alternateTitles,
tags,
isRefreshing,
@ -479,18 +506,18 @@ class ArtistDetails extends Component {
}
{
isPopulated && !!primaryAlbumTypes.length &&
isPopulated && !!albumTypes.length &&
<div>
{
primaryAlbumTypes.slice(0).map((albumType) => {
albumTypes.slice(0).map((albumType) => {
return (
<ArtistDetailsSeasonConnector
key={albumType}
key={albumType.name}
artistId={id}
name={albumType}
label={albumType}
name={albumType.name}
label={albumType.label}
{...albumType}
isExpanded={expandedState[albumType]}
isExpanded={expandedState[albumType.name]}
onExpandPress={this.onExpandPress}
/>
);
@ -546,7 +573,6 @@ ArtistDetails.propTypes = {
links: PropTypes.arrayOf(PropTypes.object).isRequired,
images: PropTypes.arrayOf(PropTypes.object).isRequired,
albums: PropTypes.arrayOf(PropTypes.object).isRequired,
primaryAlbumTypes: PropTypes.arrayOf(PropTypes.string).isRequired,
alternateTitles: PropTypes.arrayOf(PropTypes.string).isRequired,
tags: PropTypes.arrayOf(PropTypes.number).isRequired,
isRefreshing: PropTypes.bool.isRequired,

18
frontend/src/Artist/Edit/EditArtistModalContent.js
View file

@ -24,6 +24,7 @@ class EditArtistModalContent extends Component {
item,
isSaving,
showLanguageProfile,
showMetadataProfile,
onInputChange,
onSavePress,
onModalClose,
@ -36,6 +37,7 @@ class EditArtistModalContent extends Component {
albumFolder,
qualityProfileId,
languageProfileId,
metadataProfileId,
path,
tags
} = item;
@ -99,6 +101,21 @@ class EditArtistModalContent extends Component {
</FormGroup>
}
{
showMetadataProfile &&
<FormGroup>
<FormLabel>Metadata Profile</FormLabel>
<FormInputGroup
type={inputTypes.METADATA_PROFILE_SELECT}
name="metadataProfileId"
helpText="Changes will take place on next artist refresh"
{...metadataProfileId}
onChange={onInputChange}
/>
</FormGroup>
}
<FormGroup>
<FormLabel>Path</FormLabel>
@ -155,6 +172,7 @@ EditArtistModalContent.propTypes = {
item: PropTypes.object.isRequired,
isSaving: PropTypes.bool.isRequired,
showLanguageProfile: PropTypes.bool.isRequired,
showMetadataProfile: PropTypes.bool.isRequired,
onInputChange: PropTypes.func.isRequired,
onSavePress: PropTypes.func.isRequired,
onModalClose: PropTypes.func.isRequired,

5
frontend/src/Artist/Edit/EditArtistModalContentConnector.js
View file

@ -12,8 +12,9 @@ function createMapStateToProps() {
return createSelector(
(state) => state.artist,
(state) => state.settings.languageProfiles,
(state) => state.settings.metadataProfiles,
createArtistSelector(),
(artistState, languageProfiles, artist) => {
(artistState, languageProfiles, metadataProfiles, artist) => {
const {
isSaving,
saveError,
@ -25,6 +26,7 @@ function createMapStateToProps() {
'albumFolder',
'qualityProfileId',
'languageProfileId',
'metadataProfileId',
'path',
'tags'
]);
@ -38,6 +40,7 @@ function createMapStateToProps() {
pendingChanges,
item: settings.settings,
showLanguageProfile: languageProfiles.items.length > 1,
showMetadataProfile: metadataProfiles.items.length > 1,
...settings
};
}

13
frontend/src/Artist/Editor/ArtistEditor.js
View file

@ -19,7 +19,7 @@ import ArtistEditorRowConnector from './ArtistEditorRowConnector';
import ArtistEditorFooter from './ArtistEditorFooter';
import OrganizeArtistModal from './Organize/OrganizeArtistModal';
function getColumns(showLanguageProfile) {
function getColumns(showLanguageProfile, showMetadataProfile) {
return [
{
name: 'status',
@ -43,6 +43,12 @@ function getColumns(showLanguageProfile) {
isSortable: true,
isVisible: showLanguageProfile
},
{
name: 'metadataProfileId',
label: 'Metadata Profile',
isSortable: true,
isVisible: showMetadataProfile
},
{
name: 'albumFolder',
label: 'Album Folder',
@ -78,7 +84,7 @@ class ArtistEditor extends Component {
lastToggled: null,
selectedState: {},
isOrganizingArtistModalOpen: false,
columns: getColumns(props.showLanguageProfile)
columns: getColumns(props.showLanguageProfile, props.showMetadataProfile)
};
}
@ -155,6 +161,7 @@ class ArtistEditor extends Component {
deleteError,
isOrganizingArtist,
showLanguageProfile,
showMetadataProfile,
onSortPress,
onFilterSelect
} = this.props;
@ -285,6 +292,7 @@ class ArtistEditor extends Component {
deleteError={deleteError}
isOrganizingArtist={isOrganizingArtist}
showLanguageProfile={showLanguageProfile}
showMetadataProfile={showMetadataProfile}
onSaveSelected={this.onSaveSelected}
onOrganizeArtistPress={this.onOrganizeArtistPress}
/>
@ -314,6 +322,7 @@ ArtistEditor.propTypes = {
deleteError: PropTypes.object,
isOrganizingArtist: PropTypes.bool.isRequired,
showLanguageProfile: PropTypes.bool.isRequired,
showMetadataProfile: PropTypes.bool.isRequired,
onSortPress: PropTypes.func.isRequired,
onFilterSelect: PropTypes.func.isRequired,
onSaveSelected: PropTypes.func.isRequired

4
frontend/src/Artist/Editor/ArtistEditorConnector.js
View file

@ -12,12 +12,14 @@ import ArtistEditor from './ArtistEditor';
function createMapStateToProps() {
return createSelector(
(state) => state.settings.languageProfiles,
(state) => state.settings.metadataProfiles,
createClientSideCollectionSelector(),
createCommandSelector(commandNames.RENAME_ARTIST),
(languageProfiles, artist, isOrganizingArtist) => {
(languageProfiles, metadataProfiles, artist, isOrganizingArtist) => {
return {
isOrganizingArtist,
showLanguageProfile: languageProfiles.items.length > 1,
showMetadataProfile: metadataProfiles.items.length > 1,
...artist
};
}

24
frontend/src/Artist/Editor/ArtistEditorFooter.js
View file

@ -3,6 +3,7 @@ import React, { Component } from 'react';
import { kinds } from 'Helpers/Props';
import SelectInput from 'Components/Form/SelectInput';
import LanguageProfileSelectInputConnector from 'Components/Form/LanguageProfileSelectInputConnector';
import MetadataProfileSelectInputConnector from 'Components/Form/MetadataProfileSelectInputConnector';
import QualityProfileSelectInputConnector from 'Components/Form/QualityProfileSelectInputConnector';
import RootFolderSelectInputConnector from 'Components/Form/RootFolderSelectInputConnector';
import SpinnerButton from 'Components/Link/SpinnerButton';
@ -26,6 +27,7 @@ class ArtistEditorFooter extends Component {
monitored: NO_CHANGE,
qualityProfileId: NO_CHANGE,
languageProfileId: NO_CHANGE,
metadataProfileId: NO_CHANGE,
albumFolder: NO_CHANGE,
rootFolderPath: NO_CHANGE,
savingTags: false,
@ -45,6 +47,7 @@ class ArtistEditorFooter extends Component {
monitored: NO_CHANGE,
qualityProfileId: NO_CHANGE,
languageProfileId: NO_CHANGE,
metadataProfileId: NO_CHANGE,
albumFolder: NO_CHANGE,
rootFolderPath: NO_CHANGE,
savingTags: false
@ -113,6 +116,7 @@ class ArtistEditorFooter extends Component {
isDeleting,
isOrganizingArtist,
showLanguageProfile,
showMetadataProfile,
onOrganizeArtistPress
} = this.props;
@ -120,6 +124,7 @@ class ArtistEditorFooter extends Component {
monitored,
qualityProfileId,
languageProfileId,
metadataProfileId,
albumFolder,
rootFolderPath,
savingTags,
@ -189,6 +194,24 @@ class ArtistEditorFooter extends Component {
</div>
}
{
showMetadataProfile &&
<div className={styles.inputContainer}>
<ArtistEditorFooterLabel
label="Metadata Profile"
isSaving={isSaving && metadataProfileId !== NO_CHANGE}
/>
<MetadataProfileSelectInputConnector
name="metadataProfileId"
value={metadataProfileId}
includeNoChange={true}
isDisabled={!selectedCount}
onChange={this.onInputChange}
/>
</div>
}
<div className={styles.inputContainer}>
<ArtistEditorFooterLabel
label="Album Folder"
@ -288,6 +311,7 @@ ArtistEditorFooter.propTypes = {
deleteError: PropTypes.object,
isOrganizingArtist: PropTypes.bool.isRequired,
showLanguageProfile: PropTypes.bool.isRequired,
showMetadataProfile: PropTypes.bool.isRequired,
onSaveSelected: PropTypes.func.isRequired,
onOrganizeArtistPress: PropTypes.func.isRequired
};

9
frontend/src/Artist/Editor/ArtistEditorRow.js
View file

@ -32,6 +32,7 @@ class ArtistEditorRow extends Component {
artistName,
monitored,
languageProfile,
metadataProfile,
qualityProfile,
albumFolder,
path,
@ -72,6 +73,13 @@ class ArtistEditorRow extends Component {
</TableRowCell>
}
{
_.find(columns, { name: 'metadataProfileId' }).isVisible &&
<TableRowCell>
{metadataProfile.name}
</TableRowCell>
}
<TableRowCell className={styles.albumFolder}>
<CheckInput
name="albumFolder"
@ -102,6 +110,7 @@ ArtistEditorRow.propTypes = {
artistName: PropTypes.string.isRequired,
monitored: PropTypes.bool.isRequired,
languageProfile: PropTypes.object.isRequired,
metadataProfile: PropTypes.object.isRequired,
qualityProfile: PropTypes.object.isRequired,
albumFolder: PropTypes.bool.isRequired,
path: PropTypes.string.isRequired,

5
frontend/src/Artist/Editor/ArtistEditorRowConnector.js
View file

@ -3,16 +3,19 @@ import React from 'react';
import { connect } from 'react-redux';
import { createSelector } from 'reselect';
import createLanguageProfileSelector from 'Store/Selectors/createLanguageProfileSelector';
import createMetadataProfileSelector from 'Store/Selectors/createMetadataProfileSelector';
import createQualityProfileSelector from 'Store/Selectors/createQualityProfileSelector';
import ArtistEditorRow from './ArtistEditorRow';
function createMapStateToProps() {
return createSelector(
createLanguageProfileSelector(),
createMetadataProfileSelector(),
createQualityProfileSelector(),
(languageProfile, qualityProfile) => {
(languageProfile, metadataProfile, qualityProfile) => {
return {
languageProfile,
metadataProfile,
qualityProfile
};
}

5
frontend/src/Artist/Index/ArtistIndexItemConnector.js
View file

@ -6,6 +6,7 @@ import { createSelector } from 'reselect';
import createCommandsSelector from 'Store/Selectors/createCommandsSelector';
import createQualityProfileSelector from 'Store/Selectors/createQualityProfileSelector';
import createLanguageProfileSelector from 'Store/Selectors/createLanguageProfileSelector';
import createMetadataProfileSelector from 'Store/Selectors/createMetadataProfileSelector';
import { executeCommand } from 'Store/Actions/commandActions';
import * as commandNames from 'Commands/commandNames';
@ -15,8 +16,9 @@ function createMapStateToProps() {
(state, { albums }) => albums,
createQualityProfileSelector(),
createLanguageProfileSelector(),
createMetadataProfileSelector(),
createCommandsSelector(),
(artistId, albums, qualityProfile, languageProfile, commands) => {
(artistId, albums, qualityProfile, languageProfile, metadataProfile, commands) => {
const isRefreshingArtist = _.some(commands, (command) => {
return command.name === commandNames.REFRESH_ARTIST &&
command.body.artistId === artistId;
@ -27,6 +29,7 @@ function createMapStateToProps() {
return {
qualityProfile,
languageProfile,
metadataProfile,
latestAlbum,
isRefreshingArtist
};

9
frontend/src/Artist/Index/Menus/ArtistIndexSortMenu.js
View file

@ -51,6 +51,15 @@ function ArtistIndexSortMenu(props) {
Language Profile
</SortMenuItem>
<SortMenuItem
name="metadataProfileId"
sortKey={sortKey}
sortDirection={sortDirection}
onPress={onSortSelect}
>
Metadata Profile
</SortMenuItem>
<SortMenuItem
name="nextAiring"
sortKey={sortKey}

3
frontend/src/Artist/Index/Table/ArtistIndexHeader.css
View file

@ -11,7 +11,8 @@
}
.qualityProfileId,
.languageProfileId {
.languageProfileId,
.metadataProfileId {
composes: headerCell from 'Components/Table/VirtualTableHeaderCell.css';
flex: 1 0 125px;

3
frontend/src/Artist/Index/Table/ArtistIndexRow.css
View file

@ -11,7 +11,8 @@
}
.qualityProfileId,
.languageProfileId {
.languageProfileId,
.metadataProfileId {
composes: cell from 'Components/Table/Cells/VirtualTableRowCell.css';
flex: 1 0 125px;

14
frontend/src/Artist/Index/Table/ArtistIndexRow.js
View file

@ -69,6 +69,7 @@ class ArtistIndexRow extends Component {
artistType,
qualityProfile,
languageProfile,
metadataProfile,
nextAiring,
previousAiring,
added,
@ -163,6 +164,17 @@ class ArtistIndexRow extends Component {
);
}
if (name === 'metadataProfileId') {
return (
<VirtualTableRowCell
key={name}
className={styles[name]}
>
{metadataProfile.name}
</VirtualTableRowCell>
);
}
if (name === 'nextAiring') {
return (
<RelativeDateCellConnector
@ -347,6 +359,7 @@ ArtistIndexRow.propTypes = {
artistType: PropTypes.string,
qualityProfile: PropTypes.object.isRequired,
languageProfile: PropTypes.object.isRequired,
metadataProfile: PropTypes.object.isRequired,
nextAiring: PropTypes.string,
previousAiring: PropTypes.string,
added: PropTypes.string,
@ -358,7 +371,6 @@ ArtistIndexRow.propTypes = {
path: PropTypes.string.isRequired,
sizeOnDisk: PropTypes.number,
tags: PropTypes.arrayOf(PropTypes.number).isRequired,
// useSceneNumbering: PropTypes.bool.isRequired,
columns: PropTypes.arrayOf(PropTypes.object).isRequired,
isRefreshingArtist: PropTypes.bool.isRequired,
onRefreshArtistPress: PropTypes.func.isRequired

4
frontend/src/Components/Form/FormInputGroup.js
View file

@ -11,6 +11,7 @@ import PasswordInput from './PasswordInput';
import PathInputConnector from './PathInputConnector';
import QualityProfileSelectInputConnector from './QualityProfileSelectInputConnector';
import LanguageProfileSelectInputConnector from './LanguageProfileSelectInputConnector';
import MetadataProfileSelectInputConnector from './MetadataProfileSelectInputConnector';
import RootFolderSelectInputConnector from './RootFolderSelectInputConnector';
import SeriesTypeSelectInput from './SeriesTypeSelectInput';
import SelectInput from './SelectInput';
@ -49,6 +50,9 @@ function getComponent(type) {
case inputTypes.LANGUAGE_PROFILE_SELECT:
return LanguageProfileSelectInputConnector;
case inputTypes.METADATA_PROFILE_SELECT:
return MetadataProfileSelectInputConnector;
case inputTypes.ROOT_FOLDER_SELECT:
return RootFolderSelectInputConnector;

98
frontend/src/Components/Form/MetadataProfileSelectInputConnector.js Normal file
View file

@ -0,0 +1,98 @@
import _ from 'lodash';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { createSelector } from 'reselect';
import sortByName from 'Utilities/Array/sortByName';
import SelectInput from './SelectInput';
function createMapStateToProps() {
return createSelector(
(state) => state.settings.metadataProfiles,
(state, { includeNoChange }) => includeNoChange,
(state, { includeMixed }) => includeMixed,
(metadataProfiles, includeNoChange, includeMixed) => {
const values = _.map(metadataProfiles.items.sort(sortByName), (metadataProfile) => {
return {
key: metadataProfile.id,
value: metadataProfile.name
};
});
if (includeNoChange) {
values.unshift({
key: 'noChange',
value: 'No Change',
disabled: true
});
}
if (includeMixed) {
values.unshift({
key: 'mixed',
value: '(Mixed)',
disabled: true
});
}
return {
values
};
}
);
}
class MetadataProfileSelectInputConnector extends Component {
//
// Lifecycle
componentDidMount() {
const {
name,
value,
values
} = this.props;
if (!value || !_.some(values, (option) => parseInt(option.key) === value)) {
const firstValue = _.find(values, (option) => !isNaN(parseInt(option.key)));
if (firstValue) {
this.onChange({ name, value: firstValue.key });
}
}
}
//
// Listeners
onChange = ({ name, value }) => {
this.props.onChange({ name, value: parseInt(value) });
}
//
// Render
render() {
return (
<SelectInput
{...this.props}
onChange={this.onChange}
/>
);
}
}
MetadataProfileSelectInputConnector.propTypes = {
name: PropTypes.string.isRequired,
value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
values: PropTypes.arrayOf(PropTypes.object).isRequired,
includeNoChange: PropTypes.bool.isRequired,
onChange: PropTypes.func.isRequired
};
MetadataProfileSelectInputConnector.defaultProps = {
includeNoChange: false
};
export default connect(createMapStateToProps)(MetadataProfileSelectInputConnector);

8
frontend/src/Components/Page/PageConnector.js
View file

@ -7,7 +7,7 @@ import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
import { saveDimensions, setIsSidebarVisible } from 'Store/Actions/appActions';
import { fetchArtist } from 'Store/Actions/artistActions';
import { fetchTags } from 'Store/Actions/tagActions';
import { fetchQualityProfiles, fetchLanguageProfiles, fetchUISettings } from 'Store/Actions/settingsActions';
import { fetchQualityProfiles, fetchLanguageProfiles, fetchMetadataProfiles, fetchUISettings } from 'Store/Actions/settingsActions';
import { fetchStatus } from 'Store/Actions/systemActions';
import ErrorPage from './ErrorPage';
import LoadingPage from './LoadingPage';
@ -75,6 +75,9 @@ function createMapDispatchToProps(dispatch, props) {
dispatchFetchLanguageProfiles() {
dispatch(fetchLanguageProfiles());
},
dispatchFetchMetadataProfiles() {
dispatch(fetchMetadataProfiles());
},
dispatchFetchUISettings() {
dispatch(fetchUISettings());
},
@ -109,6 +112,7 @@ class PageConnector extends Component {
this.props.dispatchFetchTags();
this.props.dispatchFetchQualityProfiles();
this.props.dispatchFetchLanguageProfiles();
this.props.dispatchFetchMetadataProfiles();
this.props.dispatchFetchUISettings();
this.props.dispatchFetchStatus();
}
@ -132,6 +136,7 @@ class PageConnector extends Component {
dispatchFetchTags,
dispatchFetchQualityProfiles,
dispatchFetchLanguageProfiles,
dispatchFetchMetadataProfiles,
dispatchFetchUISettings,
dispatchFetchStatus,
...otherProps
@ -169,6 +174,7 @@ PageConnector.propTypes = {
dispatchFetchTags: PropTypes.func.isRequired,
dispatchFetchQualityProfiles: PropTypes.func.isRequired,
dispatchFetchLanguageProfiles: PropTypes.func.isRequired,
dispatchFetchMetadataProfiles: PropTypes.func.isRequired,
dispatchFetchUISettings: PropTypes.func.isRequired,
dispatchFetchStatus: PropTypes.func.isRequired,
onSidebarVisibleChange: PropTypes.func.isRequired

2
frontend/src/Helpers/Props/inputTypes.js
View file

@ -7,6 +7,7 @@ export const PASSWORD = 'password';
export const PATH = 'path';
export const QUALITY_PROFILE_SELECT = 'qualityProfileSelect';
export const LANGUAGE_PROFILE_SELECT = 'languageProfileSelect';
export const METADATA_PROFILE_SELECT = 'metadataProfileSelect';
export const ROOT_FOLDER_SELECT = 'rootFolderSelect';
export const SELECT = 'select';
export const SERIES_TYPE_SELECT = 'artistTypeSelect';
@ -24,6 +25,7 @@ export const all = [
PATH,
QUALITY_PROFILE_SELECT,
LANGUAGE_PROFILE_SELECT,
METADATA_PROFILE_SELECT,
ROOT_FOLDER_SELECT,
SELECT,
SERIES_TYPE_SELECT,

25
frontend/src/Settings/Profiles/Metadata/EditMetadataProfileModal.js Normal file
View file

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

43
frontend/src/Settings/Profiles/Metadata/EditMetadataProfileModalConnector.js Normal file
View file

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

3
frontend/src/Settings/Profiles/Metadata/EditMetadataProfileModalContent.css Normal file
View file

@ -0,0 +1,3 @@
.deleteButtonContainer {
margin-right: auto;
}

145
frontend/src/Settings/Profiles/Metadata/EditMetadataProfileModalContent.js Normal file
View file

@ -0,0 +1,145 @@
import PropTypes from 'prop-types';
import React from 'react';
import { inputTypes, kinds } from 'Helpers/Props';
import Button from 'Components/Link/Button';
import SpinnerErrorButton from 'Components/Link/SpinnerErrorButton';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import ModalContent from 'Components/Modal/ModalContent';
import ModalHeader from 'Components/Modal/ModalHeader';
import ModalBody from 'Components/Modal/ModalBody';
import ModalFooter from 'Components/Modal/ModalFooter';
import Form from 'Components/Form/Form';
import FormGroup from 'Components/Form/FormGroup';
import FormLabel from 'Components/Form/FormLabel';
import FormInputGroup from 'Components/Form/FormInputGroup';
import PrimaryTypeItems from './PrimaryTypeItems';
import SecondaryTypeItems from './SecondaryTypeItems';
import styles from './EditMetadataProfileModalContent.css';
function EditMetadataProfileModalContent(props) {
const {
isFetching,
error,
isSaving,
saveError,
primaryAlbumTypes,
secondaryAlbumTypes,
item,
isInUse,
onInputChange,
onSavePress,
onModalClose,
onDeleteMetadataProfilePress,
...otherProps
} = props;
const {
id,
name,
primaryAlbumTypes: itemPrimaryAlbumTypes,
secondaryAlbumTypes: itemSecondaryAlbumTypes
} = item;
return (
<ModalContent onModalClose={onModalClose}>
<ModalHeader>
{id ? 'Edit Metadata Profile' : 'Add Metadata Profile'}
</ModalHeader>
<ModalBody>
{
isFetching &&
<LoadingIndicator />
}
{
!isFetching && !!error &&
<div>Unable to add a new metadata profile, please try again.</div>
}
{
!isFetching && !error &&
<Form
{...otherProps}
>
<FormGroup>
<FormLabel>Name</FormLabel>
<FormInputGroup
type={inputTypes.TEXT}
name="name"
{...name}
onChange={onInputChange}
/>
</FormGroup>
<PrimaryTypeItems
metadataProfileItems={itemPrimaryAlbumTypes.value}
errors={itemPrimaryAlbumTypes.errors}
warnings={itemPrimaryAlbumTypes.warnings}
formLabel="Primary Album Types"
{...otherProps}
/>
<SecondaryTypeItems
metadataProfileItems={itemSecondaryAlbumTypes.value}
errors={itemSecondaryAlbumTypes.errors}
warnings={itemSecondaryAlbumTypes.warnings}
formLabel="Secondary Album Types"
{...otherProps}
/>
</Form>
}
</ModalBody>
<ModalFooter>
{
id &&
<div
className={styles.deleteButtonContainer}
title={isInUse && 'Can\'t delete a metadata profile that is attached to a artist'}
>
<Button
kind={kinds.DANGER}
isDisabled={isInUse}
onPress={onDeleteMetadataProfilePress}
>
Delete
</Button>
</div>
}
<Button
onPress={onModalClose}
>
Cancel
</Button>
<SpinnerErrorButton
isSpinning={isSaving}
error={saveError}
onPress={onSavePress}
>
Save
</SpinnerErrorButton>
</ModalFooter>
</ModalContent>
);
}
EditMetadataProfileModalContent.propTypes = {
isFetching: PropTypes.bool.isRequired,
error: PropTypes.object,
isSaving: PropTypes.bool.isRequired,
saveError: PropTypes.object,
primaryAlbumTypes: PropTypes.arrayOf(PropTypes.object).isRequired,
secondaryAlbumTypes: PropTypes.arrayOf(PropTypes.object).isRequired,
item: PropTypes.object.isRequired,
isInUse: PropTypes.bool.isRequired,
onInputChange: PropTypes.func.isRequired,
onSavePress: PropTypes.func.isRequired,
onModalClose: PropTypes.func.isRequired,
onDeleteMetadataProfilePress: PropTypes.func
};
export default EditMetadataProfileModalContent;

180
frontend/src/Settings/Profiles/Metadata/EditMetadataProfileModalContentConnector.js Normal file
View file

@ -0,0 +1,180 @@
import _ from 'lodash';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { createSelector } from 'reselect';
import createProfileInUseSelector from 'Store/Selectors/createProfileInUseSelector';
import createProviderSettingsSelector from 'Store/Selectors/createProviderSettingsSelector';
import { fetchMetadataProfileSchema, setMetadataProfileValue, saveMetadataProfile } from 'Store/Actions/settingsActions';
import connectSection from 'Store/connectSection';
import EditMetadataProfileModalContent from './EditMetadataProfileModalContent';
function createPrimaryAlbumTypesSelector() {
return createSelector(
createProviderSettingsSelector(),
(metadataProfile) => {
const primaryAlbumTypes = metadataProfile.item.primaryAlbumTypes;
if (!primaryAlbumTypes || !primaryAlbumTypes.value) {
return [];
}
return _.reduceRight(primaryAlbumTypes.value, (result, { allowed, albumType }) => {
if (allowed) {
result.push({
key: albumType.id,
value: albumType.name
});
}
return result;
}, []);
}
);
}
function createSecondaryAlbumTypesSelector() {
return createSelector(
createProviderSettingsSelector(),
(metadataProfile) => {
const secondaryAlbumTypes = metadataProfile.item.secondaryAlbumTypes;
if (!secondaryAlbumTypes || !secondaryAlbumTypes.value) {
return [];
}
return _.reduceRight(secondaryAlbumTypes.value, (result, { allowed, albumType }) => {
if (allowed) {
result.push({
key: albumType.id,
value: albumType.name
});
}
return result;
}, []);
}
);
}
function createMapStateToProps() {
return createSelector(
createProviderSettingsSelector(),
createPrimaryAlbumTypesSelector(),
createSecondaryAlbumTypesSelector(),
createProfileInUseSelector('metadataProfileId'),
(metadataProfile, primaryAlbumTypes, secondaryAlbumTypes, isInUse) => {
return {
primaryAlbumTypes,
secondaryAlbumTypes,
...metadataProfile,
isInUse
};
}
);
}
const mapDispatchToProps = {
fetchMetadataProfileSchema,
setMetadataProfileValue,
saveMetadataProfile
};
class EditMetadataProfileModalContentConnector extends Component {
//
// Lifecycle
constructor(props, context) {
super(props, context);
this.state = {
dragIndex: null,
dropIndex: null
};
}
componentDidMount() {
if (!this.props.id) {
this.props.fetchMetadataProfileSchema();
}
}
componentDidUpdate(prevProps, prevState) {
if (prevProps.isSaving && !this.props.isSaving && !this.props.saveError) {
this.props.onModalClose();
}
}
//
// Listeners
onInputChange = ({ name, value }) => {
this.props.setMetadataProfileValue({ name, value });
}
onSavePress = () => {
this.props.saveMetadataProfile({ id: this.props.id });
}
onMetadataPrimaryTypeItemAllowedChange = (id, allowed) => {
const metadataProfile = _.cloneDeep(this.props.item);
const item = _.find(metadataProfile.primaryAlbumTypes.value, (i) => i.albumType.id === id);
item.allowed = allowed;
this.props.setMetadataProfileValue({
name: 'primaryAlbumTypes',
value: metadataProfile.primaryAlbumTypes.value
});
}
onMetadataSecondaryTypeItemAllowedChange = (id, allowed) => {
const metadataProfile = _.cloneDeep(this.props.item);
const item = _.find(metadataProfile.secondaryAlbumTypes.value, (i) => i.albumType.id === id);
item.allowed = allowed;
this.props.setMetadataProfileValue({
name: 'secondaryAlbumTypes',
value: metadataProfile.secondaryAlbumTypes.value
});
}
//
// Render
render() {
if (_.isEmpty(this.props.item.primaryAlbumTypes) && !this.props.isFetching) {
return null;
}
return (
<EditMetadataProfileModalContent
{...this.state}
{...this.props}
onSavePress={this.onSavePress}
onInputChange={this.onInputChange}
onMetadataPrimaryTypeItemAllowedChange={this.onMetadataPrimaryTypeItemAllowedChange}
onMetadataSecondaryTypeItemAllowedChange={this.onMetadataSecondaryTypeItemAllowedChange}
/>
);
}
}
EditMetadataProfileModalContentConnector.propTypes = {
id: PropTypes.number,
isFetching: PropTypes.bool.isRequired,
isSaving: PropTypes.bool.isRequired,
saveError: PropTypes.object,
item: PropTypes.object.isRequired,
setMetadataProfileValue: PropTypes.func.isRequired,
fetchMetadataProfileSchema: PropTypes.func.isRequired,
saveMetadataProfile: PropTypes.func.isRequired,
onModalClose: PropTypes.func.isRequired
};
export default connectSection(
createMapStateToProps,
mapDispatchToProps,
undefined,
undefined,
{ section: 'metadataProfiles' }
)(EditMetadataProfileModalContentConnector);

19
frontend/src/Settings/Profiles/Metadata/MetadataProfile.css Normal file
View file

@ -0,0 +1,19 @@
.metadataProfile {
composes: card from 'Components/Card.css';
width: 300px;
}
.name {
@add-mixin truncate;
margin-bottom: 20px;
font-weight: 300;
font-size: 24px;
}
.albumTypes {
display: flex;
flex-wrap: wrap;
margin-top: 5px;
}

142
frontend/src/Settings/Profiles/Metadata/MetadataProfile.js Normal file
View file

@ -0,0 +1,142 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { kinds } from 'Helpers/Props';
import Card from 'Components/Card';
import Label from 'Components/Label';
import ConfirmModal from 'Components/Modal/ConfirmModal';
import EditMetadataProfileModalConnector from './EditMetadataProfileModalConnector';
import styles from './MetadataProfile.css';
class MetadataProfile extends Component {
//
// Lifecycle
constructor(props, context) {
super(props, context);
this.state = {
isEditMetadataProfileModalOpen: false,
isDeleteMetadataProfileModalOpen: false
};
}
//
// Listeners
onEditMetadataProfilePress = () => {
this.setState({ isEditMetadataProfileModalOpen: true });
}
onEditMetadataProfileModalClose = () => {
this.setState({ isEditMetadataProfileModalOpen: false });
}
onDeleteMetadataProfilePress = () => {
this.setState({
isEditMetadataProfileModalOpen: false,
isDeleteMetadataProfileModalOpen: true
});
}
onDeleteMetadataProfileModalClose = () => {
this.setState({ isDeleteMetadataProfileModalOpen: false });
}
onConfirmDeleteMetadataProfile = () => {
this.props.onConfirmDeleteMetadataProfile(this.props.id);
}
//
// Render
render() {
const {
id,
name,
primaryAlbumTypes,
secondaryAlbumTypes,
isDeleting
} = this.props;
return (
<Card
className={styles.metadataProfile}
onPress={this.onEditMetadataProfilePress}
>
<div className={styles.name}>
{name}
</div>
<div className={styles.albumTypes}>
{
primaryAlbumTypes.map((item) => {
if (!item.allowed) {
return null;
}
return (
<Label
key={item.albumType.id}
kind={kinds.default}
title={null}
>
{item.albumType.name}
</Label>
);
})
}
</div>
<div className={styles.albumTypes}>
{
secondaryAlbumTypes.map((item) => {
if (!item.allowed) {
return null;
}
return (
<Label
key={item.albumType.id}
kind={kinds.INFO}
title={null}
>
{item.albumType.name}
</Label>
);
})
}
</div>
<EditMetadataProfileModalConnector
id={id}
isOpen={this.state.isEditMetadataProfileModalOpen}
onModalClose={this.onEditMetadataProfileModalClose}
onDeleteMetadataProfilePress={this.onDeleteMetadataProfilePress}
/>
<ConfirmModal
isOpen={this.state.isDeleteMetadataProfileModalOpen}
kind={kinds.DANGER}
title="Delete Metadata Profile"
message={`Are you sure you want to delete the metadata profile '${name}'?`}
confirmLabel="Delete"
isSpinning={isDeleting}
onConfirm={this.onConfirmDeleteMetadataProfile}
onCancel={this.onDeleteMetadataProfileModalClose}
/>
</Card>
);
}
}
MetadataProfile.propTypes = {
id: PropTypes.number.isRequired,
name: PropTypes.string.isRequired,
primaryAlbumTypes: PropTypes.arrayOf(PropTypes.object).isRequired,
secondaryAlbumTypes: PropTypes.arrayOf(PropTypes.object).isRequired,
isDeleting: PropTypes.bool.isRequired,
onConfirmDeleteMetadataProfile: PropTypes.func.isRequired
};
export default MetadataProfile;

21
frontend/src/Settings/Profiles/Metadata/MetadataProfiles.css Normal file
View file

@ -0,0 +1,21 @@
.metadataProfiles {
display: flex;
flex-wrap: wrap;
}
.addMetadataProfile {
composes: metadataProfile from './MetadataProfile.css';
background-color: $cardAlternateBackgroundColor;
color: $gray;
text-align: center;
font-size: 45px;
}
.center {
display: inline-block;
padding: 5px 20px 0;
border: 1px solid $borderColor;
border-radius: 4px;
background-color: $white;
}

102
frontend/src/Settings/Profiles/Metadata/MetadataProfiles.js Normal file
View file

@ -0,0 +1,102 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import sortByName from 'Utilities/Array/sortByName';
import { icons } from 'Helpers/Props';
import FieldSet from 'Components/FieldSet';
import Card from 'Components/Card';
import Icon from 'Components/Icon';
import PageSectionContent from 'Components/Page/PageSectionContent';
import MetadataProfile from './MetadataProfile';
import EditMetadataProfileModalConnector from './EditMetadataProfileModalConnector';
import styles from './MetadataProfiles.css';
class MetadataProfiles extends Component {
//
// Lifecycle
constructor(props, context) {
super(props, context);
this.state = {
isMetadataProfileModalOpen: false
};
}
//
// Listeners
onEditMetadataProfilePress = () => {
this.setState({ isMetadataProfileModalOpen: true });
}
onModalClose = () => {
this.setState({ isMetadataProfileModalOpen: false });
}
//
// Render
render() {
const {
items,
isDeleting,
onConfirmDeleteMetadataProfile,
...otherProps
} = this.props;
return (
<FieldSet
legend="Metadata Profiles"
>
<PageSectionContent
errorMessage="Unable to load Metadata Profiles"
{...otherProps}
>
<div className={styles.metadataProfiles}>
{
items.sort(sortByName).map((item) => {
return (
<MetadataProfile
key={item.id}
{...item}
isDeleting={isDeleting}
onConfirmDeleteMetadataProfile={onConfirmDeleteMetadataProfile}
/>
);
})
}
<Card
className={styles.addMetadataProfile}
onPress={this.onEditMetadataProfilePress}
>
<div className={styles.center}>
<Icon
name={icons.ADD}
size={45}
/>
</div>
</Card>
</div>
<EditMetadataProfileModalConnector
isOpen={this.state.isMetadataProfileModalOpen}
onModalClose={this.onModalClose}
/>
</PageSectionContent>
</FieldSet>
);
}
}
MetadataProfiles.propTypes = {
advancedSettings: PropTypes.bool.isRequired,
isFetching: PropTypes.bool.isRequired,
error: PropTypes.object,
items: PropTypes.arrayOf(PropTypes.object).isRequired,
isDeleting: PropTypes.bool.isRequired,
onConfirmDeleteMetadataProfile: PropTypes.func.isRequired
};
export default MetadataProfiles;

60
frontend/src/Settings/Profiles/Metadata/MetadataProfilesConnector.js Normal file
View file

@ -0,0 +1,60 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { createSelector } from 'reselect';
import { fetchMetadataProfiles, deleteMetadataProfile } from 'Store/Actions/settingsActions';
import MetadataProfiles from './MetadataProfiles';
function createMapStateToProps() {
return createSelector(
(state) => state.settings.advancedSettings,
(state) => state.settings.metadataProfiles,
(advancedSettings, metadataProfiles) => {
return {
advancedSettings,
...metadataProfiles
};
}
);
}
const mapDispatchToProps = {
fetchMetadataProfiles,
deleteMetadataProfile
};
class MetadataProfilesConnector extends Component {
//
// Lifecycle
componentDidMount() {
this.props.fetchMetadataProfiles();
}
//
// Listeners
onConfirmDeleteMetadataProfile = (id) => {
this.props.deleteMetadataProfile({ id });
}
//
// Render
render() {
return (
<MetadataProfiles
onConfirmDeleteMetadataProfile={this.onConfirmDeleteMetadataProfile}
{...this.props}
/>
);
}
}
MetadataProfilesConnector.propTypes = {
fetchMetadataProfiles: PropTypes.func.isRequired,
deleteMetadataProfile: PropTypes.func.isRequired
};
export default connect(createMapStateToProps, mapDispatchToProps)(MetadataProfilesConnector);

60
frontend/src/Settings/Profiles/Metadata/PrimaryTypeItem.js Normal file
View file

@ -0,0 +1,60 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import classNames from 'classnames';
import CheckInput from 'Components/Form/CheckInput';
import styles from './TypeItem.css';
class PrimaryTypeItem extends Component {
//
// Listeners
onAllowedChange = ({ value }) => {
const {
albumTypeId,
onMetadataPrimaryTypeItemAllowedChange
} = this.props;
onMetadataPrimaryTypeItemAllowedChange(albumTypeId, value);
}
//
// Render
render() {
const {
name,
allowed
} = this.props;
return (
<div
className={classNames(
styles.metadataProfileItem
)}
>
<label
className={styles.albumTypeName}
>
<CheckInput
containerClassName={styles.checkContainer}
name={name}
value={allowed}
onChange={this.onAllowedChange}
/>
{name}
</label>
</div>
);
}
}
PrimaryTypeItem.propTypes = {
albumTypeId: PropTypes.number.isRequired,
name: PropTypes.string.isRequired,
allowed: PropTypes.bool.isRequired,
sortIndex: PropTypes.number.isRequired,
onMetadataPrimaryTypeItemAllowedChange: PropTypes.func
};
export default PrimaryTypeItem;

87
frontend/src/Settings/Profiles/Metadata/PrimaryTypeItems.js Normal file
View file

@ -0,0 +1,87 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import FormGroup from 'Components/Form/FormGroup';
import FormLabel from 'Components/Form/FormLabel';
import FormInputHelpText from 'Components/Form/FormInputHelpText';
import PrimaryTypeItem from './PrimaryTypeItem';
import styles from './TypeItems.css';
class PrimaryTypeItems extends Component {
//
// Render
render() {
const {
metadataProfileItems,
errors,
warnings,
...otherProps
} = this.props;
return (
<FormGroup>
<FormLabel>Primary Types</FormLabel>
<div>
{
errors.map((error, index) => {
return (
<FormInputHelpText
key={index}
text={error.message}
isError={true}
isCheckInput={false}
/>
);
})
}
{
warnings.map((warning, index) => {
return (
<FormInputHelpText
key={index}
text={warning.message}
isWarning={true}
isCheckInput={false}
/>
);
})
}
<div className={styles.albumTypes}>
{
metadataProfileItems.map(({ allowed, albumType }, index) => {
return (
<PrimaryTypeItem
key={albumType.id}
albumTypeId={albumType.id}
name={albumType.name}
allowed={allowed}
sortIndex={index}
{...otherProps}
/>
);
}).reverse()
}
</div>
</div>
</FormGroup>
);
}
}
PrimaryTypeItems.propTypes = {
metadataProfileItems: PropTypes.arrayOf(PropTypes.object).isRequired,
errors: PropTypes.arrayOf(PropTypes.object),
warnings: PropTypes.arrayOf(PropTypes.object),
formLabel: PropTypes.string
};
PrimaryTypeItems.defaultProps = {
errors: [],
warnings: []
};
export default PrimaryTypeItems;

60
frontend/src/Settings/Profiles/Metadata/SecondaryTypeItem.js Normal file
View file

@ -0,0 +1,60 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import classNames from 'classnames';
import CheckInput from 'Components/Form/CheckInput';
import styles from './TypeItem.css';
class SecondaryTypeItem extends Component {
//
// Listeners
onAllowedChange = ({ value }) => {
const {
albumTypeId,
onMetadataSecondaryTypeItemAllowedChange
} = this.props;
onMetadataSecondaryTypeItemAllowedChange(albumTypeId, value);
}
//
// Render
render() {
const {
name,
allowed
} = this.props;
return (
<div
className={classNames(
styles.metadataProfileItem
)}
>
<label
className={styles.albumTypeName}
>
<CheckInput
containerClassName={styles.checkContainer}
name={name}
value={allowed}
onChange={this.onAllowedChange}
/>
{name}
</label>
</div>
);
}
}
SecondaryTypeItem.propTypes = {
albumTypeId: PropTypes.number.isRequired,
name: PropTypes.string.isRequired,
allowed: PropTypes.bool.isRequired,
sortIndex: PropTypes.number.isRequired,
onMetadataSecondaryTypeItemAllowedChange: PropTypes.func
};
export default SecondaryTypeItem;

87
frontend/src/Settings/Profiles/Metadata/SecondaryTypeItems.js Normal file
View file

@ -0,0 +1,87 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import FormGroup from 'Components/Form/FormGroup';
import FormLabel from 'Components/Form/FormLabel';
import FormInputHelpText from 'Components/Form/FormInputHelpText';
import SecondaryTypeItem from './SecondaryTypeItem';
import styles from './TypeItems.css';
class SecondaryTypeItems extends Component {
//
// Render
render() {
const {
metadataProfileItems,
errors,
warnings,
...otherProps
} = this.props;
return (
<FormGroup>
<FormLabel>Secondary Types</FormLabel>
<div>
{
errors.map((error, index) => {
return (
<FormInputHelpText
key={index}
text={error.message}
isError={true}
isCheckInput={false}
/>
);
})
}
{
warnings.map((warning, index) => {
return (
<FormInputHelpText
key={index}
text={warning.message}
isWarning={true}
isCheckInput={false}
/>
);
})
}
<div className={styles.albumTypes}>
{
metadataProfileItems.map(({ allowed, albumType }, index) => {
return (
<SecondaryTypeItem
key={albumType.id}
albumTypeId={albumType.id}
name={albumType.name}
allowed={allowed}
sortIndex={index}
{...otherProps}
/>
);
}).reverse()
}
</div>
</div>
</FormGroup>
);
}
}
SecondaryTypeItems.propTypes = {
metadataProfileItems: PropTypes.arrayOf(PropTypes.object).isRequired,
errors: PropTypes.arrayOf(PropTypes.object),
warnings: PropTypes.arrayOf(PropTypes.object),
formLabel: PropTypes.string
};
SecondaryTypeItems.defaultProps = {
errors: [],
warnings: []
};
export default SecondaryTypeItems;

25
frontend/src/Settings/Profiles/Metadata/TypeItem.css Normal file
View file

@ -0,0 +1,25 @@
.metadataProfileItem {
display: flex;
align-items: stretch;
width: 100%;
}
.checkContainer {
position: relative;
margin-right: 4px;
margin-bottom: 7px;
margin-left: 8px;
}
.albumTypeName {
display: flex;
flex-grow: 1;
margin-bottom: 0;
margin-left: 2px;
font-weight: normal;
line-height: 36px;
}
.isDragging {
opacity: 0.25;
}

6
frontend/src/Settings/Profiles/Metadata/TypeItems.css Normal file
View file

@ -0,0 +1,6 @@
.albumTypes {
margin-top: 10px;
/* TODO: This should consider the number of types in the list */
min-height: 200px;
user-select: none;
}

2
frontend/src/Settings/Profiles/Profiles.js
View file

@ -6,6 +6,7 @@ import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
import QualityProfilesConnector from './Quality/QualityProfilesConnector';
import LanguageProfilesConnector from './Language/LanguageProfilesConnector';
import MetadataProfilesConnector from './Metadata/MetadataProfilesConnector';
import DelayProfilesConnector from './Delay/DelayProfilesConnector';
class Profiles extends Component {
@ -23,6 +24,7 @@ class Profiles extends Component {
<PageContentBodyConnector>
<QualityProfilesConnector />
<LanguageProfilesConnector />
<MetadataProfilesConnector />
<DelayProfilesConnector />
</PageContentBodyConnector>
</PageContent>

2
frontend/src/Settings/Settings.js
View file

@ -32,7 +32,7 @@ function Settings() {
</Link>
<div className={styles.summary}>
Quality, Language and Delay profiles
Quality, Language, Metadata, and Delay profiles
</div>
<Link

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

@ -241,6 +241,12 @@ export const SET_LANGUAGE_PROFILE_VALUE = 'SET_LANGUAGE_PROFILE_VALUE';
export const SAVE_LANGUAGE_PROFILE = 'SAVE_LANGUAGE_PROFILE';
export const DELETE_LANGUAGE_PROFILE = 'DELETE_LANGUAGE_PROFILE';
export const FETCH_METADATA_PROFILES = 'FETCH_METADATA_PROFILES';
export const FETCH_METADATA_PROFILE_SCHEMA = 'FETCH_METADATA_PROFILE_SCHEMA';
export const SET_METADATA_PROFILE_VALUE = 'SET_METADATA_PROFILE_VALUE';
export const SAVE_METADATA_PROFILE = 'SAVE_METADATA_PROFILE';
export const DELETE_METADATA_PROFILE = 'DELETE_METADATA_PROFILE';
export const FETCH_DELAY_PROFILES = 'FETCH_DELAY_PROFILES';
export const SET_DELAY_PROFILE_VALUE = 'SET_DELAY_PROFILE_VALUE';
export const SAVE_DELAY_PROFILE = 'SAVE_DELAY_PROFILE';

13
frontend/src/Store/Actions/settingsActionHandlers.js
View file

@ -111,6 +111,19 @@ const settingsActionHandlers = {
'/languageprofile',
(state) => state.settings.languageProfiles),
[types.FETCH_METADATA_PROFILES]: createFetchHandler('metadataProfiles', '/metadataprofile'),
[types.FETCH_METADATA_PROFILE_SCHEMA]: createFetchSchemaHandler('metadataProfiles', '/metadataprofile/schema'),
[types.SAVE_METADATA_PROFILE]: createSaveProviderHandler(
'metadataProfiles',
'/metadataprofile',
(state) => state.settings.metadataProfiles),
[types.DELETE_METADATA_PROFILE]: createRemoveItemHandler(
'metadataProfiles',
'/metadataprofile',
(state) => state.settings.metadataProfiles),
[types.FETCH_DELAY_PROFILES]: createFetchHandler('delayProfiles', '/delayprofile'),
[types.SAVE_DELAY_PROFILE]: createSaveProviderHandler(

12
frontend/src/Store/Actions/settingsActions.js
View file

@ -57,6 +57,18 @@ export const setLanguageProfileValue = createAction(types.SET_LANGUAGE_PROFILE_V
};
});
export const fetchMetadataProfiles = settingsActionHandlers[types.FETCH_METADATA_PROFILES];
export const fetchMetadataProfileSchema = settingsActionHandlers[types.FETCH_METADATA_PROFILE_SCHEMA];
export const saveMetadataProfile = settingsActionHandlers[types.SAVE_METADATA_PROFILE];
export const deleteMetadataProfile = settingsActionHandlers[types.DELETE_METADATA_PROFILE];
export const setMetadataProfileValue = createAction(types.SET_METADATA_PROFILE_VALUE, (payload) => {
return {
section: 'metadataProfiles',
...payload
};
});
export const fetchDelayProfiles = settingsActionHandlers[types.FETCH_DELAY_PROFILES];
export const saveDelayProfile = settingsActionHandlers[types.SAVE_DELAY_PROFILE];
export const deleteDelayProfile = settingsActionHandlers[types.DELETE_DELAY_PROFILE];

3
frontend/src/Store/Reducers/addArtistReducers.js
View file

@ -22,8 +22,7 @@ export const defaultState = {
monitor: 'allEpisodes',
qualityProfileId: 0,
languageProfileId: 0,
primaryAlbumTypes: ['Album', 'EP'],
secondaryAlbumTypes: ['Studio'],
metadataProfileId: 0,
albumFolder: true,
tags: []
}

6
frontend/src/Store/Reducers/artistIndexReducers.js
View file

@ -76,6 +76,12 @@ export const defaultState = {
isSortable: true,
isVisible: false
},
{
name: 'metadataProfileId',
label: 'Metadata Profile',
isSortable: true,
isVisible: false
},
{
name: 'nextAiring',
label: 'Next Airing',

18
frontend/src/Store/Reducers/settingsReducers.js
View file

@ -83,6 +83,22 @@ export const defaultState = {
pendingChanges: {}
},
metadataProfiles: {
isFetching: false,
isPopulated: false,
error: null,
isDeleting: false,
deleteError: null,
isFetchingSchema: false,
schemaPopulated: false,
schemaError: null,
schema: {},
isSaving: false,
saveError: null,
items: [],
pendingChanges: {}
},
delayProfiles: {
isFetching: false,
isPopulated: false,
@ -243,6 +259,7 @@ const propertyNames = [
const providerPropertyNames = [
'qualityProfiles',
'languageProfiles',
'metadataProfiles',
'delayProfiles',
'indexers',
'restrictions',
@ -270,6 +287,7 @@ const settingsReducers = handleActions({
[types.SET_NAMING_SETTINGS_VALUE]: createSetSettingValueReducer('naming'),
[types.SET_QUALITY_PROFILE_VALUE]: createSetSettingValueReducer('qualityProfiles'),
[types.SET_LANGUAGE_PROFILE_VALUE]: createSetSettingValueReducer('languageProfiles'),
[types.SET_METADATA_PROFILE_VALUE]: createSetSettingValueReducer('metadataProfiles'),
[types.SET_DELAY_PROFILE_VALUE]: createSetSettingValueReducer('delayProfiles'),
[types.SET_QUALITY_DEFINITION_VALUE]: function(state, { payload }) {

14
frontend/src/Store/Selectors/createMetadataProfileSelector.js Normal file
View file

@ -0,0 +1,14 @@
import _ from 'lodash';
import { createSelector } from 'reselect';
function createMetadataProfileSelector() {
return createSelector(
(state, { metadataProfileId }) => metadataProfileId,
(state) => state.settings.metadataProfiles.items,
(metadataProfileId, metadataProfiles) => {
return _.find(metadataProfiles, { id: metadataProfileId });
}
);
}
export default createMetadataProfileSelector;

6
frontend/src/Utilities/Series/getNewSeries.js
View file

@ -6,10 +6,9 @@ function getNewSeries(artist, payload) {
monitor,
qualityProfileId,
languageProfileId,
metadataProfileId,
artistType,
albumFolder,
primaryAlbumTypes,
secondaryAlbumTypes,
tags,
searchForMissingAlbums = false
} = payload;
@ -25,11 +24,10 @@ function getNewSeries(artist, payload) {
artist.monitored = true;
artist.qualityProfileId = qualityProfileId;
artist.languageProfileId = languageProfileId;
artist.metadataProfileId = metadataProfileId;
artist.rootFolderPath = rootFolderPath;
artist.artistType = artistType;
artist.albumFolder = albumFolder;
artist.primaryAlbumTypes = primaryAlbumTypes;
artist.secondaryAlbumTypes = secondaryAlbumTypes;
artist.tags = tags;
return artist;