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

Merge pull request #3020 from Bnyro/creator-replied

Browse source 
feat: show if creator replied in comments
This commit is contained in:
Bnyro 2023-10-13 09:45:43 +02:00 committed by GitHub
commit d5533101f0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/CommentItem.vue
View file

@ -30,10 +30,11 @@
</div> </div>
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
<CollapsableText :text="comment.commentText" :visible-limit="500" /> <CollapsableText :text="comment.commentText" :visible-limit="500" />
<div class="comment-footer mt-1 flex items-center"> <div class="comment-footer my-1 flex items-center gap-3">
<div class="i-fa6-solid:thumbs-up" /> <div class="i-fa6-solid:thumbs-up" />
<span class="ml-1" v-text="numberFormat(comment.likeCount)" /> <span v-text="numberFormat(comment.likeCount)" />
<font-awesome-icon v-if="comment.hearted" class="ml-1" icon="heart" /> <font-awesome-icon v-if="comment.hearted" icon="heart" />
<img v-if="comment.creatorReplied" :src="uploaderAvatarUrl" class="w-5 h-5 rounded-full" />
</div> </div>
<template v-if="comment.repliesPage && (!loadingReplies || !showingReplies)"> <template v-if="comment.repliesPage && (!loadingReplies || !showingReplies)">
<div class="cursor-pointer" @click="loadReplies"> <div class="cursor-pointer" @click="loadReplies">
@ -73,6 +74,7 @@ export default {
}, },
}, },
uploader: { type: String, default: null }, uploader: { type: String, default: null },
uploaderAvatarUrl: { type: String, default: null },
videoId: { type: String, default: null }, videoId: { type: String, default: null },
}, },
data() { data() {
@ -85,6 +87,7 @@ export default {
}, },
methods: { methods: {
async loadReplies() { async loadReplies() {
console.log(this.uploaderAvatarUrl);
if (!this.showingReplies && this.loadingReplies) { if (!this.showingReplies && this.loadingReplies) {
this.showingReplies = true; this.showingReplies = true;
return; return;

1
src/components/WatchVideo.vue
View file

@ -241,6 +241,7 @@
:key="comment.commentId" :key="comment.commentId"
:comment="comment" :comment="comment"
:uploader="video.uploader" :uploader="video.uploader"
:uploader-avatar-url="video.uploaderAvatar"
:video-id="getVideoId()" :video-id="getVideoId()"
/> />
</div> </div>