From f08d1324d0cdb57e4b75b0437924296c93d42f64 Mon Sep 17 00:00:00 2001
From: Xeltica <xeltica@gmail.com>
Date: Thu, 7 Jan 2021 00:06:06 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A4=89=E6=95=B0=E3=82=92=E6=8C=BF?=
 =?UTF-8?q?=E5=85=A5=E3=81=A7=E3=81=8D=E3=82=8BUI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mypage.pug | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/mypage.pug b/src/views/mypage.pug
index 8524f41..6967501 100644
--- a/src/views/mypage.pug
+++ b/src/views/mypage.pug
@@ -93,15 +93,18 @@ block content
                         #hideWhenAlertModeNothing
                             div
                                 label 投稿テンプレート<br/>
-                                textarea(name="template")=user.template || defaultTemplate
+                                textarea#template(name="template", maxlength=280, placeholder=defaultTemplate)=user.template || defaultTemplate
                                 details()
                                     summary ヘルプ
                                     ul
+                                        li テンプレートに使える文字数は280文字です。
                                         li 空欄にすると、デフォルト値にリセットされます。
                                         li ハッシュタグ #misshaialert は、テンプレートに関わらず自動付与されます。
                                         li
                                             code {notesCount}
                                             | といった形式のテキストは変数として扱われ、これを含めると投稿時に自動的に値が埋め込まれます。
+                                    
+                                    p 変数の表を以下に示します。変数をクリックすると自動挿入されます。
                                     table
                                         thead: tr
                                             th 変数
@@ -109,7 +112,7 @@ block content
                                         tbody
                                             each val, key in templateVariables
                                                 tr
-                                                    td=key
+                                                    td(onclick=`insert('{${key}}')`, style="cursor: pointer")=key
                                                     td=val.description
                         button.primary(type="submit") 保存
 
@@ -147,3 +150,8 @@ block script
         };
         alertModeSelector.addEventListener('change', updateView);
         updateView();
+        
+        const template = document.getElementById('template');
+        function insert(text) {
+            template.value += text;
+        }