From 3cf8b9dca9de91a11261e7e8252613f906f3ace0 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sat, 30 Jul 2022 11:53:48 -0500
Subject: [PATCH] Update start playback from bookmark time confirm to new
 confirm prompt

---
 .../components/modals/bookmarks/BookmarkItem.vue   |  2 +-
 client/pages/item/_id/index.vue                    | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/client/components/modals/bookmarks/BookmarkItem.vue b/client/components/modals/bookmarks/BookmarkItem.vue
index 68ff834f..fc35bf33 100644
--- a/client/components/modals/bookmarks/BookmarkItem.vue
+++ b/client/components/modals/bookmarks/BookmarkItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-center px-4 py-4 justify-start relative bg-primary hover:bg-opacity-25" :class="wrapperClass" @click="click" @mouseover="mouseover" @mouseleave="mouseleave">
+  <div class="flex items-center px-4 py-4 justify-start relative bg-primary hover:bg-opacity-25" :class="wrapperClass" @click.stop="click" @mouseover="mouseover" @mouseleave="mouseleave">
     <div class="w-16 max-w-16 text-center">
       <p class="text-sm font-mono text-gray-400">
         {{ this.$secondsToTimestamp(bookmark.time) }}
diff --git a/client/pages/item/_id/index.vue b/client/pages/item/_id/index.vue
index 56f05601..88bbf371 100644
--- a/client/pages/item/_id/index.vue
+++ b/client/pages/item/_id/index.vue
@@ -424,13 +424,21 @@ export default {
     },
     selectBookmark(bookmark) {
       if (!bookmark) return
-      console.log('Select bookmark', bookmark)
       if (this.isStreaming) {
         this.$eventBus.$emit('playback-seek', bookmark.time)
       } else if (this.streamLibraryItem) {
-        if (confirm(`Are you sure you want to play ${this.title} @ ${this.$secondsToTimestamp(bookmark.time)}?`)) {
-          this.startStream(bookmark.time)
+        this.showBookmarksModal = false
+        console.log('Already streaming library item so ask about it')
+        const payload = {
+          message: `Start playback for "${this.title}" at ${this.$secondsToTimestamp(bookmark.time)}?`,
+          callback: (confirmed) => {
+            if (confirmed) {
+              this.startStream(bookmark.time)
+            }
+          },
+          type: 'yesNo'
         }
+        this.$store.commit('globals/setConfirmPrompt', payload)
       } else {
         this.startStream(bookmark.time)
       }