From dd00c96fc9be1f5f889ef56bb8b2a5f84c9627de Mon Sep 17 00:00:00 2001
From: Xevion <xevioni@yandex.com>
Date: Sat, 21 May 2022 12:03:07 -0500
Subject: [PATCH] Add episode image to Season component with thumbnail support

---
 src/components/Season.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Season.vue b/src/components/Season.vue
index 661c0f0..2daa8c8 100644
--- a/src/components/Season.vue
+++ b/src/components/Season.vue
@@ -6,7 +6,11 @@
                 <b-list-group-item v-for="episode in season.episodes" :key="episode.episode_id">
                     <b-row align-v="start" align-content="start">
                         <b-col cols="5" md="4" lg="4" xl="3">
-                            <b-img-lazy fluid-grow class="px-2" src="https://via.placeholder.com/250" />
+                            <b-img-lazy
+                                fluid-grow class="px-2"
+                                :src="getUrl(episode.episodeNumber, episode.seasonNumber)"
+                                :blank-src="getUrl(episode.episodeNumber, episode.seasonNumber, true)"
+                            />
                         </b-col>
                         <b-col>
                             <h4>
@@ -69,6 +73,13 @@ export default {
     methods: {
         getEpisodeRoute(s, e) {
             return {name: 'Episode', params: {season: s, episode: e}}
+        },
+        getUrl(episode, season, thumbnail = false) {
+            episode = episode.toString().padStart(2, "0")
+            season = season.toString().padStart(2, "0")
+            const filename = thumbnail ? 'thumbnail.jpeg' : 'full.jpeg'
+
+            return `/img/${season}/${episode}/${filename}`
         }
     }
 }