okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added brick type for media items, brick will now display the correct artwork

Browse source
This commit is contained in:
booploops 2021-12-21 17:52:03 -08:00
parent 287f8a490b
commit 91664d2d91
4 changed files with 34 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/renderer/views/components/mediaitem-square.ejs
View file

@ -6,9 +6,9 @@
<div class="artwork-container">
<div class="artwork" @click='app.routeView(item)'>
<mediaitem-artwork
:url="item.attributes.artwork ? item.attributes.artwork.url : ''"
:url="getArtworkUrl()"
:video="(item.attributes != null && item.attributes.editorialVideo != null) ? (item.attributes.editorialVideo.motionDetailSquare ? item.attributes.editorialVideo.motionDetailSquare.video : (item.attributes.editorialVideo.motionSquareVideo1x1 ? item.attributes.editorialVideo.motionSquareVideo1x1.video : '')) : '' "
size="300"
:size="size"
shadow="subtle"
:type="item.type"></mediaitem-artwork>
</div>
@ -38,6 +38,10 @@
kind: {
type: String,
default: ''
},
size: {
type: String,
default: '300'
}
},
data: function () {
@ -48,19 +52,31 @@
}
},
methods: {
getArtworkUrl() {
let artwork = this.item.attributes.artwork ? this.item.attributes.artwork.url : ''
switch (this.kind) {
case "385":
artwork = this.item.attributes.editorialArtwork.subscriptionHero.url
break;
}
return artwork
},
getClasses() {
let type = this.item.type
if(this.kind != "") {
if (this.kind != "") {
type = this.kind
}
switch(type) {
switch (type) {
default:
return []
break;
break;
case "385": // editorial
return ["mediaitem-brick"]
break;
case "music-videos":
case "uploaded-videos":
return "mediaitem-video";
break;
break;
}
},
visibilityChanged: function (isVisible, entry) {