add support for playlists

This commit is contained in:
gmnsii 2022-11-28 15:55:19 -08:00
parent a34650c9e9
commit 47f53bb238
No known key found for this signature in database
GPG key ID: 13B5ECF7DDFDA0DC
2 changed files with 15 additions and 3 deletions

View file

@ -3,12 +3,19 @@ export default {
props: {
videoId: String,
currentTime: Number,
playlistId: String,
playlistIndex: String,
},
computed: {
generatedLink() {
let timestamp = parseInt(this.currentTime);
return `https://youtu.be/watch?v=${this.videoId}&t=${timestamp}`;
let url = `https://youtu.be/watch?v=${this.videoId}`;
if (this.playlistId != undefined) {
// If this.playlistId is defined then this.playlistIndex is too.
url += `&list=${this.playlistId}&index=${this.playlistIndex}`;
}
url += `&t=${parseInt(this.currentTime)}`;
return url;
},
},
};

View file

@ -108,7 +108,12 @@
>
<font-awesome-icon icon="rss" />
</a>
<WatchOnYouTubeButton :video-id="getVideoId()" :current-time="currentTime" />
<WatchOnYouTubeButton
:video-id="getVideoId()"
:current-time="currentTime"
:playlist-id="playlistId"
:playlist-index="index"
/>
<!-- Share Dialog -->
<button class="btn" @click="showShareModal = !showShareModal">
<i18n-t class="lt-lg:hidden" keypath="actions.share" tag="strong"></i18n-t>