From dba99a41706f3ea217e9eddbb73f4694efc0828a Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Mon, 25 Jan 2021 23:15:41 +0100
Subject: [PATCH] Showing cover or first photo as movie trailer poster.

---
 assets/components/releases/banner.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/assets/components/releases/banner.vue b/assets/components/releases/banner.vue
index ce9d64f0..0d29efd5 100644
--- a/assets/components/releases/banner.vue
+++ b/assets/components/releases/banner.vue
@@ -11,7 +11,7 @@
 				<video
 					v-if="release.trailer"
 					:src="`/media/${release.trailer.path}`"
-					:poster="release.poster && (sfw ? `/img/${release.poster.sfw.thumbnail}` : `/media/${release.poster.thumbnail}`)"
+					:poster="poster"
 					:alt="release.title"
 					:class="{ sfw: sfw && paused }"
 					class="item trailer"
@@ -23,7 +23,7 @@
 				<video
 					v-else-if="release.teaser && /^video\//.test(release.teaser.mime)"
 					:src="`/media/${release.teaser.path}`"
-					:poster="release.poster && (sfw ? `/img/${release.poster.sfw.thumbnail}` : `/media/${release.poster.thumbnail}`)"
+					:poster="poster"
 					:alt="release.title"
 					:class="{ sfw: sfw && paused }"
 					class="item trailer"
@@ -114,6 +114,22 @@ function sfw() {
 	return this.$store.state.ui.sfw;
 }
 
+function poster() {
+	if (this.release.poster) {
+		return sfw ? `/img/${this.release.poster.sfw.thumbnail}` : `/media/${this.release.poster.thumbnail}`;
+	}
+
+	if (this.release.covers?.length > 0) {
+		return this.sfw ? `/img/${this.release.covers[0].sfw.path}` : `/media/${this.release.covers[0].path}`;
+	}
+
+	if (this.photos?.length > 0) {
+		return this.sfw ? `/img/${this.photos[0].sfw.thumbnail}` : `/media/${this.photos[0].thumbnail}`;
+	}
+
+	return null;
+}
+
 function photos() {
 	const clips = this.release.clips || [];
 	const clipPostersById = clips.reduce((acc, clip) => ({ ...acc, [clip.poster.id]: clip.poster }), {});
@@ -157,6 +173,7 @@ export default {
 	},
 	computed: {
 		photos,
+		poster,
 		sfw,
 	},
 };