@ -1,21 +1,23 @@
< div * ngIf = "movie" >
< span * ngIf = "movie.voteAverage"
matTooltip="{{'MediaDetails.Votes' | translate }} {{movie.voteCount | thousandShort: 1}}">
< img class = "rating-small" src = "{{baseUrl}}/images/tmdb-logo.svg" > {{movie.voteAverage | number:'1.0-1'}}/10
< / span >
< span * ngIf = "ratings?.critics_rating && ratings?.critics_score" >
< img class = "rating-small"
src="{{baseUrl}}/images/{{ratings.critics_rating === 'Rotten' ? 'rotten-rotten.svg' : 'rotten-fresh.svg'}}">
{{ratings.critics_score}}%
< / span >
< span * ngIf = "ratings?.audience_rating && ratings?.audience_score" >
< img class = "rating-small"
src="{{baseUrl}}/images/{{ratings.audience_rating === 'Upright' ? 'rotten-audience-fresh.svg' : 'rotten-audience-rotten.svg'}}">
{{ratings.audience_score}}%
< / span >
< div * ngIf = "streams?.length > 0" >
< div * ngIf = "movie" class = "left-panel-details" >
< div class = "rating medium-font" >
< span * ngIf = "movie.voteAverage"
matTooltip="{{'MediaDetails.Votes' | translate }} {{movie.voteCount | thousandShort: 1}}">
< img class = "rating-small" src = "{{baseUrl}}/images/tmdb-logo.svg" > {{movie.voteAverage | number:'1.0-1'}}/10
< / span >
< span * ngIf = "ratings?.critics_rating && ratings?.critics_score" >
< img class = "rating-small"
src="{{baseUrl}}/images/{{ratings.critics_rating === 'Rotten' ? 'rotten-rotten.svg' : 'rotten-fresh.svg'}}">
{{ratings.critics_score}}%
< / span >
< span * ngIf = "ratings?.audience_rating && ratings?.audience_score" >
< img class = "rating-small"
src="{{baseUrl}}/images/{{ratings.audience_rating === 'Upright' ? 'rotten-audience-fresh.svg' : 'rotten-audience-rotten.svg'}}">
{{ratings.audience_score}}%
< / span >
< / div >
< div * ngIf = "streams?.length > 0" class = "streaming-on" >
< hr >
< strong > {{'MediaDetails.StreamingOn' | translate }}:< / strong >
< s pan class = "label" > {{'MediaDetails.StreamingOn' | translate }}:< / s pan >
< div >
< span * ngFor = "let stream of streams" >
< img class = "stream-small" [ matTooltip ] = " stream . streamingProvider " src = "https://image.tmdb.org/t/p/original{{stream.logo}}" >
@ -24,18 +26,16 @@
< / div >
< hr >
< div >
< s trong> {{'MediaDetails.Status' | translate }}:< / strong >
< s pan class = "label" > {{'MediaDetails.Status' | translate }}:< / span >
{{movie.status}}
< / div >
< div >
< s trong > {{'MediaDetails.Availability' | translate }}:< / s trong >
< s pan class = "label" > {{'MediaDetails.Availability' | translate }}:< / s pan >
< span * ngIf = "movie.available" > {{'Common.Available' | translate}}< / span >
< span * ngIf = "!movie.available" > {{'Common.NotAvailable' | translate}}< / span >
< / div >
< div * ngIf = "!movie.available" >
< s trong > {{'MediaDetails.RequestStatus' | translate }}< / s trong >
< s pan class = "label" > {{'MediaDetails.RequestStatus' | translate }}< / s pan >
< div * ngIf = "movie.approved && !movie.available" > {{'Common.ProcessingRequest' | translate}}< / div >
< div * ngIf = "movie.requested && !movie.approved && !movie.available" > {{'Common.PendingApproval' | translate}}
< / div >
@ -44,27 +44,27 @@
< / div >
< div * ngIf = "request" >
< s trong> {{'Requests.RequestedBy' | translate }}:< / strong >
< s pan class = "label" > {{'Requests.RequestedBy' | translate }}:< / span >
{{request.requestedUser.userAlias}}
< / div >
< div * ngIf = "request" >
< s trong> {{'Requests.RequestDate' | translate }}:< / strong >
< s pan class = "label" > {{'Requests.RequestDate' | translate }}:< / span >
{{request.requestedDate | date}}
< / div >
< div * ngIf = "movie.quality" >
< s trong> {{'MediaDetails.Quality' | translate }}:< / strong >
< s pan class = "label" > {{'MediaDetails.Quality' | translate }}:< / span >
< div > {{movie.quality | quality}}< / div >
< / div >
< div * ngIf = "advancedOptions && request && request.rootPathOverrideTitle" >
< s trong > {{'MediaDetails.RootFolderOverride' | translate }}< / s trong >
< s pan class = "label" > {{'MediaDetails.RootFolderOverride' | translate }}< / s pan >
< div > {{request.rootPathOverrideTitle}}< / div >
< / div >
< div * ngIf = "advancedOptions && request && request.qualityOverrideTitle" >
< s trong > {{'MediaDetails.QualityOverride' | translate }}< / s trong >
< s pan class = "label" > {{'MediaDetails.QualityOverride' | translate }}< / s pan >
< div > {{request.qualityOverrideTitle}}< / div >
< / div >
@ -72,34 +72,34 @@
< hr >
< s trong > {{'MediaDetails.TheatricalRelease' | translate }}:< / s trong >
< s pan class = "label" > {{'MediaDetails.TheatricalRelease' | translate }}:< / s pan >
{{movie.releaseDate | date: 'mediumDate'}}
< div * ngIf = "movie.digitalReleaseDate" >
< s trong > {{'MediaDetails.DigitalRelease' | translate }}:< / s trong >
< s pan class = "label" > {{'MediaDetails.DigitalRelease' | translate }}:< / s pan >
{{movie.digitalReleaseDate | date: 'mediumDate'}}
< / div >
< div * ngIf = "movie.voteCount" >
< s trong> {{'MediaDetails.Votes' | translate }}:< / strong >
< s pan class = "label" > {{'MediaDetails.Votes' | translate }}:< / span >
{{movie.voteCount | thousandShort: 1}}
< / div >
< div >
< s trong> {{'MediaDetails.Runtime' | translate }}:< / strong >
< s pan class = "label" > {{'MediaDetails.Runtime' | translate }}:< / span >
{{'MediaDetails.Minutes' | translate:{runtime: movie.runtime} }}
< / div >
< div * ngIf = "movie.revenue" >
< s trong> {{'MediaDetails.Revenue' | translate }}:< / strong >
< s pan class = "label" > {{'MediaDetails.Revenue' | translate }}:< / span >
{{movie.revenue | currency: 'USD'}}
< / div >
< div * ngIf = "movie.budget" >
< s trong> {{'MediaDetails.Budget' | translate }}:< / strong >
< s pan class = "label" > {{'MediaDetails.Budget' | translate }}:< / span >
{{movie.budget | currency: 'USD'}}
< / div >
< hr / >
< div class = "genre-button-container" * ngIf = "movie.genres" >
< s trong> {{'MediaDetails.Genres' | translate }}:< / strong >
< s pan class = "label" > {{'MediaDetails.Genres' | translate }}:< / span >
< div >
< mat-chip-list >
< mat-chip selected * ngFor = "let genre of movie.genres" >
@ -111,7 +111,7 @@
< hr / >
< div class = "keyword-button-container" * ngIf = "movie?.keywords?.keywordsValue?.length > 0" >
< s trong> {{'MediaDetails.Keywords' | translate }}:< / strong >
< s pan class = "label" > {{'MediaDetails.Keywords' | translate }}:< / span >
< mat-chip-list >
< mat-chip selected * ngFor = "let keyword of movie.keywords.keywordsValue" >
{{keyword.name}}