mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-09 16:24:51 +00:00
Update Timeline.vue component, use formatted counts, util.emoji and increase pagination limit to 5
This commit is contained in:
parent
30f149616e
commit
abfc9fe7f8
1 changed files with 9 additions and 18 deletions
|
@ -203,19 +203,6 @@
|
||||||
|
|
||||||
<div v-if="status.id == replyId && !status.comments_disabled" class="card-footer bg-white px-2 py-0">
|
<div v-if="status.id == replyId && !status.comments_disabled" class="card-footer bg-white px-2 py-0">
|
||||||
<ul class="nav align-items-center emoji-reactions" style="overflow-x: scroll;flex-wrap: unset;">
|
<ul class="nav align-items-center emoji-reactions" style="overflow-x: scroll;flex-wrap: unset;">
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">😂</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">💯</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">❤️</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">🙌</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">👏</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">👌</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">😍</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">😯</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">😢</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">😅</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">😁</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">🙂</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)">😎</li>
|
|
||||||
<li class="nav-item" v-on:click="emojiReaction(status)" v-for="e in emoji">{{e}}</li>
|
<li class="nav-item" v-on:click="emojiReaction(status)" v-for="e in emoji">{{e}}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
@ -274,15 +261,15 @@
|
||||||
<div class="card-footer bg-transparent border-0 mt-2 py-1">
|
<div class="card-footer bg-transparent border-0 mt-2 py-1">
|
||||||
<div class="d-flex justify-content-between text-center">
|
<div class="d-flex justify-content-between text-center">
|
||||||
<span class="cursor-pointer" @click="redirect(profile.url)">
|
<span class="cursor-pointer" @click="redirect(profile.url)">
|
||||||
<p class="mb-0 font-weight-bold">{{profile.statuses_count}}</p>
|
<p class="mb-0 font-weight-bold">{{formatCount(profile.statuses_count)}}</p>
|
||||||
<p class="mb-0 small text-muted">Posts</p>
|
<p class="mb-0 small text-muted">Posts</p>
|
||||||
</span>
|
</span>
|
||||||
<span class="cursor-pointer" @click="redirect(profile.url+'?md=followers')">
|
<span class="cursor-pointer" @click="redirect(profile.url+'?md=followers')">
|
||||||
<p class="mb-0 font-weight-bold">{{profile.followers_count}}</p>
|
<p class="mb-0 font-weight-bold">{{formatCount(profile.followers_count)}}</p>
|
||||||
<p class="mb-0 small text-muted">Followers</p>
|
<p class="mb-0 small text-muted">Followers</p>
|
||||||
</span>
|
</span>
|
||||||
<span class="cursor-pointer" @click="redirect(profile.url+'?md=following')">
|
<span class="cursor-pointer" @click="redirect(profile.url+'?md=following')">
|
||||||
<p class="mb-0 font-weight-bold">{{profile.following_count}}</p>
|
<p class="mb-0 font-weight-bold">{{formatCount(profile.following_count)}}</p>
|
||||||
<p class="mb-0 small text-muted">Following</p>
|
<p class="mb-0 small text-muted">Following</p>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -502,7 +489,7 @@
|
||||||
showReadMore: true,
|
showReadMore: true,
|
||||||
replyStatus: {},
|
replyStatus: {},
|
||||||
replyText: '',
|
replyText: '',
|
||||||
emoji: ['😀','🤣','😃','😄','😆','😉','😊','😋','😘','😗','😙','😚','🤗','🤩','🤔','🤨','😐','😑','😶','🙄','😏','😣','😥','😮','🤐','😪','😫','😴','😌','😛','😜','😝','🤤','😒','😓','😔','😕','🙃','🤑','😲','🙁','😖','😞','😟','😤','😭','😦','😧','😨','😩','🤯','😬','😰','😱','😳','🤪','😵','😡','😠','🤬','😷','🤒','🤕','🤢','🤮','🤧','😇','🤠','🤡','🤥','🤫','🤭','🧐','🤓','😈','👿','👹','👺','💀','👻','👽','🤖','💩','😺','😸','😹','😻','😼','😽','🙀','😿','😾','🤲','👐','🤝','👍','👎','👊','✊','🤛','🤜','🤞','✌️','🤟','🤘','👈','👉','👆','👇','☝️','✋','🤚','🖐','🖖','👋','🤙','💪','🖕','✍️','🙏','💍','💄','💋','👄','👅','👂','👃','👣','👁','👀','🧠','🗣','👤','👥'],
|
emoji: window.App.util.emoji,
|
||||||
showHashtagPosts: false,
|
showHashtagPosts: false,
|
||||||
hashtagPosts: [],
|
hashtagPosts: [],
|
||||||
hashtagPostsName: '',
|
hashtagPostsName: '',
|
||||||
|
@ -592,7 +579,7 @@
|
||||||
axios.get(apiUrl, {
|
axios.get(apiUrl, {
|
||||||
params: {
|
params: {
|
||||||
max_id: this.max_id,
|
max_id: this.max_id,
|
||||||
limit: 4
|
limit: 5
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
let data = res.data;
|
let data = res.data;
|
||||||
|
@ -1311,6 +1298,10 @@
|
||||||
hideTips() {
|
hideTips() {
|
||||||
this.showTips = false;
|
this.showTips = false;
|
||||||
window.localStorage.setItem('metro-tips', false);
|
window.localStorage.setItem('metro-tips', false);
|
||||||
|
},
|
||||||
|
|
||||||
|
formatCount(count) {
|
||||||
|
return App.util.format.count(count);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue