mirror/pixelfed
1
0
Fork 1
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-12-23 16:24:29 +00:00
Code Issues Releases Wiki Activity

Update RemoteProfile.vue component, add warning for empty profiles and last_fetched_at

Browse source
This commit is contained in:
Daniel Supernault 2020-04-27 21:28:37 -06:00
parent 5e48ffca63
commit 66f44a9d26
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 34 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
resources/assets/js/components/RemoteProfile.vue
View file

@ -33,8 +33,7 @@
</span> </span>
</div> </div>
<p class="pl-2 h4 font-weight-bold mb-1">{{profile.display_name}}</p> <p class="pl-2 h4 font-weight-bold mb-1">{{profile.display_name}}</p>
<p class="pl-2 font-weight-bold mb-1 text-muted">{{profile.acct}}</p> <p class="pl-2 font-weight-bold mb-2 text-muted">{{profile.acct}}</p>
<p class="pl-2 text-muted small pt-3" v-html="profile.note"></p>
<p class="pl-2 text-muted small d-flex justify-content-between"> <p class="pl-2 text-muted small d-flex justify-content-between">
<span> <span>
<span class="font-weight-bold text-dark">{{profile.statuses_count}}</span> <span class="font-weight-bold text-dark">{{profile.statuses_count}}</span>
@ -49,8 +48,10 @@
<span>Followers</span> <span>Followers</span>
</span> </span>
</p> </p>
<p class="pl-2 text-muted small pt-2" v-html="profile.note"></p>
</div> </div>
</div> </div>
<p class="small text-lighter p-2">Last updated: <time :datetime="profile.last_fetched_at">{{timeAgo(profile.last_fetched_at, 'ago')}}</time></p>
</div> </div>
<div class="col-12 col-md-8 pt-5"> <div class="col-12 col-md-8 pt-5">
<div class="row"> <div class="row">
@ -110,9 +111,18 @@
</div> </div>
</div> </div>
<!-- <div class="col-12 mt-4"> <div v-if="feed.length == 0" class="col-12 mb-2">
<div class="d-flex justify-content-center align-items-center bg-white border rounded" style="height:60vh;">
<div class="text-center">
<p class="mb-0 lead">No posts found.</p>
<p class="">We haven't seen any posts from this account.</p>
</div>
</div>
</div>
<div v-else class="col-12 mt-4">
<p class="text-center mb-0 px-0"><button class="btn btn-outline-primary btn-block font-weight-bold">Load More</button></p> <p class="text-center mb-0 px-0"><button class="btn btn-outline-primary btn-block font-weight-bold">Load More</button></p>
</div> --> </div>
</div> </div>
</div> </div>
</div> </div>
@ -191,6 +201,8 @@
warning: false, warning: false,
ctxMenuStatus: false, ctxMenuStatus: false,
ctxMenuRelationship: false, ctxMenuRelationship: false,
fetchingRemotePosts: false,
showMutualFollowers: false
} }
}, },
@ -451,6 +463,24 @@
swal('Error', 'Something went wrong. Please try again later.', 'error'); swal('Error', 'Something went wrong. Please try again later.', 'error');
}); });
}, },
manuallyFetchRemotePosts($event) {
this.fetchingRemotePosts = true;
event.target.blur();
swal(
'Fetching Remote Posts',
'Check back in a few minutes!',
'info'
);
},
timeAgo(ts, suffix = false) {
if(ts == null) {
return 'never';
}
suffix = suffix ? ' ' + suffix : '';
return App.util.format.timeAgo(ts) + suffix;
},
} }
} }
</script> </script>