mirror of
https://github.com/Radarr/Radarr.git
synced 2024-09-11 12:02:35 +02:00
parent
9ce58be385
commit
765ca89810
@ -12,6 +12,8 @@ import Link from 'Components/Link/Link';
|
|||||||
import AddNewDiscoverMovieModal from 'DiscoverMovie/AddNewDiscoverMovieModal';
|
import AddNewDiscoverMovieModal from 'DiscoverMovie/AddNewDiscoverMovieModal';
|
||||||
import ExcludeMovieModal from 'DiscoverMovie/Exclusion/ExcludeMovieModal';
|
import ExcludeMovieModal from 'DiscoverMovie/Exclusion/ExcludeMovieModal';
|
||||||
import styles from './AddListMovieOverview.css';
|
import styles from './AddListMovieOverview.css';
|
||||||
|
import Popover from 'Components/Tooltip/Popover';
|
||||||
|
import MovieDetailsLinks from 'Movie/Details/MovieDetailsLinks';
|
||||||
|
|
||||||
const columnPadding = parseInt(dimensions.movieIndexColumnPadding);
|
const columnPadding = parseInt(dimensions.movieIndexColumnPadding);
|
||||||
const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen);
|
const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen);
|
||||||
@ -76,6 +78,8 @@ class AddListMovieOverview extends Component {
|
|||||||
render() {
|
render() {
|
||||||
const {
|
const {
|
||||||
tmdbId,
|
tmdbId,
|
||||||
|
imdbId,
|
||||||
|
youTubeTrailerId,
|
||||||
title,
|
title,
|
||||||
titleSlug,
|
titleSlug,
|
||||||
folder,
|
folder,
|
||||||
@ -138,6 +142,7 @@ class AddListMovieOverview extends Component {
|
|||||||
{...linkProps}
|
{...linkProps}
|
||||||
>
|
>
|
||||||
{title}({year})
|
{title}({year})
|
||||||
|
|
||||||
{
|
{
|
||||||
isExcluded &&
|
isExcluded &&
|
||||||
<Icon
|
<Icon
|
||||||
@ -150,6 +155,25 @@ class AddListMovieOverview extends Component {
|
|||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<div className={styles.actions}>
|
<div className={styles.actions}>
|
||||||
|
<span className={styles.externalLinks}>
|
||||||
|
<Popover
|
||||||
|
anchor={
|
||||||
|
<Icon
|
||||||
|
name={icons.EXTERNAL_LINK}
|
||||||
|
size={12}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
title="Links"
|
||||||
|
body={
|
||||||
|
<MovieDetailsLinks
|
||||||
|
tmdbId={tmdbId}
|
||||||
|
imdbId={imdbId}
|
||||||
|
youTubeTrailerId={youTubeTrailerId}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</span>
|
||||||
|
|
||||||
<IconButton
|
<IconButton
|
||||||
name={icons.REMOVE}
|
name={icons.REMOVE}
|
||||||
title={isExcluded ? 'Movie already Excluded' : 'Exclude Movie'}
|
title={isExcluded ? 'Movie already Excluded' : 'Exclude Movie'}
|
||||||
@ -194,6 +218,8 @@ class AddListMovieOverview extends Component {
|
|||||||
|
|
||||||
AddListMovieOverview.propTypes = {
|
AddListMovieOverview.propTypes = {
|
||||||
tmdbId: PropTypes.number.isRequired,
|
tmdbId: PropTypes.number.isRequired,
|
||||||
|
imdbId: PropTypes.string,
|
||||||
|
youTubeTrailerId: PropTypes.string,
|
||||||
title: PropTypes.string.isRequired,
|
title: PropTypes.string.isRequired,
|
||||||
folder: PropTypes.string.isRequired,
|
folder: PropTypes.string.isRequired,
|
||||||
year: PropTypes.number.isRequired,
|
year: PropTypes.number.isRequired,
|
||||||
|
@ -9,3 +9,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.externalLinks {
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
@ -27,6 +27,11 @@ $hoverScale: 1.05;
|
|||||||
background-color: $defaultColor;
|
background-color: $defaultColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.externalLinks {
|
||||||
|
margin-right: 0.5em;
|
||||||
|
margin-left: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
.overlayTitle {
|
.overlayTitle {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -9,6 +9,9 @@ import MoviePoster from 'Movie/MoviePoster';
|
|||||||
import AddNewDiscoverMovieModal from 'DiscoverMovie/AddNewDiscoverMovieModal';
|
import AddNewDiscoverMovieModal from 'DiscoverMovie/AddNewDiscoverMovieModal';
|
||||||
import ExcludeMovieModal from 'DiscoverMovie/Exclusion/ExcludeMovieModal';
|
import ExcludeMovieModal from 'DiscoverMovie/Exclusion/ExcludeMovieModal';
|
||||||
import styles from './AddListMoviePoster.css';
|
import styles from './AddListMoviePoster.css';
|
||||||
|
import Icon from 'Components/Icon';
|
||||||
|
import Popover from 'Components/Tooltip/Popover';
|
||||||
|
import MovieDetailsLinks from 'Movie/Details/MovieDetailsLinks';
|
||||||
|
|
||||||
class AddListMoviePoster extends Component {
|
class AddListMoviePoster extends Component {
|
||||||
|
|
||||||
@ -71,6 +74,8 @@ class AddListMoviePoster extends Component {
|
|||||||
render() {
|
render() {
|
||||||
const {
|
const {
|
||||||
tmdbId,
|
tmdbId,
|
||||||
|
imdbId,
|
||||||
|
youTubeTrailerId,
|
||||||
title,
|
title,
|
||||||
year,
|
year,
|
||||||
overview,
|
overview,
|
||||||
@ -120,6 +125,24 @@ class AddListMoviePoster extends Component {
|
|||||||
onPress={this.onExcludeMoviePress}
|
onPress={this.onExcludeMoviePress}
|
||||||
isDisabled={isExcluded}
|
isDisabled={isExcluded}
|
||||||
/>
|
/>
|
||||||
|
<span className={styles.externalLinks}>
|
||||||
|
<Popover
|
||||||
|
anchor={
|
||||||
|
<Icon
|
||||||
|
name={icons.EXTERNAL_LINK}
|
||||||
|
size={12}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
title="Links"
|
||||||
|
body={
|
||||||
|
<MovieDetailsLinks
|
||||||
|
tmdbId={tmdbId}
|
||||||
|
imdbId={imdbId}
|
||||||
|
youTubeTrailerId={youTubeTrailerId}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</span>
|
||||||
</Label>
|
</Label>
|
||||||
|
|
||||||
{
|
{
|
||||||
@ -187,6 +210,8 @@ class AddListMoviePoster extends Component {
|
|||||||
|
|
||||||
AddListMoviePoster.propTypes = {
|
AddListMoviePoster.propTypes = {
|
||||||
tmdbId: PropTypes.number.isRequired,
|
tmdbId: PropTypes.number.isRequired,
|
||||||
|
imdbId: PropTypes.string,
|
||||||
|
youTubeTrailerId: PropTypes.string,
|
||||||
title: PropTypes.string.isRequired,
|
title: PropTypes.string.isRequired,
|
||||||
year: PropTypes.number.isRequired,
|
year: PropTypes.number.isRequired,
|
||||||
overview: PropTypes.string.isRequired,
|
overview: PropTypes.string.isRequired,
|
||||||
|
@ -63,3 +63,7 @@
|
|||||||
|
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.externalLinks {
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
@ -11,6 +11,9 @@ import AddNewDiscoverMovieModal from 'DiscoverMovie/AddNewDiscoverMovieModal';
|
|||||||
import ExcludeMovieModal from 'DiscoverMovie/Exclusion/ExcludeMovieModal';
|
import ExcludeMovieModal from 'DiscoverMovie/Exclusion/ExcludeMovieModal';
|
||||||
import VirtualTableSelectCell from 'Components/Table/Cells/VirtualTableSelectCell';
|
import VirtualTableSelectCell from 'Components/Table/Cells/VirtualTableSelectCell';
|
||||||
import styles from './AddListMovieRow.css';
|
import styles from './AddListMovieRow.css';
|
||||||
|
import Icon from 'Components/Icon';
|
||||||
|
import Popover from 'Components/Tooltip/Popover';
|
||||||
|
import MovieDetailsLinks from 'Movie/Details/MovieDetailsLinks';
|
||||||
|
|
||||||
class AddListMovieRow extends Component {
|
class AddListMovieRow extends Component {
|
||||||
|
|
||||||
@ -52,6 +55,8 @@ class AddListMovieRow extends Component {
|
|||||||
const {
|
const {
|
||||||
status,
|
status,
|
||||||
tmdbId,
|
tmdbId,
|
||||||
|
imdbId,
|
||||||
|
youTubeTrailerId,
|
||||||
title,
|
title,
|
||||||
titleSlug,
|
titleSlug,
|
||||||
studio,
|
studio,
|
||||||
@ -205,6 +210,25 @@ class AddListMovieRow extends Component {
|
|||||||
key={name}
|
key={name}
|
||||||
className={styles[name]}
|
className={styles[name]}
|
||||||
>
|
>
|
||||||
|
<span className={styles.externalLinks}>
|
||||||
|
<Popover
|
||||||
|
anchor={
|
||||||
|
<Icon
|
||||||
|
name={icons.EXTERNAL_LINK}
|
||||||
|
size={12}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
title="Links"
|
||||||
|
body={
|
||||||
|
<MovieDetailsLinks
|
||||||
|
tmdbId={tmdbId}
|
||||||
|
imdbId={imdbId}
|
||||||
|
youTubeTrailerId={youTubeTrailerId}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</span>
|
||||||
|
|
||||||
<IconButton
|
<IconButton
|
||||||
name={icons.REMOVE}
|
name={icons.REMOVE}
|
||||||
title={isExcluded ? 'Movie already Excluded' : 'Exclude Movie'}
|
title={isExcluded ? 'Movie already Excluded' : 'Exclude Movie'}
|
||||||
@ -244,6 +268,8 @@ class AddListMovieRow extends Component {
|
|||||||
|
|
||||||
AddListMovieRow.propTypes = {
|
AddListMovieRow.propTypes = {
|
||||||
tmdbId: PropTypes.number.isRequired,
|
tmdbId: PropTypes.number.isRequired,
|
||||||
|
imdbId: PropTypes.string,
|
||||||
|
youTubeTrailerId: PropTypes.string,
|
||||||
status: PropTypes.string.isRequired,
|
status: PropTypes.string.isRequired,
|
||||||
title: PropTypes.string.isRequired,
|
title: PropTypes.string.isRequired,
|
||||||
year: PropTypes.number.isRequired,
|
year: PropTypes.number.isRequired,
|
||||||
|
@ -23,7 +23,7 @@ function MovieDetailsLinks(props) {
|
|||||||
kind={kinds.INFO}
|
kind={kinds.INFO}
|
||||||
size={sizes.LARGE}
|
size={sizes.LARGE}
|
||||||
>
|
>
|
||||||
The Movie DB
|
TMDb
|
||||||
</Label>
|
</Label>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
@ -51,7 +51,7 @@ function MovieDetailsLinks(props) {
|
|||||||
kind={kinds.INFO}
|
kind={kinds.INFO}
|
||||||
size={sizes.LARGE}
|
size={sizes.LARGE}
|
||||||
>
|
>
|
||||||
IMDB
|
IMDb
|
||||||
</Label>
|
</Label>
|
||||||
</Link>
|
</Link>
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user