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

changes to mediaitem elements

Browse source
This commit is contained in:
booploops 2021-12-21 17:26:06 -08:00
parent 773b397bbc
commit 287f8a490b
8 changed files with 78 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -9,6 +9,7 @@
:url="item.attributes.artwork ? item.attributes.artwork.url : ''"
: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"
shadow="subtle"
:type="item.type"></mediaitem-artwork>
</div>
<button class="menu-btn" v-if="item.type != 'artists' && item.type != 'stations'" @click="contextMenu"><%- include("../svg/more.svg") %></button>
@ -29,7 +30,16 @@
<script>
Vue.component('mediaitem-square', {
template: '#mediaitem-square',
props: ['item'],
props: {
item: {
type: Object,
required: true
},
kind: {
type: String,
default: ''
}
},
data: function () {
return {
isVisible: false,
@ -39,10 +49,15 @@
},
methods: {
getClasses() {
switch(this.item.type) {
let type = this.item.type
if(this.kind != "") {
type = this.kind
}
switch(type) {
default:
return []
break;
case "music-videos":
case "uploaded-videos":
return "mediaitem-video";
break;