mirror of https://github.com/Ombi-app/Ombi
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
149 lines
6.7 KiB
149 lines
6.7 KiB
<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>
|
|
<span class="label">{{'MediaDetails.StreamingOn' | translate }}</span>
|
|
<div>
|
|
<span *ngFor="let stream of streams">
|
|
<img class="stream-small" [matTooltip]="stream.streamingProvider" src="https://image.tmdb.org/t/p/original{{stream.logo}}">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div>
|
|
<span class="label">{{'MediaDetails.Status' | translate }}</span>
|
|
<span id="status"> {{ this.movie.status | translateStatus }}</span>
|
|
</div>
|
|
<div>
|
|
<span class="label">{{'MediaDetails.Availability' | translate }}</span>
|
|
<span *ngIf="movie.available || movie.available4K"> {{'Common.Available' | translate}}</span>
|
|
<span *ngIf="!movie.available && !movie.available4K"> {{'Common.NotAvailable' | translate}}</span>
|
|
</div>
|
|
<div *ngIf="(!movie.available && movie.requested) || (!movie.available4K && movie.has4KRequest)">
|
|
<span class="label">{{'MediaDetails.RequestStatus' | translate }}</span>
|
|
<div *ngIf="!movie.available && movie.requested">
|
|
<div *ngIf="movie.denied">{{'Common.RequestDenied' | translate}}</div>
|
|
<div *ngIf="movie.approved && !movie.available">{{'Common.ProcessingRequest' | translate}}</div>
|
|
<div *ngIf="movie.requested && !movie.approved">{{'Common.PendingApproval' | translate}}</div>
|
|
<!--<div *ngIf="!movie.requested && !movie.available && !movie.approved">{{'Common.NotRequested' | translate}}</div>-->
|
|
</div>
|
|
<div *ngIf="!movie.available4K && movie.has4KRequest">
|
|
<div *ngIf="movie.denied4K">{{'Common.RequestDenied4K' | translate}}</div>
|
|
<div *ngIf="movie.approved4K && !movie.available4K">{{'Common.ProcessingRequest4K' | translate}}</div>
|
|
<div *ngIf="movie.requested4K && !movie.approved4K && !movie.available4K">{{'Common.PendingApproval4K' | translate}}</div>
|
|
<!--<div *ngIf="!movie.requested4K && !movie.available4K && !movie.approved4K">{{'Common.NotRequested4K' | translate}}</div>-->
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngIf="request">
|
|
<span class="label">{{'MediaDetails.RequestedBy' | translate }}</span>
|
|
<span id="requestedByInfo"> {{request.requestedUser.userAlias}}</span>
|
|
</div>
|
|
|
|
<div *ngIf="request">
|
|
<span class="label">{{'MediaDetails.RequestDate' | translate }}</span>
|
|
<span *ngIf="request.requestedDate < request.requestedDate4k"> {{request.requestedDate4k | amUserLocale | amDateFormat: 'LL'}}</span>
|
|
<span *ngIf="request.requestedDate > request.requestedDate4k"> {{request.requestedDate | amUserLocale | amDateFormat: 'LL'}}</span>
|
|
</div>
|
|
|
|
<div *ngIf="request && request.source !== RequestSource.Ombi">
|
|
<span class="label">{{'MediaDetails.RequestSource' | translate }}</span>
|
|
{{RequestSource[request.source]}}
|
|
</div>
|
|
|
|
<div *ngIf="request">
|
|
<span class="label">{{'MediaDetails.DeniedReason' | translate }}</span>
|
|
<div *ngIf="request.denied">
|
|
<span id="deniedReasonInfo">{{request.deniedReason}}</span>
|
|
</div>
|
|
<div *ngIf="request.denied4K">
|
|
<span id="deniedReasonInfo4K">{{request.deniedReason4K}}</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div *ngIf="movie.quality">
|
|
<span class="label">{{'MediaDetails.Quality' | translate }}</span>
|
|
<div>{{movie.quality | quality}}</div>
|
|
</div>
|
|
|
|
<div *ngIf="movie.available4K">
|
|
<span class="label">{{'MediaDetails.Quality' | translate }} </span>
|
|
<span>{{"4K" | quality}}</span>
|
|
</div>
|
|
|
|
<div *ngIf="advancedOptions && request && request.rootPathOverrideTitle">
|
|
<span class="label">{{'MediaDetails.RootFolderOverride' | translate }}</span>
|
|
<div>{{request.rootPathOverrideTitle}}</div>
|
|
</div>
|
|
<div *ngIf="advancedOptions && request && request.qualityOverrideTitle">
|
|
<span class="label">{{'MediaDetails.QualityOverride' | translate }}</span>
|
|
<div>{{request.qualityOverrideTitle}}</div>
|
|
</div>
|
|
|
|
|
|
|
|
<hr>
|
|
|
|
<span class="label">{{'MediaDetails.TheatricalRelease' | translate }}</span>
|
|
{{movie.releaseDate | amUserLocale | amDateFormat: 'LL': 'mediumDate'}}
|
|
|
|
<div *ngIf="movie.digitalReleaseDate">
|
|
<span class="label">{{'MediaDetails.DigitalRelease' | translate }}</span>
|
|
{{movie.digitalReleaseDate | amUserLocale | amDateFormat: 'LL': 'mediumDate'}}
|
|
</div>
|
|
|
|
<div *ngIf="movie.voteCount">
|
|
<span class="label">{{'MediaDetails.Votes' | translate }}</span>
|
|
{{movie.voteCount | thousandShort: 1}}
|
|
</div>
|
|
<div>
|
|
<span class="label">{{'MediaDetails.Runtime' | translate }}</span>
|
|
{{'MediaDetails.Minutes' | translate:{runtime: movie.runtime} }}
|
|
</div>
|
|
<div *ngIf="movie.revenue">
|
|
<span class="label">{{'MediaDetails.Revenue' | translate }}</span>
|
|
{{movie.revenue | currency: 'USD'}}
|
|
</div>
|
|
<div *ngIf="movie.budget">
|
|
<span class="label">{{'MediaDetails.Budget' | translate }}</span>
|
|
{{movie.budget | currency: 'USD'}}
|
|
</div>
|
|
|
|
<hr />
|
|
<div class="genre-button-container" *ngIf="movie.genres">
|
|
<span class="label">{{'MediaDetails.GenresLabel' | translate }}</span>
|
|
<div>
|
|
<mat-chip-list>
|
|
<mat-chip selected *ngFor="let genre of movie.genres">
|
|
{{genre.name}}
|
|
</mat-chip>
|
|
</mat-chip-list>
|
|
</div>
|
|
</div>
|
|
|
|
<hr />
|
|
<div class="keyword-button-container" *ngIf="movie?.keywords?.keywordsValue?.length > 0">
|
|
<span class="label">{{'MediaDetails.Keywords' | translate }}</span>
|
|
<mat-chip-list>
|
|
<mat-chip selected *ngFor="let keyword of movie.keywords.keywordsValue">
|
|
{{keyword.name}}
|
|
</mat-chip>
|
|
</mat-chip-list>
|
|
</div>
|