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.
156 lines
6.7 KiB
156 lines
6.7 KiB
<div *ngIf="!tv" class="justify-content-md-center top-spacing loading-spinner">
|
|
<mat-spinner [color]="'accent'"></mat-spinner>
|
|
</div>
|
|
<div *ngIf="tv">
|
|
<div *ngIf="tv.id === 0; else main">
|
|
<div class="small-middle-container no-info">
|
|
<h1><i class="far fa-frown-o" aria-hidden="true"></i></h1>
|
|
<h3> {{ 'MediaDetails.NotEnoughInfo' | translate }}</h3>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<ng-template #main>
|
|
|
|
<div>
|
|
|
|
<top-banner [background]="tv.background" [available]="tv.available" [title]="tv.title"
|
|
[releaseDate]="tv.firstAired" [tagline]="tv.certification"></top-banner>
|
|
|
|
<section id="info-wrapper">
|
|
<div class="small-middle-container">
|
|
<div class="row justify-content-center justify-content-sm-start">
|
|
|
|
<media-poster [posterPath]="tv.images?.medium"></media-poster>
|
|
|
|
|
|
<!--Next to poster-->
|
|
<div class="col-12 col-lg-2 col-xl-3 media-row">
|
|
|
|
<social-icons [homepage]="tv.homepage" [tvdbId]="tv.id" [hasTrailer]="tv.trailer"
|
|
(openTrailer)="openDialog()" [imdbId]="tv.imdbId" [available]="tv.available || tv.partlyAvailable"
|
|
[plexUrl]="tv.plexUrl" [embyUrl]="tv.embyUrl" [jellyfinUrl]="tv.jellyfinUrl">
|
|
</social-icons>
|
|
|
|
</div>
|
|
|
|
<div class="col-12 col-lg-5 col-xl-5 media-row">
|
|
|
|
<!-- <button *ngIf="!tv.fullyAvailable" mat-raised-button class="btn-spacing" color="primary"
|
|
(click)="request()"><i class="fas fa-plus"></i>
|
|
{{ 'Common.Request' | translate }}</button> -->
|
|
|
|
<button *ngIf="tv.fullyAvailable" mat-raised-button class="btn-spacing" color="accent"
|
|
[disabled]>
|
|
<i class="fas fa-check"></i> {{'Common.Available' | translate }}</button>
|
|
<button *ngIf="tv.partlyAvailable && !tv.fullyAvailable" mat-raised-button
|
|
class="btn-spacing" color="accent" [disabled]>
|
|
<i class="fas fa-check"></i> {{'Common.PartiallyAvailable' | translate }}</button>
|
|
|
|
<button mat-raised-button class="btn-spacing" color="danger" (click)="issue()">
|
|
<i class="fas fa-exclamation"></i> {{
|
|
'Requests.ReportIssue' | translate }}</button>
|
|
|
|
</div>
|
|
<!-- Setting/Configuration admin area -->
|
|
<div class="col-12 col-lg-1 col-xl-1 media-row content-end">
|
|
<button *ngIf="isAdmin" mat-icon-button [matMenuTriggerFor]="menu">
|
|
<mat-icon>settings</mat-icon>
|
|
</button>
|
|
<mat-menu #menu="matMenu">
|
|
<button mat-menu-item (click)="openRequestOnBehalf()" [disabled]="fullyAvailable">
|
|
<mat-icon>supervised_user_circle</mat-icon>
|
|
<span>{{'MediaDetails.RequestOnBehalf' | translate}}</span>
|
|
</button>
|
|
<button mat-menu-item [disabled]="!showAdvanced || !showRequest"
|
|
(click)="openAdvancedOptions()">
|
|
<mat-icon>movie_filter</mat-icon>
|
|
<span>{{'MediaDetails.SonarrConfiguration' | translate}}</span>
|
|
</button>
|
|
</mat-menu>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12 col-md-2">
|
|
<mat-card class="mat-elevation-z8">
|
|
<mat-card-content class="medium-font">
|
|
<tv-information-panel [tv]="tv" [request]="showRequest"
|
|
[advancedOptions]="showAdvanced"></tv-information-panel>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-12 col-md-10">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<mat-card class="mat-elevation-z8 spacing-below">
|
|
<mat-card-content>
|
|
{{tv.overview}}
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
<div class="col-12">
|
|
<cast-carousel [cast]="tv.cast"></cast-carousel>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-12 col-md-2">
|
|
|
|
<!--Just some space yo-->
|
|
|
|
</div>
|
|
|
|
<div class="col-12 col-md-10">
|
|
<tv-request-grid [tvRequest]="tvRequest" [isAdmin]="isAdmin" [tv]="tv"></tv-request-grid>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-2">
|
|
|
|
<!--Just some space yo-->
|
|
|
|
</div>
|
|
<div class="col-12 col-md-10">
|
|
<div class="issuesPanel">
|
|
<issues-panel [providerId]="tv.theTvDbId" [isAdmin]="isAdmin"></issues-panel>
|
|
</div>
|
|
<mat-accordion>
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
Requests
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
<tv-requests-panel [tvRequest]="tvRequest" [isAdmin]="isAdmin"></tv-requests-panel>
|
|
</mat-expansion-panel>
|
|
|
|
</mat-accordion>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="bottom-page-gap">
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</ng-template>
|
|
</div>
|