UA-Fediland/pixelfed
2
0
Fork 0
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-12-24 14:03:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update PostComments.vue

Browse source
This commit is contained in:
Daniel Supernault 2018-11-13 12:46:38 -07:00
parent 5da0ac3f4f
commit ef88e08e87
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 20 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
resources/assets/js/components/PostComments.vue
View file

@ -18,22 +18,24 @@
<div class="postCommentsContainer d-none"> <div class="postCommentsContainer d-none">
<p class="mb-1 text-center load-more-link"><a href="#" class="text-muted" v-on:click="loadMore">Load more comments</a></p> <p class="mb-1 text-center load-more-link"><a href="#" class="text-muted" v-on:click="loadMore">Load more comments</a></p>
<div class="comments" data-min-id="0" data-max-id="0"> <div class="comments" data-min-id="0" data-max-id="0">
<p class="mb-0 d-flex justify-content-between align-items-center" v-for="(comment, index) in results" :data-id="comment.id" v-bind:key="comment.id"> <p class="mb-0 read-more" v-for="(comment, index) in results" :data-id="comment.id" v-bind:key="comment.id" style="overflow: hidden;">
<span class="pr-3"> <span class="d-flex justify-content-between align-items-center ">
<span class="font-weight-bold pr-1"><bdi><a class="text-dark" :href="comment.account.url" :title="comment.account.username">{{l(comment.account.username)}}</a></bdi></span> <span class="pr-3">
<span class="comment-text" v-html="comment.content"></span> <span class="font-weight-bold pr-1"><bdi><a class="text-dark" :href="comment.account.url" :title="comment.account.username">{{l(comment.account.username)}}</a></bdi></span>
<span class="comment-text" v-html="comment.content" style="overflow: hidden;"></span>
</span>
<b-dropdown :id="comment.uri" variant="link" no-caret class="float-right">
<template slot="button-content">
<i class="fas fa-ellipsis-v text-muted"></i><span class="sr-only">Options</span>
</template>
<b-dropdown-item class="font-weight-bold" v-on:click="reply(comment)">Reply</b-dropdown-item>
<b-dropdown-item class="font-weight-bold" :href="comment.url">Permalink</b-dropdown-item>
<b-dropdown-item class="font-weight-bold" v-on:click="embed(comment)">Embed</b-dropdown-item>
<b-dropdown-item class="font-weight-bold" :href="comment.account.url">Profile</b-dropdown-item>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item class="font-weight-bold" :href="'/i/report?type=post&id='+comment.id">Report</b-dropdown-item>
</b-dropdown>
</span> </span>
<b-dropdown :id="comment.uri" variant="link" no-caret class="float-right">
<template slot="button-content">
<i class="fas fa-ellipsis-v text-muted"></i><span class="sr-only">Options</span>
</template>
<b-dropdown-item class="font-weight-bold" v-on:click="reply(comment)">Reply</b-dropdown-item>
<b-dropdown-item class="font-weight-bold" :href="comment.url">Permalink</b-dropdown-item>
<b-dropdown-item class="font-weight-bold" v-on:click="embed(comment)">Embed</b-dropdown-item>
<b-dropdown-item class="font-weight-bold" :href="comment.account.url">Profile</b-dropdown-item>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item class="font-weight-bold" :href="'/i/report?type=post&id='+comment.id">Report</b-dropdown-item>
</b-dropdown>
</p> </p>
</div> </div>
</div> </div>
@ -55,6 +57,9 @@ export default {
mounted() { mounted() {
this.fetchData(); this.fetchData();
}, },
updated() {
pixelfed.readmore();
},
methods: { methods: {
embed(e) { embed(e) {
pixelfed.embed.build(e); pixelfed.embed.build(e);
@ -111,7 +116,6 @@ export default {
$('.load-more-link').addClass('d-none'); $('.load-more-link').addClass('d-none');
return; return;
} }
$('.postCommentsContainer').addClass('d-none');
$('.postCommentsLoader').removeClass('d-none'); $('.postCommentsLoader').removeClass('d-none');
let next = this.pagination.links.next; let next = this.pagination.links.next;
axios.get(next) axios.get(next)
@ -122,7 +126,6 @@ export default {
for(let i=0; i < res.length; i++) { for(let i=0; i < res.length; i++) {
this.results.unshift(res[i]); this.results.unshift(res[i]);
} }
$('.postCommentsContainer').removeClass('d-none');
this.pagination = response.data.meta.pagination; this.pagination = response.data.meta.pagination;
}); });
} }