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