TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

add timestamp to link generated by watchOnYt button

Browse source
This commit is contained in:
gmnsii 2022-11-28 13:25:29 -08:00
parent e38a9b4414
commit e0290203eb
No known key found for this signature in database
GPG key ID: 13B5ECF7DDFDA0DC
2 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/WatchOnYouTubeButton.vue
View file

@ -1,7 +1,15 @@
<script>
export default {
props: {
link: String,
videoId: String,
currentTime: Number,
},
computed: {
generatedLink() {
let timestamp = parseInt(this.currentTime);
return `https://youtu.be/watch?v=${this.videoId}&t=${timestamp}`;
},
},
};
</script>
@ -9,13 +17,13 @@ export default {
<template>
<template v-if="this.getPreferenceBoolean('showWatchOnYouTube', false)">
<!-- For large screens -->
<a :href="link" class="btn lt-lg:hidden">
<a :href="generatedLink" class="btn lt-lg:hidden">
<i18n-t keypath="player.watch_on" tag="strong">
<font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
</i18n-t>
</a>
<!-- For small screens -->
<a :href="link" class="btn lg:hidden">
<a :href="generatedLink" class="btn lg:hidden">
<font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
</a>
</template>

2
src/components/WatchVideo.vue
View file

@ -108,7 +108,7 @@
>
<font-awesome-icon icon="rss" />
</a>
<WatchOnYouTubeButton :link="`https://youtu.be/${getVideoId()}`" />
<WatchOnYouTubeButton :video-id="getVideoId()" :current-time="currentTime" />
<!-- Share Dialog -->
<button class="btn" @click="showShareModal = !showShareModal">
<i18n-t class="lt-lg:hidden" keypath="actions.share" tag="strong"></i18n-t>