diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.css b/src/renderer/components/watch-video-playlist/watch-video-playlist.css index 16b10972e08b8..e36f3a4bc0657 100644 --- a/src/renderer/components/watch-video-playlist/watch-video-playlist.css +++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.css @@ -36,6 +36,8 @@ } .playlistIcon { + height: 20px; + width: 20px; font-size: 20px; padding: 10px; margin-top: -25px; diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.js b/src/renderer/components/watch-video-playlist/watch-video-playlist.js index 832b4f0cef3c8..6a854541b9e28 100644 --- a/src/renderer/components/watch-video-playlist/watch-video-playlist.js +++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.js @@ -34,6 +34,7 @@ export default defineComponent({ shuffleEnabled: false, loopEnabled: false, reversePlaylist: false, + pauseOnCurrentVideo: false, channelName: '', channelId: '', playlistTitle: '', @@ -73,7 +74,7 @@ export default defineComponent({ return !this.loopEnabled }, - videoIsLastInInPlaylistItems: function() { + videoIsLastInInPlaylistItems: function () { if (this.shuffleEnabled) { return this.videoIndexInPlaylistItems === this.randomizedPlaylistItems.length - 1 } else { @@ -111,7 +112,7 @@ export default defineComponent({ } } }, - watchViewLoading: function(newVal, oldVal) { + watchViewLoading: function (newVal, oldVal) { // This component is loaded/rendered before watch view loaded if (oldVal && !newVal) { // Scroll after watch view loaded, otherwise doesn't work @@ -120,7 +121,7 @@ export default defineComponent({ this.scrollToCurrentVideo() } }, - isLoading: function(newVal, oldVal) { + isLoading: function (newVal, oldVal) { // This component is loaded/rendered before watch view loaded if (oldVal && !newVal) { // Scroll after this component loaded, otherwise doesn't work @@ -194,6 +195,16 @@ export default defineComponent({ }, 1) }, + togglePauseOnCurrentVideo: function () { + if (this.pauseOnCurrentVideo) { + this.pauseOnCurrentVideo = false + showToast(this.$t('Playlist will not pause when current video is finished')) + } else { + this.pauseOnCurrentVideo = true + showToast(this.$t('Playlist will pause when current video is finished')) + } + }, + playNextVideo: function () { const playlistInfo = { playlistId: this.playlistId diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue index 10f71df5e25d8..c679eae6d340c 100644 --- a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue +++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue @@ -92,6 +92,17 @@ @keydown.enter.prevent="playNextVideo" @keydown.space.prevent="playNextVideo" /> +