UA-Fediland/pixelfed
2
0
Fork 0
mirror of https://github.com/pixelfed/pixelfed.git synced 2025-01-11 14:40:46 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update PostComponent.vue

Browse source
This commit is contained in:
Daniel Supernault 2018-11-19 19:45:27 -07:00
parent dfc71913f1
commit 1a3c929256
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 68 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
resources/assets/js/components/PostComponent.vue
View file

@ -124,15 +124,29 @@
</div> </div>
</a> </a>
<div class="float-right"> <div class="float-right">
<!-- <div class="dropdown"> <div class="post-actions d-none">
<div class="dropdown">
<button class="btn btn-link text-dark no-caret dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Post options"> <button class="btn btn-link text-dark no-caret dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Post options">
<span class="fas fa-ellipsis-v text-muted"></span> <span class="fas fa-ellipsis-v text-muted"></span>
</button> </button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton"> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item font-weight-bold" href="#">View Exif</a> <a class="dropdown-item font-weight-bold" :href="reportUrl()">Report</a>
<a class="dropdown-item font-weight-bold" href="{{$status->reportUrl()}}">Report</a> <div class="dropdown-divider"></div>
<form method="post" action="/i/mute">
<input type="hidden" name="_token" value="">
<input type="hidden" name="type" value="user">
<input type="hidden" name="item" value="">
<button type="submit" class="dropdown-item btn btn-link font-weight-bold">Mute this user</button>
</form>
<form method="post" action="/i/block">
<input type="hidden" name="_token" value="">
<input type="hidden" name="type" value="user">
<input type="hidden" name="item" value="">
<button type="submit" class="dropdown-item btn btn-link font-weight-bold">Block this user</button>
</form>
</div>
</div> </div>
</div> --> </div>
</div> </div>
</div> </div>
<div class="col-12 col-md-8 status-photo px-0"> <div class="col-12 col-md-8 status-photo px-0">
@ -155,13 +169,27 @@
</div> </div>
</a> </a>
<div class="float-right"> <div class="float-right">
<div class="post-actions d-none">
<div class="dropdown"> <div class="dropdown">
<button class="btn btn-link text-dark no-caret dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Post options"> <button class="btn btn-link text-dark no-caret dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Post options">
<span class="fas fa-ellipsis-v text-muted"></span> <span class="fas fa-ellipsis-v text-muted"></span>
</button> </button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton"> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item font-weight-bold show-exif">Show Exif</a> <a class="dropdown-item font-weight-bold" :href="reportUrl()">Report</a>
<a class="dropdown-item font-weight-bold" href="#">Report</a> <div class="dropdown-divider"></div>
<form method="post" action="/i/mute">
<input type="hidden" name="_token" value="">
<input type="hidden" name="type" value="user">
<input type="hidden" name="item" value="">
<button type="submit" class="dropdown-item btn btn-link font-weight-bold">Mute this user</button>
</form>
<form method="post" action="/i/block">
<input type="hidden" name="_token" value="">
<input type="hidden" name="type" value="user">
<input type="hidden" name="item" value="">
<button type="submit" class="dropdown-item btn btn-link font-weight-bold">Block this user</button>
</form>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -215,7 +243,10 @@
</div> </div>
</div> </div>
<div class="card-footer bg-white sticky-md-bottom"> <div class="card-footer bg-white sticky-md-bottom">
<form class="comment-form" method="post" action="/i/comment" :data-id="statusId" data-truncate="false"> <div class="comment-form-guest">
<a href="/login">Login</a> to like or comment.
</div>
<form class="comment-form d-none" method="post" action="/i/comment" :data-id="statusId" data-truncate="false">
<input type="hidden" name="_token" value=""> <input type="hidden" name="_token" value="">
<input type="hidden" name="item" :value="statusId"> <input type="hidden" name="item" :value="statusId">
@ -290,7 +321,8 @@ export default {
data() { data() {
return { return {
status: {}, status: {},
media: {} media: {},
user: {}
} }
}, },
mounted() { mounted() {
@ -301,8 +333,28 @@ export default {
}); });
this.fetchData(); this.fetchData();
pixelfed.hydrateLikes(); pixelfed.hydrateLikes();
this.authCheck();
}, },
methods: { methods: {
authCheck() {
let authed = $('body').hasClass('loggedIn');
if(authed == true) {
$('.comment-form-guest').addClass('d-none');
$('.comment-form').removeClass('d-none');
}
},
showMuteBlock() {
let sid = this.status.account.id;
console.log('sid :' + sid);
let uid = this.user.id;
console.log('uid :' + uid);
if(sid != uid) {
$('.post-actions').removeClass('d-none');
}
},
reportUrl() {
return '/i/report?type=post&id=' + this.status.id;
},
timestampFormat() { timestampFormat() {
let ts = new Date(this.status.created_at); let ts = new Date(this.status.created_at);
return ts.toDateString(); return ts.toDateString();
@ -313,8 +365,10 @@ export default {
.then(response => { .then(response => {
let self = this; let self = this;
self.status = response.data.status; self.status = response.data.status;
self.user = response.data.user;
self.media = self.status.media_attachments; self.media = self.status.media_attachments;
this.buildPresenter(); this.buildPresenter();
this.showMuteBlock();
}).catch(error => { }).catch(error => {
if(!error.response) { if(!error.response) {
$('.postPresenterLoader .lds-ring').attr('style','width:100%').addClass('pt-4 font-weight-bold text-muted').text('An error occured, cannot fetch media. Please try again later.'); $('.postPresenterLoader .lds-ring').attr('style','width:100%').addClass('pt-4 font-weight-bold text-muted').text('An error occured, cannot fetch media. Please try again later.');
@ -339,6 +393,11 @@ export default {
let status = this.status; let status = this.status;
let media = this.media; let media = this.media;
$('input[name="item"]').each(function(k, v) {
let el = $(v);
el.val(status.account.id);
});
$('.status-comment .comment-text').html(status.content); $('.status-comment .comment-text').html(status.content);
if(container.children().length != 0) { if(container.children().length != 0) {