[Mobile] Implement some settings page

src/web/app/mobile/router.ls

@@ -15,6 +15,10 @@ module.exports = (me) ~>
 	route \/i/drive drive
 	route \/i/drive/folder/:folder drive
 	route \/i/drive/file/:file drive
+	route \/i/settings settings
+	route \/i/settings/signin-history settings-signin
+	route \/i/settings/api settings-api
+	route \/i/settings/twitter settings-twitter
 	route \/post/new new-post
 	route \/post::post post
 	route \/search::query search
@@ -48,6 +52,16 @@ module.exports = (me) ~>
 	function new-post
 		mount document.create-element \mk-new-post-page
 
+	# 設定
+	function settings
+		mount document.create-element \mk-settings-page
+	function settings-signin
+		mount document.create-element \mk-signin-history-page
+	function settings-api
+		mount document.create-element \mk-api-info-page
+	function settings-twitter
+		mount document.create-element \mk-twitter-setting-page
+
 	# 検索
 	function search ctx
 		document.create-element \mk-search-page

src/web/app/mobile/tags.ls

@@ -14,6 +14,10 @@ require './tags/page/user-following.tag'
 require './tags/page/post.tag'
 require './tags/page/new-post.tag'
 require './tags/page/search.tag'
+require './tags/page/settings.tag'
+require './tags/page/settings/signin.tag'
+require './tags/page/settings/api.tag'
+require './tags/page/settings/twitter.tag'
 require './tags/home.tag'
 require './tags/home-timeline.tag'
 require './tags/timeline.tag'

src/web/app/mobile/tags/page/settings.tag

@@ -0,0 +1,21 @@
+<mk-settings-page>
+	<mk-ui ref="ui">
+		<ul>
+			<li><a><i class="fa fa-user"></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>
+		</ul>
+	</mk-ui>
+	<style type="stylus">
+		:scope
+			display block
+	</style>
+	<script>
+		@mixin \ui
+
+		@on \mount ~>
+			document.title = 'Misskey | 設定'
+			@ui.trigger \title '<i class="fa fa-cog"></i>設定'
+	</script>
+</mk-settings-page>

src/web/app/mobile/tags/page/settings/api.tag

@@ -0,0 +1,16 @@
+<mk-api-info-page>
+	<mk-ui ref="ui">
+		<mk-api-info></mk-api-info>
+	</mk-ui>
+	<style type="stylus">
+		:scope
+			display block
+	</style>
+	<script>
+		@mixin \ui
+
+		@on \mount ~>
+			document.title = 'Misskey | API'
+			@ui.trigger \title '<i class="fa fa-key"></i>API'
+	</script>
+</mk-api-info-page>

src/web/app/mobile/tags/page/settings/signin.tag

@@ -0,0 +1,16 @@
+<mk-signin-history-page>
+	<mk-ui ref="ui">
+		<mk-signin-history></mk-signin-history>
+	</mk-ui>
+	<style type="stylus">
+		:scope
+			display block
+	</style>
+	<script>
+		@mixin \ui
+
+		@on \mount ~>
+			document.title = 'Misskey | ログイン履歴'
+			@ui.trigger \title '<i class="fa fa-sign-in"></i>ログイン履歴'
+	</script>
+</mk-signin-history-page>

src/web/app/mobile/tags/page/settings/twitter.tag

@@ -0,0 +1,16 @@
+<mk-twitter-setting-page>
+	<mk-ui ref="ui">
+		<mk-twitter-setting></mk-twitter-setting>
+	</mk-ui>
+	<style type="stylus">
+		:scope
+			display block
+	</style>
+	<script>
+		@mixin \ui
+
+		@on \mount ~>
+			document.title = 'Misskey | Twitter連携'
+			@ui.trigger \title '<i class="fa fa-twitter"></i>Twitter連携'
+	</script>
+</mk-twitter-setting-page>