diff --git a/src/renderer/components/ft-list-playlist/ft-list-playlist.js b/src/renderer/components/ft-list-playlist/ft-list-playlist.js index 98747cef34c23..5b17ebd7a5552 100644 --- a/src/renderer/components/ft-list-playlist/ft-list-playlist.js +++ b/src/renderer/components/ft-list-playlist/ft-list-playlist.js @@ -124,10 +124,6 @@ export default defineComponent({ }) }, - handleQuickBookmarkEnabledDisabledClick: function () { - showToast(this.$t('User Playlists.SinglePlaylistView.Toast["This playlist is already being used for quick bookmark."]')) - }, - parseInvidiousData: function () { this.title = this.data.title if (this.thumbnailCanBeShown) { @@ -194,6 +190,10 @@ export default defineComponent({ showToast(this.$t('User Playlists.SinglePlaylistView.Toast.This playlist is now used for quick bookmark')) } }, + disableQuickBookmark() { + this.updateQuickBookmarkTargetPlaylistId(null) + showToast(this.$t('User Playlists.SinglePlaylistView.Toast.Quick bookmark disabled')) + }, ...mapActions([ 'openInExternalPlayer', diff --git a/src/renderer/components/ft-list-playlist/ft-list-playlist.vue b/src/renderer/components/ft-list-playlist/ft-list-playlist.vue index 0f5bed27762b3..0198d37e34276 100644 --- a/src/renderer/components/ft-list-playlist/ft-list-playlist.vue +++ b/src/renderer/components/ft-list-playlist/ft-list-playlist.vue @@ -74,11 +74,9 @@ diff --git a/src/renderer/components/ft-list-video/ft-list-video.js b/src/renderer/components/ft-list-video/ft-list-video.js index c90e1fa9c8f75..1d914a7c81143 100644 --- a/src/renderer/components/ft-list-video/ft-list-video.js +++ b/src/renderer/components/ft-list-video/ft-list-video.js @@ -7,6 +7,7 @@ import { formatNumber, getRelativeTimeFromDate, openExternalLink, + openInternalPath, showToast, toDistractionFreeTitle, deepCopy @@ -460,7 +461,7 @@ export default defineComponent({ }) }, quickBookmarkIconText: function () { - if (!this.isQuickBookmarkEnabled) { return false } + if (!this.isQuickBookmarkEnabled) { return this.$t('User Playlists.Add to Playlist') } const translationProperties = { playlistName: this.quickBookmarkPlaylist.playlistName, @@ -766,7 +767,13 @@ export default defineComponent({ toggleQuickBookmarked() { if (!this.isQuickBookmarkEnabled) { - // This should be prevented by UI + showToast( + this.$t('Video["Quick Bookmark Disabled. Click Here To Open User Playlists Page To Enable Quick Bookmark"]'), + 5000, + () => { + this.createNewWindowInUserPlaylistsView() + }, + ) return } @@ -776,6 +783,13 @@ export default defineComponent({ this.addToQuickBookmarkPlaylist() } }, + createNewWindowInUserPlaylistsView: function () { + openInternalPath({ + path: '/userPlaylists', + query: {}, + doCreateNewWindow: true, + }) + }, addToQuickBookmarkPlaylist() { const videoData = { videoId: this.id, diff --git a/src/renderer/components/ft-list-video/ft-list-video.vue b/src/renderer/components/ft-list-video/ft-list-video.vue index 8504b3683d92b..98957568e5e75 100644 --- a/src/renderer/components/ft-list-video/ft-list-video.vue +++ b/src/renderer/components/ft-list-video/ft-list-video.vue @@ -56,7 +56,7 @@ @click="togglePlaylistPrompt" /> { + this.createNewWindowInUserPlaylistsView() + }, + ) return } @@ -361,6 +372,13 @@ export default defineComponent({ this.addToQuickBookmarkPlaylist() } }, + createNewWindowInUserPlaylistsView: function () { + openInternalPath({ + path: '/userPlaylists', + query: {}, + doCreateNewWindow: true, + }) + }, addToQuickBookmarkPlaylist() { const videoData = { videoId: this.id, diff --git a/src/renderer/components/watch-video-info/watch-video-info.vue b/src/renderer/components/watch-video-info/watch-video-info.vue index c49c3a1f65446..84bf274be8386 100644 --- a/src/renderer/components/watch-video-info/watch-video-info.vue +++ b/src/renderer/components/watch-video-info/watch-video-info.vue @@ -88,7 +88,6 @@ @click="togglePlaylistPrompt" />