From 93c24a2a38acd64c58dd441daef9a813c8e7577e Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Wed, 20 Apr 2022 21:55:05 -0700
Subject: [PATCH] added add to playlist to playlists and albums

---
 .../views/components/add-to-playlist.ejs      |  4 +-
 .../views/components/sidebar-playlist.ejs     | 55 ++++++++++---------
 src/renderer/views/pages/cider-playlist.ejs   |  9 +++
 3 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/src/renderer/views/components/add-to-playlist.ejs b/src/renderer/views/components/add-to-playlist.ejs
index f209f5b8..66bf7474 100644
--- a/src/renderer/views/components/add-to-playlist.ejs
+++ b/src/renderer/views/components/add-to-playlist.ejs
@@ -1,5 +1,4 @@
 <script type="text/x-template" id="add-to-playlist">
-    <template>
         <div class="modal-fullscreen addtoplaylist-panel" @click.self="app.resetState()" @contextmenu.self="app.resetState()">
             <div class="modal-window">
                 <div class="modal-header">
@@ -30,7 +29,6 @@
                 </div>
             </div>
         </div>
-    </template>
 </script>
 
 <script>
@@ -65,7 +63,7 @@
         },
         methods: {
             playlistSelect(playlist) {
-                if(playlist.type != "library-playlist-folders") {
+                if (playlist.type != "library-playlist-folders") {
                     this.addToPlaylist(playlist.id)
                 }
             },
diff --git a/src/renderer/views/components/sidebar-playlist.ejs b/src/renderer/views/components/sidebar-playlist.ejs
index 2b1b9070..82bbe83c 100644
--- a/src/renderer/views/components/sidebar-playlist.ejs
+++ b/src/renderer/views/components/sidebar-playlist.ejs
@@ -40,7 +40,7 @@
             relateMediaItems: {
                 type: Array,
                 required: false,
-                default () {
+                default() {
                     return []
                 }
             }
@@ -62,30 +62,33 @@
                 this.icon = await this.$root.getSvgIcon("./assets/feather/folder.svg")
             }
             let playlistMap = this.$root.playlists.trackMapping
-            if(this.relateMediaItems.length != 0) {
-                if(playlistMap[this.relateMediaItems[0]].includes(this.item.id)) {
-                    this.hasRelatedMediaItems = true
+            if (this.relateMediaItems.length != 0) {
+                if (playlistMap[this.relateMediaItems[0]]) {
+                    if (playlistMap[this.relateMediaItems[0]].includes(this.item.id)) {
+                        this.hasRelatedMediaItems = true
+                    }
                 }
+
             }
         },
         methods: {
             clickEvent() {
-                if(this.item.type != "library-playlist-folders") {
-                    if(this.playlistSelect) {
+                if (this.item.type != "library-playlist-folders") {
+                    if (this.playlistSelect) {
                         this.playlistSelect(this.item)
-                    }else{
+                    } else {
                         this.openPlaylist(this.item)
                     }
-                }else{
+                } else {
                     this.getPlaylistChildren(this.item)
                 }
             },
             rename() {
                 this.renaming = false
 
-                if(this.item.type === "library-playlist-folders") {
+                if (this.item.type === "library-playlist-folders") {
                     this.$root.editPlaylistFolder(this.item.id, this.item.attributes.name)
-                }else{
+                } else {
                     this.$root.editPlaylist(this.item.id, this.item.attributes.name)
                 }
             },
@@ -93,7 +96,7 @@
                 let self = this
                 this.children = []
                 this.children = this.$root.playlists.listing.filter(child => {
-                    if(child.parent == self.item.id) {
+                    if (child.parent == self.item.id) {
                         return child
                     }
                 })
@@ -117,13 +120,13 @@
 
                 // find the item in this.$root.playlists.listing and store it in a variable
                 this.$root.playlists.listing.filter(playlist => {
-                    if(playlist.id == item.id) {
+                    if (playlist.id == item.id) {
                         console.log(playlist)
                         playlist.parent = sendTo.id
 
                     }
                 })
-                if(typeof this.$parent.getChildren == "function") {
+                if (typeof this.$parent.getChildren == "function") {
                     this.$parent.getChildren()
                     console.log(this.$parent.children)
                 }
@@ -142,14 +145,14 @@
                                     id: this.playlistRoot,
                                     type: "library-playlist-folders"
                                 })
-                                setTimeout(()=>{self.getChildren()}, 2000)
+                                setTimeout(() => { self.getChildren() }, 2000)
                             }
                         },
                         "rename": {
                             name: this.$root.getLz('action.rename'),
                             action: () => {
                                 this.renaming = true
-                                setTimeout(()=>{
+                                setTimeout(() => {
                                     document.querySelector(".pl-rename-field").focus()
                                     document.querySelector(".pl-rename-field").select()
                                 }, 100)
@@ -171,7 +174,7 @@
                         }
                     }
                 }
-                if(this.item.type === "library-playlist-folders") {
+                if (this.item.type === "library-playlist-folders") {
                     menu.items.addToFavorites.disabled = true
                 }
                 app.showMenuPanel(menu, event)
@@ -180,23 +183,23 @@
                 evt.preventDefault();
                 evt.dataTransfer.dropEffect = "move";
             },
-            onDrop (evt) {
+            onDrop(evt) {
                 let data = JSON.parse(evt.dataTransfer.getData("text/plain"))
                 evt.preventDefault();
-                if(data.id == this.item.id) {
+                if (data.id == this.item.id) {
                     return;
                 }
                 console.log(data)
-                if(data) {
-                    if(this.item.type == "library-playlists" || this.item.type == "library-playlist-folders") {
-                        if(data.type == "library-playlists" && this.item.type == "library-playlists") {
+                if (data) {
+                    if (this.item.type == "library-playlists" || this.item.type == "library-playlist-folders") {
+                        if (data.type == "library-playlists" && this.item.type == "library-playlists") {
                             return
                         }
                         this.move(data, this.item)
                     }
                 }
             },
-            startDrag (evt) {
+            startDrag(evt) {
                 evt.dataTransfer.dropEffect = 'move'
                 evt.dataTransfer.effectAllowed = 'move'
                 evt.dataTransfer.setData('text/plain', JSON.stringify(this.item))
@@ -211,11 +214,11 @@
                 this.children = []
                 this.getChildren()
                 this.toggleFolder()
-               
+
                 this.$root.mk.api.v3.music(`v1/me/library/playlist-folders/${item.id}/children`).then(data => {
                     let children = data.data.data;
                     children.forEach(child => {
-                        if(!self.$root.playlists.listing.find(listing => listing.id == child.id)) {
+                        if (!self.$root.playlists.listing.find(listing => listing.id == child.id)) {
                             child.parent = self.item.id
                             self.$root.playlists.listing.push(child)
                         }
@@ -234,9 +237,9 @@
                 })
             },
             isPlaylistSelected(item) {
-                if(this.$root.showingPlaylist.id == item.id) {
+                if (this.$root.showingPlaylist.id == item.id) {
                     return ["active"]
-                }  else {
+                } else {
                     return []
                 }
             },
diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index e60e9a03..5bd0a6ad 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -483,6 +483,15 @@
 
                 let menuItems = {
                     items: {
+                        "addToPlaylist": {
+                            name: app.getLz('action.addToPlaylist'),
+                            "icon": "./assets/feather/list.svg",
+                            action: () => {
+                                app.selectedMediaItems = []
+                                app.select_selectMediaItem(this.data.attributes.playParams.id ?? this.data.id, this.data.attributes.playParams.kind ?? this.data.type, 0, 0, this.data.attributes.playParams.isLibrary ?? false)
+                                app.promptAddToPlaylist()
+                            }
+                        },
                         "share": {
                             name: app.getLz('term.share'),
                             icon: "./assets/feather/share.svg",