From 8eecf5402e5b5a5e3f3d46f05cc5c100ac0bbf0f Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Tue, 7 Dec 2021 13:45:04 -0800
Subject: [PATCH] added isInLibrary status to mediaitem-list-item

---
 resources/cider-ui-tests/index.js                   | 13 ++++++++-----
 resources/cider-ui-tests/style.css                  |  7 +++++++
 .../views/components/mediaitem-list-item.ejs        |  4 ++++
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/resources/cider-ui-tests/index.js b/resources/cider-ui-tests/index.js
index 61bae10e..adf232f1 100644
--- a/resources/cider-ui-tests/index.js
+++ b/resources/cider-ui-tests/index.js
@@ -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)){
diff --git a/resources/cider-ui-tests/style.css b/resources/cider-ui-tests/style.css
index 44e4130b..4dcb6fc6 100644
--- a/resources/cider-ui-tests/style.css
+++ b/resources/cider-ui-tests/style.css
@@ -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%);
diff --git a/resources/cider-ui-tests/views/components/mediaitem-list-item.ejs b/resources/cider-ui-tests/views/components/mediaitem-list-item.ejs
index 49288565..1019ce8c 100644
--- a/resources/cider-ui-tests/views/components/mediaitem-list-item.ejs
+++ b/resources/cider-ui-tests/views/components/mediaitem-list-item.ejs
@@ -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 : ''"