From 06b60ee9d2bab4bef24ba3d9c3a6830a12bc3c0f Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 7 Sep 2021 08:35:10 +0100
Subject: [PATCH] fix: :bug: Fixed where the Play On {MediaSever} was not
 appearing for TV Shows

#4303
---
 .../components/tv/tv-details.component.html        | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
index dc8902a1b..92a9ef508 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
@@ -47,6 +47,20 @@ <h3> {{ 'MediaDetails.NotEnoughInfo' | translate }}</h3>
                         <!--Next to poster-->
                         <div class="details-button-container">
                             <div class="col-12 media-row">
+                                <ng-container *ngIf="tv.fullyAvailable || tv.partlyAvailable">
+                                    <a id="viewOnPlexButton" *ngIf="tv.plexUrl" href="{{tv.plexUrl}}" mat-raised-button  target="_blank" class="btn-spacing viewon-btn plex">
+                                        {{'Search.ViewOnPlex' | translate}}
+                                        <i class="far fa-play-circle fa-2x"></i>
+                                    </a>
+                                    <a id="viewOnEmbyButton" *ngIf="tv.embyUrl" href="{{tv.embyUrl}}" mat-raised-button  target="_blank" class="btn-spacing viewon-btn emby">
+                                        {{'Search.ViewOnEmby' | translate}}
+                                        <i class="far fa-play-circle fa-2x"></i>
+                                    </a>
+                                    <a id="viewOnJellyfinButton" *ngIf="tv.jellyfinUrl" href="{{tv.jellyfinUrl}}" mat-raised-button  target="_blank" class="btn-spacing viewon-btn jellyfin">
+                                        {{'Search.ViewOnJellyfin' | translate}}
+                                        <i class="far fa-play-circle fa-2x"></i>
+                                    </a>
+                                </ng-container>
                                 <button *ngIf="!tv.fullyAvailable" mat-raised-button id="requestBtn" class="btn-spacing" color="primary"
                                     (click)="request()"><i class="fas fa-plus"></i>
                                     {{ 'Common.Request' | translate }}</button>