xevion/the-office
1
0
Fork 0
mirror of https://github.com/Xevion/the-office.git synced 2025-12-08 06:08:40 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add episode image to Season component with thumbnail support

Browse Source
This commit is contained in:
Xevion
2022-05-21 12:03:07 -05:00
parent 06d7880bab
commit dd00c96fc9
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Season.vue
View File

@@ -6,7 +6,11 @@
<b-list-group-item v-for="episode in season.episodes" :key="episode.episode_id"> <b-list-group-item v-for="episode in season.episodes" :key="episode.episode_id">
<b-row align-v="start" align-content="start"> <b-row align-v="start" align-content="start">
<b-col cols="5" md="4" lg="4" xl="3"> <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>
<b-col> <b-col>
<h4> <h4>
@@ -69,6 +73,13 @@ export default {
methods: { methods: {
getEpisodeRoute(s, e) { getEpisodeRoute(s, e) {
return {name: 'Episode', params: {season: s, episode: 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}`
} }
} }
} }