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

added isInLibrary status to mediaitem-list-item

Browse source
This commit is contained in:
booploops 2021-12-07 13:45:04 -08:00
parent a9d91cc539
commit 8eecf5402e
3 changed files with 19 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
resources/cider-ui-tests/index.js
View file

@ -888,13 +888,16 @@ const app = new Vue({
let self = this
let id = ""
// ugly code to check if current playback item is in library
if(playParams.catalogId) {
id = playParams.catalogId
}else if(playParams.id) {
id = playParams.id
}else if(playParams.isLibrary) {
if(typeof playParams == "undefined"){
return true
}
if(playParams["isLibrary"]) {
return true
}else if(playParams["catalogId"]) {
id = playParams["catalogId"]
}else if(playParams["id"]) {
id = playParams["id"]
}
var found = this.library.songs.listing.filter((item)=>{
if(item["attributes"]){
if(item["attributes"]["playParams"] && (item["attributes"]["playParams"]["catalogId"] == id)){

7
resources/cider-ui-tests/style.css
View file

@ -1582,6 +1582,13 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
color: #ccc;
}
.cd-mediaitem-list-item .isLibrary>button {
appearance: none;
border:0px;
background:transparent;
cursor:pointer;
}
/* mediaitem-hrect */
.cd-mediaitem-hrect {
background: rgb(255 255 255 / 18%);

4
resources/cider-ui-tests/views/components/mediaitem-list-item.ejs
View file

@ -2,6 +2,10 @@
<template>
<div @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-list-item">
<div class="isLibrary">
<button v-if="!app.isInLibrary(item.attributes.playParams)">🖤</button>
<button v-else>❤️</button>
</div>
<div class="artwork">
<mediaitem-artwork
:url="item.attributes.artwork ? item.attributes.artwork.url : ''"