UA-Fediland/pixelfed
2
0
Fork 0
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-11-22 14:31:26 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update Profile.vue component, use formatted counts

Browse source
This commit is contained in:
Daniel Supernault 2019-10-14 23:48:42 -06:00
parent 35d51215a6
commit 30f149616e
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
resources/assets/js/components/Profile.vue
View file

@ -43,7 +43,7 @@
<li class="nav-item"> <li class="nav-item">
<div class="font-weight-light"> <div class="font-weight-light">
<span class="text-dark text-center"> <span class="text-dark text-center">
<p class="font-weight-bold mb-0">{{profile.statuses_count}}</p> <p class="font-weight-bold mb-0">{{formatCount(profile.statuses_count)}}</p>
<p class="text-muted mb-0 small">Posts</p> <p class="text-muted mb-0 small">Posts</p>
</span> </span>
</div> </div>
@ -51,7 +51,7 @@
<li class="nav-item"> <li class="nav-item">
<div v-if="profileSettings.followers.count" class="font-weight-light"> <div v-if="profileSettings.followers.count" class="font-weight-light">
<a class="text-dark cursor-pointer text-center" v-on:click="followersModal()"> <a class="text-dark cursor-pointer text-center" v-on:click="followersModal()">
<p class="font-weight-bold mb-0">{{profile.followers_count}}</p> <p class="font-weight-bold mb-0">{{formatCount(profile.followers_count)}}</p>
<p class="text-muted mb-0 small">Followers</p> <p class="text-muted mb-0 small">Followers</p>
</a> </a>
</div> </div>
@ -59,7 +59,7 @@
<li class="nav-item"> <li class="nav-item">
<div v-if="profileSettings.following.count" class="font-weight-light"> <div v-if="profileSettings.following.count" class="font-weight-light">
<a class="text-dark cursor-pointer text-center" v-on:click="followingModal()"> <a class="text-dark cursor-pointer text-center" v-on:click="followingModal()">
<p class="font-weight-bold mb-0">{{profile.following_count}}</p> <p class="font-weight-bold mb-0">{{formatCount(profile.following_count)}}</p>
<p class="text-muted mb-0 small">Following</p> <p class="text-muted mb-0 small">Following</p>
</a> </a>
</div> </div>
@ -109,19 +109,19 @@
<div class="d-none d-md-inline-flex profile-stats pb-3"> <div class="d-none d-md-inline-flex profile-stats pb-3">
<div class="font-weight-light pr-5"> <div class="font-weight-light pr-5">
<span class="text-dark"> <span class="text-dark">
<span class="font-weight-bold">{{profile.statuses_count}}</span> <span class="font-weight-bold">{{formatCount(profile.statuses_count)}}</span>
Posts Posts
</span> </span>
</div> </div>
<div v-if="profileSettings.followers.count" class="font-weight-light pr-5"> <div v-if="profileSettings.followers.count" class="font-weight-light pr-5">
<a class="text-dark cursor-pointer" v-on:click="followersModal()"> <a class="text-dark cursor-pointer" v-on:click="followersModal()">
<span class="font-weight-bold">{{profile.followers_count}}</span> <span class="font-weight-bold">{{formatCount(profile.followers_count)}}</span>
Followers Followers
</a> </a>
</div> </div>
<div v-if="profileSettings.following.count" class="font-weight-light"> <div v-if="profileSettings.following.count" class="font-weight-light">
<a class="text-dark cursor-pointer" v-on:click="followingModal()"> <a class="text-dark cursor-pointer" v-on:click="followingModal()">
<span class="font-weight-bold">{{profile.following_count}}</span> <span class="font-weight-bold">{{formatCount(profile.following_count)}}</span>
Following Following
</a> </a>
</div> </div>
@ -304,15 +304,15 @@
<div v-if="profile.note" class="text-center text-muted p-3" v-html="profile.note"></div> <div v-if="profile.note" class="text-center text-muted p-3" v-html="profile.note"></div>
<div class="pb-3 text-muted text-center"> <div class="pb-3 text-muted text-center">
<a class="text-lighter" :href="profile.url"> <a class="text-lighter" :href="profile.url">
<span class="font-weight-bold">{{profile.statuses_count}}</span> <span class="font-weight-bold">{{formatCount(profile.statuses_count)}}</span>
Posts Posts
</a> </a>
<a v-if="profileSettings.followers.count" class="text-lighter cursor-pointer px-3" v-on:click="followersModal()"> <a v-if="profileSettings.followers.count" class="text-lighter cursor-pointer px-3" v-on:click="followersModal()">
<span class="font-weight-bold">{{profile.followers_count}}</span> <span class="font-weight-bold">{{formatCount(profile.followers_count)}}</span>
Followers Followers
</a> </a>
<a v-if="profileSettings.following.count" class="text-lighter cursor-pointer" v-on:click="followingModal()"> <a v-if="profileSettings.following.count" class="text-lighter cursor-pointer" v-on:click="followingModal()">
<span class="font-weight-bold">{{profile.following_count}}</span> <span class="font-weight-bold">{{formatCount(profile.following_count)}}</span>
Following Following
</a> </a>
</div> </div>
@ -1076,6 +1076,10 @@
copyProfileLink() { copyProfileLink() {
navigator.clipboard.writeText(window.location.href); navigator.clipboard.writeText(window.location.href);
this.$refs.visitorContextMenu.hide(); this.$refs.visitorContextMenu.hide();
},
formatCount(count) {
return App.util.format.count(count);
} }
} }
} }