From 11c8d05e7d83dbde01d6632255120696773a32b5 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sat, 21 Jan 2017 17:25:12 +0900
Subject: :v:

---
 src/web/app/desktop/tags/settings.tag     | 24 +++++++++++++++++++++---
 src/web/app/desktop/tags/user-profile.tag |  2 +-
 2 files changed, 22 insertions(+), 4 deletions(-)

(limited to 'src/web')

diff --git a/src/web/app/desktop/tags/settings.tag b/src/web/app/desktop/tags/settings.tag
index 0ef658ce47..0e0ebe7693 100644
--- a/src/web/app/desktop/tags/settings.tag
+++ b/src/web/app/desktop/tags/settings.tag
@@ -65,9 +65,14 @@
 
 		<section class="twitter" show={ page == 'twitter' }>
 			<h1>Twitter</h1>
-			<p>お使いのTwitterアカウントをお使いのMisskeyアカウントに接続しておくと、プロフィールでTwitterアカウント情報が表示されるようになったり、Twitterを用いた便利なサインインを利用できるようになります。</p>
-			<p if={ I.twitter }>アカウントは次のTwitterアカウントに接続されています: <strong>@{ I.twitter.screenName }</strong></p>
-			<a href={ CONFIG.api.url + '/connect/twitter' } target='_blank'>{ I.twitter ? '再接続する' : 'Twitterと接続する' }</a>
+			<p>お使いのTwitterアカウントをお使いのMisskeyアカウントに接続しておくと、プロフィールでTwitterアカウント情報が表示されるようになったり、Twitterを用いた便利なサインインを利用できるようになります。<a href={ CONFIG.urls.about + '/link-to-twitter' } target="_blank">詳細...</a></p>
+			<p class="account" if={ I.twitter } title={ 'Twitter ID: ' + I.twitter.user_id }>次のTwitterアカウントに接続されています: <a href={ 'https://twitter.com/' + I.twitter.screen_name } target="_blank">@{ I.twitter.screen_name }</a></p>
+			<p>
+				<a href={ CONFIG.api.url + '/connect/twitter' } target="_blank">{ I.twitter ? '再接続する' : 'Twitterと接続する' }</a>
+				<span if={ I.twitter }> or </span>
+				<a href={ CONFIG.api.url + '/disconnect/twitter' } target="_blank" if={ I.twitter }>切断する</a>
+			</p>
+			<p class="id" if={ I.twitter }>Twitter ID: { I.twitter.user_id }</p>
 		</section>
 
 		<section class="signin" show={ page == 'signin' }>
@@ -206,6 +211,19 @@
 									float left
 									margin-left 8px
 
+					&.twitter
+						.account
+							border solid 1px #e1e8ed
+							border-radius 4px
+							padding 16px
+
+							a
+								font-weight bold
+								color inherit
+
+						.id
+							color #8899a6
+
 					&.api
 						code
 							padding 4px
diff --git a/src/web/app/desktop/tags/user-profile.tag b/src/web/app/desktop/tags/user-profile.tag
index ca131b2222..12101ed633 100644
--- a/src/web/app/desktop/tags/user-profile.tag
+++ b/src/web/app/desktop/tags/user-profile.tag
@@ -8,7 +8,7 @@
 		<p><i class="fa fa-birthday-cake"></i>{ user.birthday.replace('-', '年').replace('-', '月') + '日' }</p>
 	</div>
 	<div class="twitter" if={ user.twitter }>
-		<p><i class="fa fa-twitter"></i><a href={ 'https://twitter.com/' + user.twitter.screenName } target='_blank'>@{ user.twitter.screenName }</a></p>
+		<p><i class="fa fa-twitter"></i><a href={ 'https://twitter.com/' + user.twitter.screen_name } target="_blank">@{ user.twitter.screen_name }</a></p>
 	</div>
 	<div class="friends">
 		<p class="following"><i class="fa fa-angle-right"></i><a onclick={ showFollowing }>{ user.following_count }</a>人を<b>フォロー</b></p>
-- 
cgit v1.2.3-freya