add live tv support

Author: cmd430

public/php/Home/activity.php

@@ -8,7 +8,25 @@
   $ACTIVITY = [];
 
   foreach ($CURRENT_ACTIVITY['response']['data']['sessions'] as $ACTIVITY_RAW) {
-    if ($ACTIVITY_RAW['media_type'] == "episode") {
+    if ($ACTIVITY_RAW['library_name'] == "Live TV") {
+      $ACTIVITY[] = [
+        'title' => "Live TV",
+        'channel' => [
+          'title' => $ACTIVITY_RAW['channel_call_sign'],
+          'images' => [
+            'logo' => $ACTIVITY_RAW['channel_thumb'],
+            'poster' => $CONFIG->Proxy("rating_key=live&type=poster"),
+            'art' => $CONFIG->Proxy("rating_key=live&type=art")
+          ]
+        ],
+        'playback' => [
+          'user' => $ACTIVITY_RAW['friendly_name'],
+          'state' => $ACTIVITY_RAW['state'],
+          'quality' => $ACTIVITY_RAW['stream_video_resolution'],
+        ],
+        'mediatype' => 'live'
+      ];
+    } else if ($ACTIVITY_RAW['media_type'] == "episode") {
       $ACTIVITY[] = [
         'title' => $ACTIVITY_RAW['title'],
         'series' => [
@@ -57,4 +75,4 @@
   header("Content-Type: application/json");
   echo json_encode($ACTIVITY);
 
-?>
+?>

public/php/image.php

@@ -5,22 +5,32 @@
   $CONFIG = new Config();
   $IMAGE_CACHE_TIME = 60*60*24*3; //3 Days
   $IMAGE_URL; // Could put a Placeholder image here
+  $LIVE = false;
 
   if (isset($_GET['radarr_id'])) {
     $IMAGE_URL = $CONFIG->Radarr("MediaCover/{$_GET['radarr_id']}/poster.jpg", null, false);
   } else if (isset($_GET['sonarr_id'])) {
     $IMAGE_URL = $CONFIG->Sonarr("MediaCover/{$_GET['sonarr_id']}/poster.jpg", null, false);
   } else if (isset($_GET['rating_key']) && isset($_GET['type'])) {
+    if ($_GET['rating_key'] === 'live') $LIVE = true;
     $TYPE = $_GET['type'];
     if ($_GET['type'] == "art") {
-      $OPTIONS = "&height=270&opacity=40&background=282828&blur=3&fallback=art";
+      if ($LIVE) {
+        $OPTIONS = "&height=270&opacity=40&background=282828&blur=3&fallback=art-live";
+      } else {
+        $OPTIONS = "&height=270&opacity=40&background=282828&blur=3&fallback=art";
+      }
     } else {
-      $OPTIONS = "&height=270&fallback=thumb";
+      if ($LIVE) {
+        $OPTIONS = "&height=270&fallback=poster-live";
+      } else {
+        $OPTIONS = "&height=270&fallback=poster";
+      }
     }
     $IMAGE_URL = $CONFIG->Tautulli("pms_image_proxy", "img=/library/metadata/{$_GET['rating_key']}/{$TYPE}{$OPTIONS}", false);
   }
 
   header("Content-Type: image/jpeg;");
   echo file_get_contents($IMAGE_URL);
 
-?>
+?>

src/components/Home/Activity/ActivityItem.vue

@@ -1,34 +1,42 @@
 <template>
 <li>
-  <div class="bg_img" :style="{ 'background-image': 'url(' + (activity.series ? activity.series.images.art : activity.images.art) + ')' }">
+  <div class="bg_img" :style="{ 'background-image': 'url(' + (activity.channel ? activity.channel.images.art : (activity.series ? activity.series.images.art : activity.images.art)) + ')' }">
     <span>{{ activity.playback.user }}</span>
     <span>{{ activity.playback.state }}</span>
   </div>
-  <div class="img" :style="{ 'background-image': 'url(' + (activity.series ? activity.series.images.poster : activity.images.poster) + ')' }">
+  <div class="img" :style="{ 'background-image': 'url(' + (activity.channel ? activity.channel.images.poster : (activity.series ? activity.series.images.poster : activity.images.poster)) + ')' }"></div>
+  <div v-if="activity.mediatype == 'live'" class="info" :data-type="activity.mediatype">
+    <img :src="activity.channel.images.logo" />
+    <p>
+      <span>Channel:</span>
+      {{ activity.channel.title }}
+    </p>
   </div>
-  <div class="info" :data-type="activity.mediatype">
-    <p v-if="activity.mediatype == 'episode'" v-title>
+  <div v-if="activity.mediatype == 'episode'" class="info" :data-type="activity.mediatype">
+    <p v-title>
       <span>Series:</span>
       {{ activity.series.title }}
     </p>
-    <p v-if="activity.mediatype == 'episode'" v-title>
+    <p v-title>
       <span>Episode Title:</span>
       {{ activity.title }}
     </p>
-    <p v-if="activity.mediatype == 'episode'">
+    <p>
       <span>Season:</span>
       {{ activity.series.season }}
     </p>
-    <p v-if="activity.mediatype == 'episode'">
+    <p>
       <span>Episode:</span>
       {{ activity.series.episode }}
     </p>
-    <p v-if="activity.mediatype == 'movie'" v-title>
+  </div>
+  <div v-if="activity.mediatype == 'movie'" class="info" :data-type="activity.mediatype">
+    <p>
       <span>Movie Title:</span>
       {{ activity.title }}
     </p>
   </div>
-  <div id="progress">
+  <div v-if="activity.mediatype != 'live'" id="progress">
     <span class="progress_text">{{ activity.playback.progress.time | MediaTime((+activity.playback.runtime >= 3600000)) }} / {{ activity.playback.runtime | MediaTime() }}</span>
     <span class="percent_text">{{ activity.playback.progress.percent + '%' }}</span>
     <span class="progress" :style="{ 'width': activity.playback.progress.percent + '%'}"></span>
@@ -102,6 +110,9 @@ div {
     left: 162px;
     width: 318px;
     height: 114px;
+    &[data-type="live"] img {
+      max-height: 114px;
+    }
     &[data-type="movie"] {
       top: 145px;
     }