diff --git a/frontend/src/BookFile/FileDetails.js b/frontend/src/BookFile/FileDetails.js
index aa6980d87..bcc5f2cc8 100644
--- a/frontend/src/BookFile/FileDetails.js
+++ b/frontend/src/BookFile/FileDetails.js
@@ -6,7 +6,7 @@ import DescriptionListItem from 'Components/DescriptionList/DescriptionListItem'
import DescriptionListItemDescription from 'Components/DescriptionList/DescriptionListItemDescription';
import DescriptionListItemTitle from 'Components/DescriptionList/DescriptionListItemTitle';
import Link from 'Components/Link/Link';
-import formatTimeSpan from 'Utilities/Date/formatTimeSpan';
+import stripHtml from 'Utilities/String/stripHtml';
import styles from './FileDetails.css';
function renderRejections(rejections) {
@@ -90,6 +90,20 @@ function FileDetails(props) {
data={audioTags.authorTitle}
/>
}
+ {
+ audioTags.seriesTitle !== undefined &&
+
+ }
+ {
+ audioTags.seriesIndex !== undefined &&
+
+ }
{
audioTags.country !== undefined &&
}
+ {
+ audioTags.language !== undefined && audioTags.language !== 'UND' &&
+
+ }
{
audioTags.year > 0 &&
}
+ {
+ audioTags.publisher !== undefined &&
+
+ }
{
audioTags.catalogNumber !== undefined &&
}
{
- audioTags.duration !== undefined &&
+ audioTags.isbn !== undefined &&
}
{
+ audioTags.asin !== undefined &&
+
+ } {
audioTags.authorMBId !== undefined &&
{
+ this.setState({ isDetailsModalOpen: true });
+ }
+
+ onDetailsModalClose = () => {
+ this.setState({ isDetailsModalOpen: false });
+ }
+
onSelectAuthorPress = () => {
this.setState({ isSelectAuthorModalOpen: true });
}
@@ -139,10 +150,12 @@ class InteractiveImportRow extends Component {
rejections,
additionalFile,
isSelected,
- onSelectedChange
+ onSelectedChange,
+ audioTags
} = this.props;
const {
+ isDetailsModalOpen,
isSelectAuthorModalOpen,
isSelectBookModalOpen,
isSelectQualityModalOpen
@@ -159,7 +172,7 @@ class InteractiveImportRow extends Component {
const showQualityPlaceholder = isSelected && !quality;
const pathCellContents = (
-
+
{path}
);
@@ -172,6 +185,13 @@ class InteractiveImportRow extends Component {
/>
) : pathCellContents;
+ const fileDetails = (
+
+ );
+
return (
+
+