From 8af562e284d64dc710661bf6ede8d9ca93031a80 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Fri, 5 Feb 2021 01:41:53 +0100
Subject: [PATCH] Showing courtesy comments on actor album photos.

---
 assets/components/actors/actor.vue |  3 ++-
 assets/components/album/album.vue  | 18 ++++++++++++++----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/assets/components/actors/actor.vue b/assets/components/actors/actor.vue
index 989610be..b9f98bd3 100644
--- a/assets/components/actors/actor.vue
+++ b/assets/components/actors/actor.vue
@@ -317,9 +317,10 @@
 
 			<Album
 				v-if="showAlbum"
-				:items="actor.photos"
+				:items="[actor.avatar, ...actor.photos]"
 				:title="actor.name"
 				:portrait="true"
+				:comments="true"
 				@close="$router.go(-1)"
 			/>
 
diff --git a/assets/components/album/album.vue b/assets/components/album/album.vue
index 8df35e87..46df085a 100644
--- a/assets/components/album/album.vue
+++ b/assets/components/album/album.vue
@@ -16,7 +16,7 @@
 				:class="{ portrait }"
 			>
 				<div
-					v-for="item in items"
+					v-for="item in albumItems"
 					:key="item.id"
 					class="item-container"
 				>
@@ -27,15 +27,15 @@
 					>
 						<img
 							:src="`${path}/${item.thumbnail}`"
-							:title="item.comment"
+							:title="item.title"
 							loading="lazy"
 							class="item image"
 						>
 
 						<span
-							v-if="comments && item.comment"
+							v-if="comments && item.title"
 							class="item-comment"
-						>{{ item.comment }}</span>
+						>{{ item.title }}</span>
 					</a>
 				</div>
 			</div>
@@ -44,6 +44,13 @@
 </template>
 
 <script>
+function albumItems() {
+	return this.items.map(item => ({
+		...item,
+		title: item.comment || (item.credit && `© ${item.credit}`) || (item.entity && `© ${item.entity.name}`),
+	}));
+}
+
 export default {
 	props: {
 		items: {
@@ -67,6 +74,9 @@ export default {
 			default: true,
 		},
 	},
+	computed: {
+		albumItems,
+	},
 	emits: ['close'],
 };
 </script>