Merge pull request #119 from Swiftzerr/main

Added a confirm button so you dont accidently delete a playlist

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"
+                        <button class="wr-btn" style="min-width: 120px;" v-if="inLibrary!=null && confirm!=true"
-                                @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString())">
+                                @click="confirmButton()">
                             {{ (!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>
@@ -109,16 +113,19 @@
     </div>
 
 </script>
+
 <script>
     Vue.component('cider-playlist', {
         template: "#cider-playlist",
         props: ["data"],
+
         data: function () {
             return {
                 editorialNotesExpanded: false,
                 drag: false,
                 nameEditing: false,
                 inLibrary: null,
+                confirm: false,
                 app: this.$root,
                 itemBadges: [],
                 badgesRequested: false
@@ -161,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) {
@@ -212,6 +226,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 +239,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") {