1 $expires = 30; //クッキーの保持日数
\r
2 $afk_time = 1000 * 60 * 60; //AFKと判定する時間(ミリ秒で指定すること)
\r
3 $log_file_name = "logfile%d.txt"; //ログファイル名(%dはそのままにしておくこと)
\r
4 $system_name = "system"; //システム発言を表す名前(chat.phpと同じにすること)
\r
5 $entered_message = "%sが入室しました";
\r
6 $quited_message = "%sが退室しました";
\r
7 $system_msg_color ="#000000";
\r
8 $profile_link = "/profile/detail?name=%n" //プロフィールシステムへのリンク先(%nで名前を表す)
\r
9 $fanble_message = "[color=blue]%s ファンブル![/color]";
\r
10 $critical_message = "[color=red]%s クリティカル![/color]";
\r
11 $send_message = "%sからの送信 %s";
\r
12 $failed_connect_message = "接続に失敗しました";
\r
13 $invaild_name_message = "名前を空欄にすることはできません";
\r
14 $free_password1 = "最初に入室する人が自由にパスワードを設定できます"; //自由パスワードメッセージ1
\r
15 $free_password2 = "この部屋は使用されています。パスワードを入力してください"; //自由パスワードメッセージ2
\r
16 $fixed_password = "この部屋にはパスワードが設定されています"; //固定パスワードルーム
\r
17 $hidden_log_to_rom = "この部屋ではROMできないようになっています"; //ROM禁止ルーム
\r
18 $romcount_msg = "ROM(%d人)" //ROMカウント
\r
21 $prefix_filelist = "!";
\r
22 $socket = new Object();
\r
28 $(document).ready(function(){
\r
32 var temp = $.cookie("name");
\r
33 if(temp) document.enter_form.name.value = temp;
\r
34 temp = $.cookie("color_index");
\r
35 if(temp) document.enter_form.color.selectedIndex = temp;
\r
37 $("input[name=sid]").click(sidEventListener);
\r
38 $("input[name=enter]").click(enterEventListener);
\r
39 $("input[name=quit]").click(quitEventListener);
\r
40 $("input[name=help]").click(function(e){
\r
41 $("#help_frame").css("display","block");
\r
43 $("input[name=close]").click(function(e){
\r
44 $("#help_frame").css("display","none");
\r
46 $("input[name=openPastlog]").click(openPastlogEventListener);
\r
47 $("#whisper_list_view").click(function(e){
\r
48 $("#whisper_list").toggle();
\r
50 $("#decoration_list_view").click(function(e){
\r
51 $("#decoration_list").toggle();
\r
53 document.chat_form.onsubmit = function(){return false;};
\r
54 document.enter_form.onsubmit = function(){return false;};
\r
56 $socket = io.connect(location.hostname + "/" + document.chat_form.rno.value + "?token="+ encodeURIComponent(document.chat_form._csrf.value));
\r
57 $socket.on("error",getErrorMessage);
\r
58 $socket.on("send roominfo",sendRoomInfoListerner);
\r
59 $socket.on("send romcount",sendRomCountListerner);
\r
60 $socket.on("connect",function(){
\r
61 $socket.on("req pastlog",pastLogEventListerner);
\r
62 $socket.on("req msg",getMessageEventListerner);
\r
63 $socket.on("req pastloglist",CreatePastLogList);
\r
67 function sendRomCountListerner(count)
\r
73 function sendRoomInfoListerner(info)
\r
80 msg = $free_password2;
\r
82 msg = $free_password1;
\r
84 }else if(info.type == 2){
\r
85 msg = $fixed_password;
\r
87 }else if(info.type == 3){
\r
88 msg = $hidden_log_to_rom;
\r
92 $("#enter_message").append(msg);
\r
95 $socket.json.emit("get pastLogList",{rno:document.chat_form.rno.value});
\r
100 function CreateColorList()
\r
102 var c = new Array("00","33","66","99","CC","FF");
\r
103 for(var r = 0; r < c.length; r++){
\r
104 for(var g = 0; g < c.length; g++){
\r
105 for(var b = 0; b < c.length; b++){
\r
106 var t = document.createElement("option");
\r
107 t.value = "#"+c[r]+c[g]+c[b];
\r
108 t.style.backgroundColor = "#"+c[r]+c[g]+c[b];
\r
109 t.appendChild(document.createTextNode("#"+c[r]+c[g]+c[b]));
\r
110 $("#enter_frame form select[name=color]").append(t);
\r
116 function CreatePastLogList(text)
\r
118 $("#enter_frame form select[name=past]").empty();
\r
119 var rno = document.chat_form.rno.value;
\r
120 var file = text.split("\n");
\r
121 for(var i = 0; i < file.length; i++)
\r
123 var logname = file[i];
\r
126 var element = document.createElement("option");
\r
127 element.value = logname;
\r
128 element.appendChild(document.createTextNode(logname));
\r
129 $("#enter_frame form select[name=past]").append(element);
\r
133 function getCurretLog()
\r
135 var rno = document.chat_form.rno.value;
\r
136 var url = sprintf($log_file_name,rno);
\r
137 $socket.emit("get pastLog",url);
\r
140 function openPastlogEventListener()
\r
143 $("#message").empty();
\r
144 $("#namelist").empty();
\r
145 var url = document.enter_form.past.options[document.enter_form.past.selectedIndex].value;
\r
146 $socket.emit("get pastLog",url);
\r
149 function pastLogEventListerner(msg)
\r
151 if(IsRomMode() && $roominfo.type != 0 && $roominfo.admin == false)
\r
153 for(var i = 0; i < msg.length; i++)
\r
154 ParseMessage(msg[i]);
\r
158 function getMessageEventListerner(msg)
\r
160 if(IsRomMode() && $roominfo.type != 0)
\r
164 if( document.getElementById("bell").checked == true && msg.name != document.enter_form.name.value)
\r
165 document.getElementById("NoticeSound").play();
\r
168 var $messageTag = null;
\r
169 function ParseMessage(msg)
\r
171 var util = new Util();
\r
172 msg.message = util.htmlspecialchars(msg.message);
\r
173 var childtag = $GetCommandParser.parse(msg);
\r
175 if(childtag == null)
\r
177 if(typeof(childtag) == "string")
\r
178 childtag = $("<span/>").append(childtag);
\r
180 var trtag = $("<tr/>");
\r
181 var namepart,msgpart;
\r
183 var color = $system_msg_color;
\r
186 var date = new Date(Date.parse(msg.date));
\r
187 if(msg.name != $system_name)
\r
189 color = $names[msg.name].color;
\r
190 $names[msg.name].time = date.getTime();
\r
191 namepart = $("<a/>")
\r
192 .attr("href",GetNameLink(msg.name))
\r
193 .css("color",color)
\r
194 .text(util.htmlspecialchars(msg.name));
\r
196 namepart = $("<span/>").append(msg.name);
\r
199 namepart.append("@" + msg.ip);
\r
200 trtag.append($("<td/>").append(namepart));
\r
203 .append("(" + date.toFormat("YYYY/MM/DD HH:MI:SS") +")")
\r
204 .css("color",color);
\r
205 trtag.append($("<td/>").append(msgpart));
\r
207 if($messageTag == null)
\r
208 $messageTag = $("#message");
\r
210 $messageTag.prepend(trtag);
\r
213 function GetNameLink(name)
\r
215 var util = new Util();
\r
216 if($names[name].mailto == "")
\r
217 return $profile_link.replace("%n",encodeURIComponent(name));
\r
218 return "mailto:" + util.htmlspecialchars($names[name].mailto);
\r
221 function createNameList()
\r
223 var date = new Date();
\r
224 $("#whisper_list").empty();
\r
225 $("#whisper_list").append("<ul></ul>");
\r
227 $("#namelist").empty();
\r
228 $("#namelist").append("<ul></ul>");
\r
229 $("#namelist > ul").append($("<li/>").append(sprintf($romcount_msg,$romcount)));
\r
231 for(var name in $names)
\r
233 var diff = date.getTime() - $names[name].time;
\r
234 if(diff >= $afk_time)
\r
236 if(name != $system_name)
\r
238 var atag = $("<a/>")
\r
239 .attr("href",GetNameLink(name))
\r
240 .attr("target","_blank")
\r
241 .css("color",$names[name].color)
\r
243 var spantag = $("<span/>")
\r
244 .click(clickNameEventListener)
\r
246 $("#whisper_list > ul").append($("<li/>").append(spantag));
\r
247 $("#namelist > ul").append($("<li/>").append(atag));
\r
252 function clickNameEventListener(e)
\r
254 document.chat_form.message.value = "/tell " + $(this).text();
\r
255 document.chat_form.message.focus();
\r
260 InsertAtCaret(document.chat_form.message,"[b][/b]");
\r
263 function AddItalic()
\r
265 InsertAtCaret(document.chat_form.message,"[i][/i]");
\r
268 function AddStrike()
\r
270 InsertAtCaret(document.chat_form.message,"[s][/s]");
\r
273 function AddFontSize(size)
\r
275 InsertAtCaret(document.chat_form.message,sprintf("[size=%f][/size]",size));
\r
278 function InsertAtCaret(element, text) {
\r
279 if (document.selection) {
\r
281 var sel = document.selection.createRange();
\r
284 } else if (element.selectionStart || element.selectionStart === 0) {
\r
285 var startPos = element.selectionStart;
\r
286 var endPos = element.selectionEnd;
\r
287 var scrollTop = element.scrollTop;
\r
288 element.value = element.value.substring(0, startPos) + text + element.value.substring(endPos, element.value.length);
\r
290 element.selectionStart = startPos + text.length;
\r
291 element.selectionEnd = startPos + text.length;
\r
292 element.scrollTop = scrollTop;
\r
294 element.value += text;
\r
299 function enterEventListener()
\r
301 if(document.enter_form.name.value == "")
\r
303 alert($invaild_name_message);
\r
307 $("#enter_frame").css("display","none");
\r
308 $("#chat_frame").css("display","block");
\r
310 var color = document.enter_form.color.options[document.enter_form.color.selectedIndex].value;
\r
312 $.cookie("name",document.enter_form.name.value,{ expires: $expires });
\r
313 $.cookie("color_index",document.enter_form.color.selectedIndex,{ expires: $expires });
\r
315 $socket.json.emit("join",{name:document.enter_form.name.value,color:color,mailto:document.enter_form.mailto.value,password:document.enter_form.password.value});
\r
318 function quitEventListener(){
\r
319 $socket.json.emit("quit",{name:document.enter_form.name.value});
\r
321 $("#enter_frame").css("display","block");
\r
322 $("#chat_frame").css("display","none");
\r
324 if($roominfo.type != 0 && $roominfo.admin == false)
\r
326 $("#message").empty();
\r
327 $("#namelist").empty();
\r
332 $socket.json.emit("get pastLogList",{rno:document.chat_form.rno.value});
\r
335 function sidEventListener(){
\r
337 name:document.enter_form.name.value,
\r
338 message:document.chat_form.message.value
\r
340 msg.message = $PostCommandParser.parse(msg);
\r
342 if(msg.message != null && msg.message != "")
\r
343 $socket.json.emit("send msg",msg);
\r
345 document.chat_form.message.value ="";
\r
348 function ReflushChatMessage(flag)
\r
350 if(flag) $("#message").empty();
\r
353 function getErrorMessage(text)
\r
356 alert($failed_connect_message);
\r
361 function IsRomMode()
\r
363 return $("#chat_frame").css("display") == "none";
\r
366 //NameCollectionクラス
\r
367 function GetNameCollection(text)
\r
369 var output = new Array();
\r
370 var list = text.split("\n");
\r
371 for(var i = 0; i < list.length; i++)
\r
375 output.push(new NameElement(list[i]));
\r
381 // NamesElementsクラス
\r
383 function NameElement(s)
\r
385 this.data = s.split("<>");
\r
386 this.getName = function()
\r
388 return this.data[0];
\r
393 function CreateNameInfo(time,color,mailto)
\r
395 var result = { time:time,color:color,mailto:""};
\r
396 if(typeof(mailto) != "undifined")
\r
397 result.mailto = mailto;
\r
406 this.get_random_number = function (a,b)
\r
408 return Math.floor(a + Math.random() * b);
\r
411 this.htmlspecialchars = function (ch) {
\r
412 ch = ch.replace(/&/g,"&") ;
\r
413 ch = ch.replace(/"/g,""") ;
\r
414 ch = ch.replace(/'/g,"'") ;
\r
415 ch = ch.replace(/</g,"<") ;
\r
416 ch = ch.replace(/>/g,">") ;
\r