From e73eeb2a2c004129881750badf94e0932880b8b9 Mon Sep 17 00:00:00 2001
From: Swiftzerr <swiftzermc@gmail.com>
Date: Tue, 11 Jan 2022 20:40:38 -0500
Subject: [PATCH 1/2] Added a confirm button to Remove/Add to Libary

---
 src/renderer/views/pages/cider-playlist.ejs | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index de987fc3..ef771716 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -66,10 +66,14 @@
                                 @click="app.mk.shuffleMode = 1;play()">
                             Shuffle
                         </button>
-                        <button class="wr-btn" style="min-width: 120px;" v-if="inLibrary!=null"
-                                @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString())">
+                        <button class="wr-btn" style="min-width: 120px;" v-if="inLibrary!=null && confirm!=true"
+                                @click="confirm = true">
                             {{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
                         </button>
+                        <button class="wr-btn" style="min-width: 120px;" v-if="confirm==true"
+                                @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) ">
+                            Confirm?
+                        </button>
                     </div>
                 </div>
             </div>
@@ -119,6 +123,7 @@
                 drag: false,
                 nameEditing: false,
                 inLibrary: null,
+                confirm: false,
                 app: this.$root,
                 itemBadges: [],
                 badgesRequested: false
@@ -212,6 +217,7 @@
             addToLibrary(id) {
                 app.mk.addToLibrary(id)
                 this.inLibrary = true
+                this.confirm = false
             },
             async removeFromLibrary(id) {
                 var params = { "fields[somgs]": "inLibrary", "fields[albums]": "inLibrary", "relate": "library" }
@@ -224,6 +230,7 @@
                 var truekind = (!kind.endsWith("s")) ? (kind + "s") : kind;
                 app.mk.api.library.remove({ [truekind]: id })
                 this.inLibrary = false
+                this.confirm = false
             },
             editPlaylistName() {
                 if (this.data.attributes.canEdit && this.data.type == "library-playlists") {

From 81294b0d1fc2269f9379bf237247619b83598580 Mon Sep 17 00:00:00 2001
From: Swiftzerr <swiftzermc@gmail.com>
Date: Tue, 11 Jan 2022 21:26:15 -0500
Subject: [PATCH 2/2] Made button go back to normal after 3 seconds

---
 src/renderer/views/pages/cider-playlist.ejs | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index ef771716..d8dc2705 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -67,7 +67,7 @@
                             Shuffle
                         </button>
                         <button class="wr-btn" style="min-width: 120px;" v-if="inLibrary!=null && confirm!=true"
-                                @click="confirm = true">
+                                @click="confirmButton()">
                             {{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
                         </button>
                         <button class="wr-btn" style="min-width: 120px;" v-if="confirm==true"
@@ -113,10 +113,12 @@
     </div>
 
 </script>
+
 <script>
     Vue.component('cider-playlist', {
         template: "#cider-playlist",
         props: ["data"],
+
         data: function () {
             return {
                 editorialNotesExpanded: false,
@@ -166,6 +168,13 @@
                     }
                 })
             },
+            confirmButton() {
+                // Return button to normal state after 3 seconds
+
+                this.confirm = true
+                setTimeout(() => this.confirm = false, 3000);
+            },
+
             getDescription(data) {
                 console.log(data.attributes)
                 if (data.attributes.editorialNotes) {
@@ -334,7 +343,7 @@
                 var kind = this.data.attributes.playParams.kind ?? this.data.type ?? '';
                 //console.log("1")
                 var truekind = (!kind.endsWith("s")) ? (kind + "s") : kind;
-               
+
                 let query = (this.data ?? app.showingPlaylist).relationships.tracks.data.map(item => new MusicKit.MediaItem(item));
                 app.mk.stop().then(function () {
                     app.mk.setQueue({[truekind]: [id]}).then(function () {