nanka iroiro

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>

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');

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>

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

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');

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>

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>