テストケースを追加した

[webchat/WebChat.git] / public / chat.ejs

diff --git a/public/chat.ejs b/public/chat.ejs
index 7846fc5..5fe2e60 100644 (file)
--- a/public/chat.ejs
+++ b/public/chat.ejs
@@ -4,11 +4,13 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\r
 <!-- 独自のページを作る場合はここから -->\r
 <script type="text/javascript" src="/socket.io/socket.io.js"></script>\r
+<script type="text/javascript" src="scripts/date-utils.min.js"></script>\r
 <script type="text/javascript" src="scripts/jquery-1.8.1.min.js"></script>\r
 <script type="text/javascript" src="scripts/jquery.cookie.js"></script>\r
 <script type="text/javascript" src="scripts/bbcode.js"></script>\r
 <script type="text/javascript" src="scripts/sprintf.js"></script>\r
-<script type="text/javascript" src="scripts/dateformat.js"></script>\r
+<script type="text/javascript" src="scripts/commandparser.js"></script>\r
+<script type="text/javascript" src="scripts/dicecommand.js"></script>\r
 <script type="text/javascript" src="scripts/chatclient.js"></script>\r
 <!-- ここまでを必ず組み込むこと -->\r
 <link rel="stylesheet" href="stylesheets/enter.css" type="text/css" />\r
@@ -21,6 +23,9 @@
                <source src="sound/BellG@11.wav" type="audio/wav">\r
        </audio>\r
        <div id="help_frame" style="display:none">\r
+               <h2>使い方</h2>\r
+               <p>ささやきの部分をクリックすると入室者リストが表示されます。名前をクリックすると/tell 名前 が挿入されます</p>\r
+               <p>装飾の部分をクリックすると使用可能な装飾の一覧が表示されます。ここでクリックするとキャレット位置にbbcodeが挿入されます。選択している状態でクリックした場合、その前後にbbcodeが挿入されます</p>\r
                <h2>使用可能コマンド</h2>\r
                <dl>\r
                        <dt>/tell 名前</dt>\r
@@ -32,7 +37,7 @@
                        <dt>/send 部屋番号 発言</dt>\r
                        <dd>任意の部屋に発言を送信する</dd>\r
                        <dt>/setpassword パスワード</dt>\r
-                       <dd>パスワードを設定する</dd>\r
+                       <dd>部屋にパスワードを設定する</dd>\r
                </dl>\r
                <h2>使用可能BBCODE</h2>\r
                <table>\r
@@ -84,10 +89,25 @@
                <input type="button" name="close" value="閉じる"></input>\r
        </div>\r
        <div id="chat_frame" style="display:none">\r
+               <a href="#" id="whisper_list_view">\r
+                       ささやき\r
+                       <div id="whisper_list">\r
+                       </div>\r
+               </a>\r
+               <a href="#" id="decoration_list_view">\r
+                       装飾\r
+                       <div id="decoration_list">\r
+                               <a href="#" onclick="AddBold()">太字</a>\r
+                               <a href="#" onclick="AddItalic()">斜体</a>\r
+                               <a href="#" onclick="AddStrike()">取り消し線</a>\r
+                               <a href="#" onclick="AddFontSize(3)">叫び声</a>\r
+                               <a href="#" onclick="AddFontSize(0.7)">ささやき声</a>\r
+                       </div>\r
+               </a>\r
                <form name="chat_form" accept-charset="UTF-8">\r
                        <input type="hidden" name="rno" value="<%= rno %>"></input>\r
-                       <input type="hidden" name="token" value="<%= token %>"></input>\r
-                       <p>発言<input type="text" name="message" value=""></input></p>\r
+                       <input type="hidden" name="_csrf" value="<%= token %>"></input>\r
+                       <p>発言<textarea type="text" name="message" value=""></textarea></p>\r
                        <p>\r
                                <input type="button" name="sid" value="発言"></input>\r
                                <input type="button" name="quit" value="退出"></input>\r
@@ -116,7 +136,9 @@
        </div>\r
        <div id="namelist">\r
        </div>\r
-       <div id="message">\r
+       <div>\r
+               <table id="message">\r
+               </table>\r
        </div>\r
        <!-- ここまでを必ず組み込むこと -->\r
 </div>\r