diff --git a/src/components/PlexThumbnail.vue b/src/components/PlexThumbnail.vue index 995649b1..2b6db6d9 100644 --- a/src/components/PlexThumbnail.vue +++ b/src/components/PlexThumbnail.vue @@ -78,30 +78,39 @@ > -
- {{ getTitle(content, fullTitle) }} -
+ {{ getTitle(content, fullTitle) }}
-
- {{ getSecondaryTitle(content, fullTitle) }} -
+ {{ getSecondaryTitle(content, fullTitle) }} +
+ + + {{ getReasonTitle(content) }}
{{ getTitle(content, fullTitle) }}
+ +
+ {{ getSecondaryTitle(content, fullTitle) }} +
+
- {{ getSecondaryTitle(content, fullTitle) }} + {{ getReasonTitle(content) }}
@@ -295,6 +304,12 @@ export default { } }, + beforeDestroy() { + if (this.$el.vanillaTilt) { + this.$el.vanillaTilt.destroy(); + } + }, + methods: { getImageUrl(width) { return this.GET_MEDIA_IMAGE_URL({ diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue index 20be5c06..d0da5671 100644 --- a/src/components/SearchBar.vue +++ b/src/components/SearchBar.vue @@ -160,7 +160,9 @@ export default { ]), getItemSecondaryTitle(item) { - return item.reasonTitle || this.getSecondaryTitle(item); + return item.reason + ? this.getReasonTitle(item) + : this.getSecondaryTitle(item); }, getItemThumb({ type, thumb, grandparentThumb }) { diff --git a/src/utils/contenttitleutils.js b/src/utils/contenttitleutils.js index 766f893f..84d0d545 100644 --- a/src/utils/contenttitleutils.js +++ b/src/utils/contenttitleutils.js @@ -1,3 +1,9 @@ +const reasonWord = { + section: 'in', + actor: 'with', + director: 'by', +}; + export default { getTitle: (metadata, fullTitle) => { switch (metadata.type) { @@ -63,4 +69,6 @@ export default { } } }, + + getReasonTitle: ({ reason, reasonTitle }) => `${reasonWord[reason]} ${reasonTitle}`, };