#768とか

locales/en.yml

@@ -488,14 +488,16 @@ mobile:
       follows-you: "Follows you"
       following: "Following"
       followers: "Followers"
+      posts: "Posts"
       overview: "Overview"
-      posts: "Timeline"
+      timeline: "Timeline"
       media: "Media"
 
     mk-user-overview:
       recent-posts: "Recent posts"
       images: "Images"
       activity: "Activity"
+      keywords: "Keywords"
       followers-you-know: "Followers you know"
       last-used-at: "Latest used at"
 

locales/ja.yml

@@ -488,15 +488,16 @@ mobile:
       follows-you: "フォローされています"
       following: "フォロー"
       followers: "フォロワー"
+      posts: "投稿"
       overview: "概要"
-      posts: "タイムライン"
-      posts-count: "ポスト"
+      timeline: "タイムライン"
       media: "メディア"
 
     mk-user-overview:
       recent-posts: "最近の投稿"
       images: "画像"
       activity: "アクティビティ"
+      keywords: "キーワード"
       followers-you-know: "知り合いのフォロワー"
       last-used-at: "最終ログイン"
 

src/web/app/mobile/tags/user.tag

@@ -26,7 +26,7 @@
 				<div class="status">
 				  <a>
 				    <b>{ user.posts_count }</b>
-						<i>%i18n:mobile.tags.mk-user.posts-count%</i>
+						<i>%i18n:mobile.tags.mk-user.posts%</i>
 					</a>
 					<a href="{ user.username }/following">
 						<b>{ user.following_count }</b>
@@ -40,7 +40,7 @@
 			</div>
 			<nav>
 				<a data-is-active={ page == 'overview' } onclick={ go.bind(null, 'overview') }>%i18n:mobile.tags.mk-user.overview%</a>
-				<a data-is-active={ page == 'posts' } onclick={ go.bind(null, 'posts') }>%i18n:mobile.tags.mk-user.posts%</a>
+				<a data-is-active={ page == 'posts' } onclick={ go.bind(null, 'posts') }>%i18n:mobile.tags.mk-user.timeline%</a>
 				<a data-is-active={ page == 'media' } onclick={ go.bind(null, 'media') }>%i18n:mobile.tags.mk-user.media%</a>
 			</nav>
 		</header>
@@ -143,7 +143,7 @@
 							> a
 								color #657786
 
-								&:first-child
+								&:not(:last-child)
 									margin-right 16px
 
 								> b
@@ -234,6 +234,12 @@
 			<mk-user-overview-activity-chart user={ user }/>
 		</div>
 	</section>
+	<section class="keywords">
+		<h2><i class="fa fa-comment-o"></i>%i18n:mobile.tags.mk-user-overview.keywords%</h2>
+		<div>
+			<mk-user-overview-keywords user={ user }/>
+		</div>
+	</section>
 	<section class="followers-you-know" if={ SIGNIN && I.id !== user.id }>
 		<h2><i class="fa fa-users"></i>%i18n:mobile.tags.mk-user-overview.followers-you-know%</h2>
 		<div>
@@ -539,6 +545,41 @@
 	</script>
 </mk-user-overview-activity-chart>
 
+
+<mk-user-overview-keywords>
+	<div if={ user.keywords != null && user.keywords.length > 1 }>
+		<virtual each={ keyword in user.keywords }>
+			<a>{ keyword }</a>
+		</virtual>
+	</div>
+	<p class="empty" if={ !initializing && users.length == 0 }>%i18n:mobile.tags.mk-user-overview-followers-you-know.no-users%</p>
+	<style>
+		:scope
+			display block
+
+			> div
+				padding 4px
+
+				> a
+					display inline-block
+					margin 4px
+					color #555
+
+			> .empty
+				margin 0
+				padding 16px
+				text-align center
+				color #aaa
+
+				> i
+					margin-right 4px
+
+	</style>
+	<script>
+		this.user = this.opts.user;
+	</script>
+</mk-user-overview-keywords>
+
 <mk-user-overview-followers-you-know>
 	<p class="initializing" if={ initializing }><i class="fa fa-spinner fa-pulse fa-fw"></i>%i18n:mobile.tags.mk-user-overview-followers-you-know.loading%<mk-ellipsis/></p>
 	<div if={ !initializing && users.length > 0 }>