mirror of https://github.com/Ombi-app/Ombi
TidusJar
6 years ago
parent
b570d904bf
commit
c18efc5a3a
@ -1,62 +1,80 @@
|
||||
<div *ngIf="movie.genres">
|
||||
<strong>Genres:</strong>
|
||||
<div>
|
||||
<mat-chip-list>
|
||||
<mat-chip *ngFor="let genre of movie.genres">
|
||||
{{genre.name}}
|
||||
</mat-chip>
|
||||
</mat-chip-list>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div>
|
||||
<div *ngIf="movie">
|
||||
<div>
|
||||
<strong>Status:</strong>
|
||||
<div>{{movie.status}}</div>
|
||||
</div>
|
||||
<strong>Theatrical Release:</strong>
|
||||
<div>
|
||||
{{movie.releaseDate | date: 'mediumDate'}}
|
||||
<strong>Availability</strong>
|
||||
<div *ngIf="movie.available">{{'Common.Available' | translate}}</div>
|
||||
<div *ngIf="!movie.available">{{'Common.NotAvailable' | translate}}</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="movie.digitalReleaseDate">
|
||||
<strong>Digital Release:</strong>
|
||||
|
||||
<div>
|
||||
{{movie.digitalReleaseDate | date: 'mediumDate'}}
|
||||
<strong>Request Status</strong>
|
||||
<div *ngIf="movie.approved && !movie.available">{{'Common.ProcessingRequest' | translate}}</div>
|
||||
<div *ngIf="movie.requested && !movie.approved && !movie.available">{{'Common.PendingApproval' | translate}}
|
||||
</div>
|
||||
<div *ngIf="!movie.requested && !movie.available && !movie.approved">{{'Common.NotRequested' | translate}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="movie.voteAverage">
|
||||
<strong>User Score:</strong>
|
||||
<div>
|
||||
{{movie.voteAverage | number:'1.0-1'}} / 10
|
||||
|
||||
<br />
|
||||
<div *ngIf="movie.genres">
|
||||
<strong>Genres:</strong>
|
||||
<div>
|
||||
<mat-chip-list>
|
||||
<mat-chip color="accent" selected *ngFor="let genre of movie.genres">
|
||||
{{genre.name}}
|
||||
</mat-chip>
|
||||
</mat-chip-list>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="movie.voteCount">
|
||||
<strong>Votes:</strong>
|
||||
<br />
|
||||
|
||||
<strong>Theatrical Release:</strong>
|
||||
<div>
|
||||
{{movie.voteCount | thousandShort: 1}}
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<strong>Runtime:</strong>
|
||||
<div>{{movie.runtime}} Minutes</div>
|
||||
</div>
|
||||
<div *ngIf="movie.revenue">
|
||||
<strong>Revenue:</strong>
|
||||
<div> {{movie.revenue | currency: 'USD'}}</div>
|
||||
</div>
|
||||
<div *ngIf="movie.budget">
|
||||
<strong>Budget:</strong>
|
||||
<div> {{movie.budget | currency: 'USD'}}</div>
|
||||
</div>
|
||||
|
||||
{{movie.releaseDate | date: 'mediumDate'}}
|
||||
<div *ngIf="movie.digitalReleaseDate">
|
||||
<strong>Digital Release:</strong>
|
||||
<div>
|
||||
{{movie.digitalReleaseDate | date: 'mediumDate'}}
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="movie.voteAverage">
|
||||
<strong>User Score:</strong>
|
||||
<div>
|
||||
{{movie.voteAverage | number:'1.0-1'}} / 10
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="movie.voteCount">
|
||||
<strong>Votes:</strong>
|
||||
<div>
|
||||
{{movie.voteCount | thousandShort: 1}}
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<strong>Runtime:</strong>
|
||||
<div>{{movie.runtime}} Minutes</div>
|
||||
</div>
|
||||
<div *ngIf="movie.revenue">
|
||||
<strong>Revenue:</strong>
|
||||
<div> {{movie.revenue | currency: 'USD'}}</div>
|
||||
</div>
|
||||
<div *ngIf="movie.budget">
|
||||
<strong>Budget:</strong>
|
||||
<div> {{movie.budget | currency: 'USD'}}</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br />
|
||||
<div>
|
||||
<strong>Keywords/Tags:</strong>
|
||||
<mat-chip-list>
|
||||
<mat-chip *ngFor="let keyword of movie.keywords.keywordsValue">
|
||||
{{keyword.name}}
|
||||
</mat-chip>
|
||||
</mat-chip-list>
|
||||
</div>
|
||||
<br />
|
||||
<div>
|
||||
<strong>Keywords/Tags:</strong>
|
||||
<mat-chip-list>
|
||||
<mat-chip color="accent" selected *ngFor="let keyword of movie.keywords.keywordsValue">
|
||||
{{keyword.name}}
|
||||
</mat-chip>
|
||||
</mat-chip-list>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,61 @@
|
||||
<div>
|
||||
<div *ngIf="tv.status">
|
||||
<strong>Status:</strong>
|
||||
<div>
|
||||
{{tv.status}}
|
||||
</div>
|
||||
</div>
|
||||
<strong>First Aired:</strong>
|
||||
<div>
|
||||
{{tv.firstAired | date: 'mediumDate'}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<strong>Status:</strong>
|
||||
<div>
|
||||
{{tv.status}}
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<strong>Runtime:</strong>
|
||||
<div>
|
||||
{{tv.runtime}} Minutes
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="tv.rating">
|
||||
<strong>Rating:</strong>
|
||||
<div>
|
||||
{{tv.rating}} / 10
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="tv.network">
|
||||
<strong>Network:</strong>
|
||||
<div>
|
||||
{{tv.network.name}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div *ngIf="tv.genre">
|
||||
<strong>Genres:</strong>
|
||||
<div>
|
||||
<span *ngFor="let genre of tv.genre">
|
||||
{{genre}} |
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<div *ngIf="seasonCount">
|
||||
<strong>Seasons:</strong>
|
||||
<div>
|
||||
{{seasonCount}}
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="totalEpisodes">
|
||||
<strong>Episodes:</strong>
|
||||
<div>
|
||||
{{totalEpisodes}}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,12 @@
|
||||
import { Component, ViewEncapsulation, Input } from "@angular/core";
|
||||
import { ISearchTvResultV2 } from "../../../interfaces/ISearchTvResultV2";
|
||||
|
||||
@Component({
|
||||
templateUrl: "./tv-information-panel.component.html",
|
||||
styleUrls: ["../../media-details.component.scss"],
|
||||
selector: "tv-information-panel",
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class TvInformationPanelComponent {
|
||||
@Input() public tv: ISearchTvResultV2;
|
||||
}
|
||||
Loading…
Reference in new issue