nanka iroiro

7 files changed, 61 insertions, 0 deletions

diff --git a/src/web/app/common/tags/authorized-apps.tag b/src/web/app/common/tags/authorized-apps.tag
new file mode 100644
index 0000000000..aedfc78fd9
--- /dev/null
+++ b/src/web/app/common/tags/authorized-apps.tag
@@ -0,0 +1,34 @@
+<mk-authorized-apps>
+	<p class="none" if={ apps.length == 0 }>連携しているアプリケーションはありません。</p>
+	<div class="apps" if={ apps.length != 0 }>
+		<div each={ apps }>
+			<p><b>{ app.name }</b></p>
+			<p>{ app.description }</p>
+		</div>
+	</div>
+	<style type="stylus">
+		:scope
+			display block
+
+			> .apps
+				> div
+					padding 16px 0 0 0
+					border-bottom solid 1px #eee
+
+	</style>
+	<script>
+		@mixin \api
+
+		@apps = []
+		@fetching = true
+
+		@on \mount ~>
+			@api \i/authorized_apps
+			.then (apps) ~>
+				@apps = apps
+				@fetching = false
+				@update!
+			.catch (err) ~>
+				console.error err
+	</script>
+</mk-authorized-apps>
diff --git a/src/web/app/common/tags/index.js b/src/web/app/common/tags/index.js
index a27dc11987..ef61d51ba4 100644
--- a/src/web/app/common/tags/index.js
+++ b/src/web/app/common/tags/index.js
@@ -17,3 +17,4 @@ require('./copyright.tag');
 require('./signin-history.tag');
 require('./api-info.tag');
 require('./twitter-setting.tag');
+require('./authorized-apps.tag');
diff --git a/src/web/app/desktop/tags/settings.tag b/src/web/app/desktop/tags/settings.tag
index f446440dc8..3f8f759b47 100644
--- a/src/web/app/desktop/tags/settings.tag
+++ b/src/web/app/desktop/tags/settings.tag
@@ -63,6 +63,11 @@
 			</label>
 		</section>
 
+		<section class="apps" show={ page == 'apps' }>
+			<h1>アプリケーション</h1>
+			<mk-authorized-apps></mk-authorized-apps>
+		</section>
+
 		<section class="twitter" show={ page == 'twitter' }>
 			<h1>Twitter</h1>
 			<mk-twitter-setting></mk-twitter-setting>
diff --git a/src/web/app/mobile/router.ls b/src/web/app/mobile/router.ls
index 500f19e9a8..ae68f2177f 100644
--- a/src/web/app/mobile/router.ls
+++ b/src/web/app/mobile/router.ls
@@ -19,6 +19,7 @@ module.exports = (me) ~>
 	route \/i/settings/signin-history settings-signin
 	route \/i/settings/api settings-api
 	route \/i/settings/twitter settings-twitter
+	route \/i/settings/authorized-apps settings-authorized-apps
 	route \/post/new new-post
 	route \/post::post post
 	route \/search::query search
@@ -61,6 +62,8 @@ module.exports = (me) ~>
 		mount document.create-element \mk-api-info-page
 	function settings-twitter
 		mount document.create-element \mk-twitter-setting-page
+	function settings-authorized-apps
+		mount document.create-element \mk-authorized-apps-page
 
 	# 検索
 	function search ctx
diff --git a/src/web/app/mobile/tags/index.js b/src/web/app/mobile/tags/index.js
index eb0f10cf7b..a4374d4e16 100644
--- a/src/web/app/mobile/tags/index.js
+++ b/src/web/app/mobile/tags/index.js
@@ -17,6 +17,7 @@ require('./page/search.tag');
 require('./page/settings.tag');
 require('./page/settings/signin.tag');
 require('./page/settings/api.tag');
+require('./page/settings/authorized-apps.tag');
 require('./page/settings/twitter.tag');
 require('./home.tag');
 require('./home-timeline.tag');
diff --git a/src/web/app/mobile/tags/page/settings.tag b/src/web/app/mobile/tags/page/settings.tag
index 77bf36dbbd..18f03b3034 100644
--- a/src/web/app/mobile/tags/page/settings.tag
+++ b/src/web/app/mobile/tags/page/settings.tag
@@ -2,6 +2,7 @@
 	<mk-ui ref="ui">
 		<ul>
 			<li><a><i class="fa fa-user"></i>プロフィール</a></li>
+			<li><a href="./settings/authorized-apps"><i class="fa fa-puzzle-piece"></i>アプリケーション</a></li>
 			<li><a href="./settings/twitter"><i class="fa fa-twitter"></i>Twitter連携</a></li>
 			<li><a href="./settings/signin-history"><i class="fa fa-sign-in"></i>ログイン履歴</a></li>
 			<li><a href="./settings/api"><i class="fa fa-key"></i>API</a></li>
diff --git a/src/web/app/mobile/tags/page/settings/authorized-apps.tag b/src/web/app/mobile/tags/page/settings/authorized-apps.tag
new file mode 100644
index 0000000000..a1385c4937
--- /dev/null
+++ b/src/web/app/mobile/tags/page/settings/authorized-apps.tag
@@ -0,0 +1,16 @@
+<mk-authorized-apps-page>
+	<mk-ui ref="ui">
+		<mk-authorized-apps></mk-authorized-apps>
+	</mk-ui>
+	<style type="stylus">
+		:scope
+			display block
+	</style>
+	<script>
+		@mixin \ui
+
+		@on \mount ~>
+			document.title = 'Misskey | アプリケーション'
+			@ui.trigger \title '<i class="fa fa-puzzle-piece"></i>アプリケーション'
+	</script>
+</mk-authorized-apps-page>