@@ -58,8 +61,10 @@ class SelectEpisodeRow extends Component {
SelectEpisodeRow.propTypes = {
id: PropTypes.number.isRequired,
episodeNumber: PropTypes.number.isRequired,
+ absoluteEpisodeNumber: PropTypes.number.isRequired,
title: PropTypes.string.isRequired,
airDate: PropTypes.string.isRequired,
+ isAnime: PropTypes.bool.isRequired,
isSelected: PropTypes.bool,
onSelectedChange: PropTypes.func.isRequired
};
diff --git a/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js b/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js
index 79be734d8..a9f244f80 100644
--- a/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js
+++ b/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js
@@ -187,8 +187,17 @@ class InteractiveImportRow extends Component {
} = this.state;
const seriesTitle = series ? series.title : '';
- const episodeNumbers = episodes.map((episode) => episode.episodeNumber)
- .join(', ');
+ const isAnime = series ? series.seriesType === 'anime' : false;
+
+ const episodeInfo = episodes.map((episode) => {
+ return (
+
+ {episode.episodeNumber}
+ {isAnime ? ` (${episode.absoluteEpisodeNumber})` : ''}
+ {` - ${episode.title}`}
+
+ );
+ });
const showSeriesPlaceholder = isSelected && !series;
const showSeasonNumberPlaceholder = isSelected && !!series && isNaN(seasonNumber) && !isReprocessing;
@@ -246,7 +255,7 @@ class InteractiveImportRow extends Component {
onPress={this.onSelectEpisodePress}
>
{
- showEpisodeNumbersPlaceholder ? : episodeNumbers
+ showEpisodeNumbersPlaceholder ? : episodeInfo
}
@@ -339,6 +348,7 @@ class InteractiveImportRow extends Component {
isOpen={isSelectEpisodeModalOpen}
ids={[id]}
seriesId={series && series.id}
+ isAnime={isAnime}
seasonNumber={seasonNumber}
relativePath={relativePath}
onModalClose={this.onSelectEpisodeModalClose}
diff --git a/frontend/src/InteractiveImport/InteractiveImportModal.js b/frontend/src/InteractiveImport/InteractiveImportModal.js
index 0a2248bc8..9b9b16afe 100644
--- a/frontend/src/InteractiveImport/InteractiveImportModal.js
+++ b/frontend/src/InteractiveImport/InteractiveImportModal.js
@@ -1,5 +1,6 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
+import { sizes } from 'Helpers/Props';
import Modal from 'Components/Modal/Modal';
import InteractiveImportSelectFolderModalContentConnector from './Folder/InteractiveImportSelectFolderModalContentConnector';
import InteractiveImportModalContentConnector from './Interactive/InteractiveImportModalContentConnector';
@@ -47,6 +48,7 @@ class InteractiveImportModal extends Component {
return (