27 lines
No EOL
1 KiB
Text
27 lines
No EOL
1 KiB
Text
<script type="text/x-template" id="mediaitem-square">
|
|
<template>
|
|
<div tabindex="0" @click="app.playMediaItemById(item.attributes.playParams.id ?? item.id, item.attributes.playParams.kind ?? item.type, item.attributes.playParams.isLibrary ?? false, item.attributes.url)"
|
|
class="cd-mediaitem-square">
|
|
<div class="artwork">
|
|
<mediaitem-artwork
|
|
:url="item.attributes.artwork ? item.attributes.artwork.url : ''"
|
|
size="300"
|
|
:type="item.type"></mediaitem-artwork>
|
|
</div>
|
|
<div class="title text-overflow-elipsis">
|
|
{{ item.attributes.name }}
|
|
</div>
|
|
<div class="subtitle text-overflow-elipsis" v-if="item.attributes.artistName">
|
|
{{ item.attributes.artistName }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</script>
|
|
|
|
<script>
|
|
Vue.component('mediaitem-square', {
|
|
template: '#mediaitem-square',
|
|
props: ['item'],
|
|
methods: {}
|
|
});
|
|
</script> |