Jelajahi Sumber

Update Timeline.vue component, use formatted counts, util.emoji and increase pagination limit to 5

Daniel Supernault 5 tahun lalu
induk
melakukan
abfc9fe7f8
1 mengubah file dengan 9 tambahan dan 18 penghapusan
  1. 9 18
      resources/assets/js/components/Timeline.vue

+ 9 - 18
resources/assets/js/components/Timeline.vue

@@ -203,19 +203,6 @@
 
 						<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;">
-								<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>
 							</ul>
 						</div>
@@ -274,15 +261,15 @@
 						<div class="card-footer bg-transparent border-0 mt-2 py-1">
 							<div class="d-flex justify-content-between text-center">
 								<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>
 								</span>
 								<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>
 								</span>
 								<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>
 								</span>
 							</div>
@@ -502,7 +489,7 @@
 				showReadMore: true,
 				replyStatus: {},
 				replyText: '',
-				emoji: ['๐Ÿ˜€','๐Ÿคฃ','๐Ÿ˜ƒ','๐Ÿ˜„','๐Ÿ˜†','๐Ÿ˜‰','๐Ÿ˜Š','๐Ÿ˜‹','๐Ÿ˜˜','๐Ÿ˜—','๐Ÿ˜™','๐Ÿ˜š','๐Ÿค—','๐Ÿคฉ','๐Ÿค”','๐Ÿคจ','๐Ÿ˜','๐Ÿ˜‘','๐Ÿ˜ถ','๐Ÿ™„','๐Ÿ˜','๐Ÿ˜ฃ','๐Ÿ˜ฅ','๐Ÿ˜ฎ','๐Ÿค','๐Ÿ˜ช','๐Ÿ˜ซ','๐Ÿ˜ด','๐Ÿ˜Œ','๐Ÿ˜›','๐Ÿ˜œ','๐Ÿ˜','๐Ÿคค','๐Ÿ˜’','๐Ÿ˜“','๐Ÿ˜”','๐Ÿ˜•','๐Ÿ™ƒ','๐Ÿค‘','๐Ÿ˜ฒ','๐Ÿ™','๐Ÿ˜–','๐Ÿ˜ž','๐Ÿ˜Ÿ','๐Ÿ˜ค','๐Ÿ˜ญ','๐Ÿ˜ฆ','๐Ÿ˜ง','๐Ÿ˜จ','๐Ÿ˜ฉ','๐Ÿคฏ','๐Ÿ˜ฌ','๐Ÿ˜ฐ','๐Ÿ˜ฑ','๐Ÿ˜ณ','๐Ÿคช','๐Ÿ˜ต','๐Ÿ˜ก','๐Ÿ˜ ','๐Ÿคฌ','๐Ÿ˜ท','๐Ÿค’','๐Ÿค•','๐Ÿคข','๐Ÿคฎ','๐Ÿคง','๐Ÿ˜‡','๐Ÿค ','๐Ÿคก','๐Ÿคฅ','๐Ÿคซ','๐Ÿคญ','๐Ÿง','๐Ÿค“','๐Ÿ˜ˆ','๐Ÿ‘ฟ','๐Ÿ‘น','๐Ÿ‘บ','๐Ÿ’€','๐Ÿ‘ป','๐Ÿ‘ฝ','๐Ÿค–','๐Ÿ’ฉ','๐Ÿ˜บ','๐Ÿ˜ธ','๐Ÿ˜น','๐Ÿ˜ป','๐Ÿ˜ผ','๐Ÿ˜ฝ','๐Ÿ™€','๐Ÿ˜ฟ','๐Ÿ˜พ','๐Ÿคฒ','๐Ÿ‘','๐Ÿค','๐Ÿ‘','๐Ÿ‘Ž','๐Ÿ‘Š','โœŠ','๐Ÿค›','๐Ÿคœ','๐Ÿคž','โœŒ๏ธ','๐ŸคŸ','๐Ÿค˜','๐Ÿ‘ˆ','๐Ÿ‘‰','๐Ÿ‘†','๐Ÿ‘‡','โ˜๏ธ','โœ‹','๐Ÿคš','๐Ÿ–','๐Ÿ––','๐Ÿ‘‹','๐Ÿค™','๐Ÿ’ช','๐Ÿ–•','โœ๏ธ','๐Ÿ™','๐Ÿ’','๐Ÿ’„','๐Ÿ’‹','๐Ÿ‘„','๐Ÿ‘…','๐Ÿ‘‚','๐Ÿ‘ƒ','๐Ÿ‘ฃ','๐Ÿ‘','๐Ÿ‘€','๐Ÿง ','๐Ÿ—ฃ','๐Ÿ‘ค','๐Ÿ‘ฅ'],
+				emoji: window.App.util.emoji,
 				showHashtagPosts: false,
 				hashtagPosts: [],
 				hashtagPostsName: '',
@@ -592,7 +579,7 @@
 				axios.get(apiUrl, {
 					params: {
 						max_id: this.max_id,
-						limit: 4
+						limit: 5
 					}
 				}).then(res => {
 					let data = res.data;
@@ -1311,6 +1298,10 @@
 			hideTips() {
 				this.showTips = false;
 				window.localStorage.setItem('metro-tips', false);
+			},
+
+			formatCount(count) {
+				return App.util.format.count(count);
 			}
 
 		}