Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-11-10 10:18:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make timestamps in comments seek instead of reload

Browse Source
This commit is contained in:
Tyrritt 2023-01-18 16:56:21 +01:00
parent 86e9bd069e
commit 95a0e4cbc8
2 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/CommentItem.vue
View File

@ -71,6 +71,7 @@ export default {
uploader: { type: String, default: null },
videoId: { type: String, default: null },
},
emits: ["seek"],
data() {
return {
loadingReplies: false,
@ -79,6 +80,21 @@ export default {
nextpage: null,
};
},
mounted() {
const thisComment = this;
this.$el.querySelectorAll("a").forEach(elem => {
if (elem.innerText.match(/(?:[\d]{1,2}:)?(?:[\d]{1,2}):(?:[\d]{1,2})/)) {
elem.addEventListener("click", function (event) {
if (!event || !event.target) return;
if (!event.target.getAttribute("href").match(/(?<=t=)\d{1,}/)) return;
const time = parseInt(event.target.getAttribute("href").match(/(?<=t=)\d{1,}/)[0]);
thisComment.$emit("seek", time);
event.preventDefault();
});
}
});
},
methods: {
async loadReplies() {
if (!this.showingReplies && this.loadingReplies) {

1
src/components/WatchVideo.vue
View File

@ -186,6 +186,7 @@
:comment="comment"
:uploader="video.uploader"
:video-id="getVideoId()"
@seek="navigate"
/>
</div>