github-mirrors/radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2025-04-24 14:37:07 -04:00
Code Issues Projects Releases Packages Wiki Activity

New: Display original language on movie details and search results page

Browse source 
Closes #10206
This commit is contained in:
Bogdan 2024-07-25 21:33:19 +03:00
parent a3b3fee06b
commit df35e78e1f
7 changed files with 49 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
View file

@ -85,6 +85,7 @@
margin-top: 20px;
}
.originalLanguage,
.studio,
.genres {
margin-left: 5px;

1
frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts vendored
View file

@ -8,6 +8,7 @@ interface CssExports {
'genres': string;
'icons': string;
'links': string;
'originalLanguage': string;
'overlay': string;
'overview': string;
'poster': string;

23
frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
View file

@ -62,6 +62,7 @@ class AddNewMovieSearchResult extends Component {
titleSlug,
year,
studio,
originalLanguage,
genres,
status,
overview,
@ -213,17 +214,31 @@ class AddNewMovieSearchResult extends Component {
}
{
!!studio &&
originalLanguage?.name ?
<Label size={sizes.LARGE}>
<Icon
name={icons.LANGUAGE}
size={13}
/>
<span className={styles.originalLanguage}>
{originalLanguage.name}
</span>
</Label> :
null
}
{
studio ?
<Label size={sizes.LARGE}>
<Icon
name={icons.STUDIO}
size={13}
/>
<span className={styles.studio}>
{studio}
</span>
</Label>
</Label> :
null
}
{
@ -233,7 +248,6 @@ class AddNewMovieSearchResult extends Component {
name={icons.GENRE}
size={13}
/>
<span className={styles.genres}>
{genres.slice(0, 3).join(', ')}
</span>
@ -311,6 +325,7 @@ AddNewMovieSearchResult.propTypes = {
titleSlug: PropTypes.string.isRequired,
year: PropTypes.number.isRequired,
studio: PropTypes.string,
originalLanguage: PropTypes.object,
genres: PropTypes.arrayOf(PropTypes.string),
status: PropTypes.string.isRequired,
overview: PropTypes.string,

1
frontend/src/Helpers/Props/icons.js
View file

@ -179,6 +179,7 @@ export const IN_CINEMAS = fasTicketAlt;
export const INFO = fasInfoCircle;
export const INTERACTIVE = fasUser;
export const KEYBOARD = farKeyboard;
export const LANGUAGE = fasLanguage;
export const LOGOUT = fasSignOutAlt;
export const MANAGE = fasListCheck;
export const MEDIA_INFO = farFileInvoice;

1
frontend/src/Movie/Details/MovieDetails.css
View file

@ -151,6 +151,7 @@
.sizeOnDisk,
.qualityProfileName,
.statusName,
.originalLanguage,
.studio,
.collection,
.genres {

1
frontend/src/Movie/Details/MovieDetails.css.d.ts vendored
View file

@ -21,6 +21,7 @@ interface CssExports {
'monitorToggleButton': string;
'movieNavigationButton': string;
'movieNavigationButtons': string;
'originalLanguage': string;
'overview': string;
'path': string;
'poster': string;

31
frontend/src/Movie/Details/MovieDetails.js
View file

@ -242,6 +242,7 @@ class MovieDetails extends Component {
qualityProfileId,
monitored,
studio,
originalLanguage,
genres,
collection,
overview,
@ -574,7 +575,7 @@ class MovieDetails extends Component {
</InfoLabel>
{
!!collection &&
collection ?
<InfoLabel
className={styles.detailsInfoLabel}
title={translate('Collection')}
@ -585,11 +586,26 @@ class MovieDetails extends Component {
tmdbId={collection.tmdbId}
/>
</div>
</InfoLabel>
</InfoLabel> :
null
}
{
!!studio && !isSmallScreen &&
originalLanguage?.name && !isSmallScreen ?
<InfoLabel
className={styles.detailsInfoLabel}
title={translate('OriginalLanguage')}
size={sizes.LARGE}
>
<span className={styles.originalLanguage}>
{originalLanguage.name}
</span>
</InfoLabel> :
null
}
{
studio && !isSmallScreen ?
<InfoLabel
className={styles.detailsInfoLabel}
title={translate('Studio')}
@ -598,11 +614,12 @@ class MovieDetails extends Component {
<span className={styles.studio}>
{studio}
</span>
</InfoLabel>
</InfoLabel> :
null
}
{
!!genres.length && !isSmallScreen &&
genres.length && !isSmallScreen ?
<InfoLabel
className={styles.detailsInfoLabel}
title={translate('Genres')}
@ -611,7 +628,8 @@ class MovieDetails extends Component {
<span className={styles.genres}>
{genres.join(', ')}
</span>
</InfoLabel>
</InfoLabel> :
null
}
</div>
@ -745,6 +763,7 @@ MovieDetails.propTypes = {
monitored: PropTypes.bool.isRequired,
status: PropTypes.string.isRequired,
studio: PropTypes.string,
originalLanguage: PropTypes.object,
genres: PropTypes.arrayOf(PropTypes.string).isRequired,
collection: PropTypes.object,
youTubeTrailerId: PropTypes.string,