通知を見れるように & デザイン調整

src/router.ts

@@ -89,6 +89,19 @@ router.get('/gtl', async ctx => {
 	}
 });
 
+router.get('/notifications', async ctx => {
+	const token = ctx.cookies.get('i');
+	const host = ctx.cookies.get('host');
+	if (!token || !host) {
+		await die(ctx, 'ログインしてください');
+		return;
+	}
+
+	const notifications = await api<any>(host, 'i/notifications', { i: token });
+	await ctx.render('notifications', { notifications });
+
+});
+
 router.get('/renote', async ctx => {
 	const token = ctx.cookies.get('i');
 	const host = ctx.cookies.get('host');

src/views/_components.pug

@@ -56,3 +56,19 @@ mixin post-form(url, placeholder, buttonText)
         textarea(name="text", placeholder=placeholder style="max-width: 100%; min-width: 100%; height: 6em; margin-bottom: 8px")
         button(type="submit")= buttonText
         block
+
+mixin nav()
+    div
+        |[
+        a(href="/") ﾎｰﾑ
+        |] [
+        a(href="/ltl") ﾛｰｶﾙ
+        |] [
+        a(href="/stl") ｿｰｼｬﾙ
+        |] [
+        a(href="/gtl") ｸﾞﾛｰﾊﾞﾙ
+        |] [
+        a(href="/notifications") 通知
+        |] [
+        a(href="/settings") 設定
+        |]

src/views/notifications.pug

@@ -0,0 +1,33 @@
+extends _base
+
+block header
+    +nav
+
+block content
+    h2 通知
+    .notifications
+        each val in notifications
+            .notification
+                hr
+                case val.type
+                    when 'follow'
+                        p !{getUserName(val.user)} さんにフォローされました
+                    when 'mention'
+                    when 'reply'
+                    when 'renote'
+                    when 'quote'
+                        +note(val.note)
+                    when 'reaction'
+                        p !{getUserName(val.user)} さんが !{val.reaction} とリアクションしました
+                        +sub-note(val.note)
+                    when 'pollVote'
+                        p !{getUserName(val.user)} さんが投票しました
+                        +sub-note(val.note)                        
+                    when 'receiveFollowRequest'
+                        p !{getUserName(val.user)} さんからフォローリクエストされました
+                    when 'followRequestAccepted'
+                        p !{getUserName(val.user)} さんへのフォローが承認されました
+                    when 'groupInvited'
+                    when 'app'
+                    default
+                        p !{val.type} 通知(未実装)

src/views/settings.pug

@@ -1,5 +1,8 @@
 extends _base
 
+block header
+    +nav
+
 block content
     h2 設定
     h3 ユーザー

src/views/timeline.pug

@@ -1,5 +1,8 @@
 extends _base
 
+block header
+    +nav
+
 block content
     +avatar(user)
     p: b=getUserName(user)
@@ -7,21 +10,7 @@ block content
         span(style="color: gray")= getAcct(user)
     +post-form("/action/create-note", "今なにしてる？", "ノート")
     hr
-    div
-        |[
-        a(href="/") ﾎｰﾑ
-        |] [
-        a(href="/ltl") ﾛｰｶﾙ
-        |] [
-        a(href="/stl") ｿｰｼｬﾙ
-        |] [
-        a(href="/gtl") ｸﾞﾛｰﾊﾞﾙ
-        |] [
-        a(href="/notifications") 通知
-        |] [
-        a(href="/settings") 設定
-        |]
     h2= timelineName
     each note in timeline
-        +note(note)
         hr
+        +note(note)