Medium Support (Multi-disc Albums), Quality Grouping (#121)

* Multi Disc Stage 1 - Backend Work

* Quality Group Functionality

* Fixed: Only show wanted album types on ArtistDetail page

* Add Media Count Column to ArtistDetail Page

* Parser updates for multidisc cases, other usenet release title formats

* Search for Tracks by Medium Number in Addition to Title and TrackNumber

* Medium Renaming Token for Track Naming

* fixup Codacy and Comment Cleanup

* fixup remove comments

frontend/src/InteractiveImport/Interactive/InteractiveImportRow.css

@@ -4,8 +4,15 @@
   word-break: break-all;
 }
 
-.quality {
+.quality,
+.language {
   composes: cell from 'Components/Table/Cells/TableRowCell.css';
 
   text-align: center;
 }
+
+.label {
+  composes: label from 'Components/Label.css';
+
+  pointer-events: none;
+}

frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js

@@ -238,6 +238,7 @@ class InteractiveImportRow extends Component {
           onPress={this.onSelectQualityPress}
         >
           <EpisodeQuality
+            className={styles.label}
             quality={quality}
           />
         </TableRowCellButton>
@@ -247,6 +248,7 @@ class InteractiveImportRow extends Component {
           onPress={this.onSelectLanguagePress}
         >
           <EpisodeLanguage
+            className={styles.label}
             language={language}
           />
         </TableRowCellButton>

frontend/src/InteractiveImport/Quality/SelectQualityModalContent.js

@@ -70,10 +70,10 @@ class SelectQualityModalContent extends Component {
       real
     } = this.state;
 
-    const qualityOptions = items.map(({ quality }) => {
+    const qualityOptions = items.map(({ id, name }) => {
       return {
-        key: quality.id,
-        value: quality.name
+        key: id,
+        value: name
       };
     });
 

frontend/src/InteractiveImport/Quality/SelectQualityModalContentConnector.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
+import getQualities from 'Utilities/Quality/getQualities';
 import { fetchQualityProfileSchema } from 'Store/Actions/settingsActions';
 import { updateInteractiveImportItem } from 'Store/Actions/interactiveImportActions';
 import SelectQualityModalContent from './SelectQualityModalContent';
@@ -22,7 +23,7 @@ function createMapStateToProps() {
         isFetching,
         isPopulated,
         error,
-        items: schema.items || []
+        items: getQualities(schema.items)
       };
     }
   );