Add Metadata Profiles (#132)

* Add Metadata Profiles

* fixup! Codacy

frontend/src/AddArtist/AddNewArtist/AddNewArtistModalContent.css

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

frontend/src/AddArtist/AddNewArtist/AddNewArtistModalContent.js

@@ -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,

frontend/src/AddArtist/AddNewArtist/AddNewArtistModalContentConnector.js

@@ -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,