New: Show book file details in interactive import and unmapped files

This commit is contained in:
ta264
2021-03-31 21:20:32 +01:00
parent 9f37b1c484
commit 110e867bd3
4 changed files with 82 additions and 13 deletions
+40 -6
View File
@@ -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 &&
<DescriptionListItem
title="Series"
data={audioTags.seriesTitle}
/>
}
{
audioTags.seriesIndex !== undefined &&
<DescriptionListItem
title="Series Number"
data={audioTags.seriesIndex}
/>
}
{
audioTags.country !== undefined &&
<DescriptionListItem
@@ -97,6 +111,13 @@ function FileDetails(props) {
data={audioTags.country.name}
/>
}
{
audioTags.language !== undefined && audioTags.language !== 'UND' &&
<DescriptionListItem
title="Language"
data={audioTags.language}
/>
}
{
audioTags.year > 0 &&
<DescriptionListItem
@@ -111,6 +132,13 @@ function FileDetails(props) {
data={audioTags.label}
/>
}
{
audioTags.publisher !== undefined &&
<DescriptionListItem
title="Publisher"
data={audioTags.publisher}
/>
}
{
audioTags.catalogNumber !== undefined &&
<DescriptionListItem
@@ -121,18 +149,24 @@ function FileDetails(props) {
{
audioTags.disambiguation !== undefined &&
<DescriptionListItem
title="Disambiguation"
data={audioTags.disambiguation}
title="Overview"
data={stripHtml(audioTags.disambiguation)}
/>
}
{
audioTags.duration !== undefined &&
audioTags.isbn !== undefined &&
<DescriptionListItem
title="Duration"
data={formatTimeSpan(audioTags.duration)}
title="ISBN"
data={audioTags.isbn}
/>
}
{
audioTags.asin !== undefined &&
<DescriptionListItem
title="ASIN"
data={audioTags.asin}
/>
} {
audioTags.authorMBId !== undefined &&
<Link
to={`https://musicbrainz.org/author/${audioTags.authorMBId}`}