mirror of
https://github.com/smogon/pokemon-showdown-client.git
synced 2026-05-15 00:10:24 -05:00
c8a72d262c
Usernames with spaces can now be completed. Special characters in front of the username will now be preserved. This requires usernames to start with an alphanumeric character, which fortunately we already enforce.
1600 lines
53 KiB
JavaScript
1600 lines
53 KiB
JavaScript
(function ($) {
|
|
|
|
var ConsoleRoom = this.ConsoleRoom = Room.extend({
|
|
type: 'chat',
|
|
title: '',
|
|
constructor: function () {
|
|
if (!this.events) this.events = {};
|
|
if (!this.events['click .username']) this.events['click .username'] = 'clickUsername';
|
|
if (!this.events['submit form']) this.events['submit form'] = 'submit';
|
|
if (!this.events['keydown textarea']) this.events['keydown textarea'] = 'keyPress';
|
|
if (!this.events['focus textarea']) this.events['focus textarea'] = 'focusText';
|
|
if (!this.events['blur textarea']) this.events['blur textarea'] = 'blurText';
|
|
if (!this.events['click .spoiler']) this.events['click .spoiler'] = 'clickSpoiler';
|
|
if (!this.events['click .message-pm i']) this.events['click .message-pm i'] = 'openPM';
|
|
|
|
this.initializeTabComplete();
|
|
// create up/down history for this room
|
|
this.chatHistory = new ChatHistory();
|
|
|
|
// this MUST set up this.$chatAdd
|
|
Room.apply(this, arguments);
|
|
|
|
app.user.on('change', this.updateUser, this);
|
|
this.updateUser();
|
|
},
|
|
updateUser: function () {
|
|
var name = app.user.get('name');
|
|
var userid = app.user.get('userid');
|
|
if (this.expired) {
|
|
this.$chatAdd.html('This room is expired');
|
|
this.$chatbox = null;
|
|
} else if (!name) {
|
|
this.$chatAdd.html('Connecting...');
|
|
this.$chatbox = null;
|
|
} else if (!app.user.get('named')) {
|
|
this.$chatAdd.html('<form><button name="login">Join chat</button></form>');
|
|
this.$chatbox = null;
|
|
} else {
|
|
this.$chatAdd.html('<form class="chatbox"><label style="' + hashColor(userid) + '">' + Tools.escapeHTML(name) + ':</label> <textarea class="textbox" type="text" size="70" autocomplete="off"></textarea></form>');
|
|
this.$chatbox = this.$chatAdd.find('textarea');
|
|
this.$chatbox.autoResize({
|
|
animate: false,
|
|
extraSpace: 0
|
|
});
|
|
if (this === app.curSideRoom || this === app.curRoom) {
|
|
this.$chatbox.focus();
|
|
}
|
|
}
|
|
},
|
|
|
|
focus: function () {
|
|
if (this.$chatbox) {
|
|
this.$chatbox.focus();
|
|
} else {
|
|
this.$('button[name=login]').focus();
|
|
}
|
|
},
|
|
|
|
focusText: function () {
|
|
if (this.$chatbox) {
|
|
var rooms = app.roomList.concat(app.sideRoomList);
|
|
var roomIndex = rooms.indexOf(this);
|
|
var roomLeft = rooms[roomIndex - 1];
|
|
var roomRight = rooms[roomIndex + 1];
|
|
if (roomLeft || roomRight) {
|
|
this.$chatbox.attr('placeholder', " " + (roomLeft ? "\u2190 " + roomLeft.title : '') + (app.arrowKeysUsed ? " | " : " (use arrow keys) ") + (roomRight ? roomRight.title + " \u2192" : ''));
|
|
} else {
|
|
this.$chatbox.attr('placeholder', "");
|
|
}
|
|
}
|
|
},
|
|
blurText: function () {
|
|
if (this.$chatbox) {
|
|
this.$chatbox.attr('placeholder', "");
|
|
}
|
|
},
|
|
clickSpoiler: function (e) {
|
|
$(e.currentTarget).toggleClass('spoiler-shown');
|
|
},
|
|
|
|
login: function () {
|
|
app.addPopup(LoginPopup);
|
|
},
|
|
submit: function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
var text;
|
|
if ((text = this.$chatbox.val())) {
|
|
if (!$.trim(text)) {
|
|
this.$chatbox.val('');
|
|
return;
|
|
}
|
|
this.tabComplete.reset();
|
|
this.chatHistory.push(text);
|
|
text = this.parseCommand(text);
|
|
if (text) {
|
|
this.send(text);
|
|
}
|
|
this.$chatbox.val('');
|
|
}
|
|
},
|
|
keyPress: function (e) {
|
|
var cmdKey = (((e.cmdKey || e.metaKey) ? 1 : 0) + (e.ctrlKey ? 1 : 0) + (e.altKey ? 1 : 0) === 1);
|
|
var textbox = e.currentTarget;
|
|
if (e.keyCode === 13 && !e.shiftKey) { // Enter key
|
|
this.submit(e);
|
|
} else if (e.keyCode === 73 && cmdKey && !e.shiftKey) { // Ctrl + I key
|
|
if (ConsoleRoom.toggleFormatChar(textbox, '_')) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
} else if (e.keyCode === 66 && cmdKey && !e.shiftKey) { // Ctrl + B key
|
|
if (ConsoleRoom.toggleFormatChar(textbox, '*')) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
} else if (e.keyCode === 33) { // Pg Up key
|
|
this.$chatFrame.scrollTop(this.$chatFrame.scrollTop() - this.$chatFrame.height() + 60);
|
|
} else if (e.keyCode === 34) { // Pg Dn key
|
|
this.$chatFrame.scrollTop(this.$chatFrame.scrollTop() + this.$chatFrame.height() - 60);
|
|
} else if (e.keyCode === 9 && !e.shiftKey && !e.ctrlKey) { // Tab key
|
|
if (this.handleTabComplete(this.$chatbox)) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
} else if (e.keyCode === 38 && !e.shiftKey && !e.altKey) { // Up key
|
|
if (this.chatHistoryUp(this.$chatbox, e)) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
} else if (e.keyCode === 40 && !e.shiftKey && !e.altKey) { // Down key
|
|
if (this.chatHistoryDown(this.$chatbox, e)) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
}
|
|
},
|
|
clickUsername: function (e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
var position;
|
|
if (e.currentTarget.className === 'userbutton username') {
|
|
position = 'right';
|
|
}
|
|
var name = $(e.currentTarget).data('name') || $(e.currentTarget).text();
|
|
app.addPopup(UserPopup, {name: name, sourceEl: e.currentTarget, position: position});
|
|
},
|
|
openPM: function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
app.focusRoom('');
|
|
app.rooms[''].focusPM($(e.currentTarget).data('name'));
|
|
},
|
|
clear: function () {
|
|
if (this.$chat) this.$chat.html('');
|
|
},
|
|
|
|
// support for buttons that can be sent by the server:
|
|
|
|
joinRoom: function (room) {
|
|
app.joinRoom(room);
|
|
},
|
|
avatars: function () {
|
|
app.addPopup(AvatarsPopup);
|
|
},
|
|
openSounds: function () {
|
|
app.addPopup(SoundsPopup, {type: 'semimodal'});
|
|
},
|
|
openOptions: function () {
|
|
app.addPopup(OptionsPopup, {type: 'semimodal'});
|
|
},
|
|
|
|
// highlight
|
|
|
|
getHighlight: function (message) {
|
|
var highlights = Tools.prefs('highlights') || [];
|
|
if (!app.highlightRegExp) {
|
|
try {
|
|
this.updateHighlightRegExp(highlights);
|
|
} catch (e) {
|
|
// If the expression above is not a regexp, we'll get here.
|
|
// Don't throw an exception because that would prevent the chat
|
|
// message from showing up, or, when the lobby is initialising,
|
|
// it will prevent the initialisation from completing.
|
|
return false;
|
|
}
|
|
}
|
|
if (!Tools.prefs('noselfhighlight') && app.user.nameRegExp) {
|
|
if (app.user.nameRegExp.test(message)) return true;
|
|
}
|
|
return ((highlights.length > 0) && app.highlightRegExp.test(message));
|
|
},
|
|
updateHighlightRegExp: function (highlights) {
|
|
// Enforce boundary for match sides, if a letter on match side is
|
|
// a word character. For example, regular expression "a" matches
|
|
// "a", but not "abc", while regular expression "!" matches
|
|
// "!" and "!abc".
|
|
app.highlightRegExp = new RegExp('(?:\\b|(?!\\w))(?:' + highlights.join('|') + ')(?:\\b|\\B(?!\\w))', 'i');
|
|
},
|
|
|
|
// chat history
|
|
|
|
chatHistory: null,
|
|
chatHistoryUp: function ($textbox, e) {
|
|
var idx = +$textbox.prop('selectionStart');
|
|
var line = $textbox.val();
|
|
if (e && !e.ctrlKey && idx !== 0 && idx !== line.length) return false;
|
|
if (this.chatHistory.index === 0) return false;
|
|
$textbox.val(this.chatHistory.up(line));
|
|
return true;
|
|
},
|
|
chatHistoryDown: function ($textbox, e) {
|
|
var idx = +$textbox.prop('selectionStart');
|
|
var line = $textbox.val();
|
|
if (e && !e.ctrlKey && idx !== 0 && idx !== line.length) return false;
|
|
$textbox.val(this.chatHistory.down(line));
|
|
return true;
|
|
},
|
|
|
|
// tab completion
|
|
|
|
initializeTabComplete: function () {
|
|
this.tabComplete = {
|
|
candidates: null,
|
|
index: 0,
|
|
prefix: null,
|
|
cursor: null,
|
|
reset: function () {
|
|
this.cursor = null;
|
|
}
|
|
};
|
|
this.userActivity = [];
|
|
},
|
|
markUserActive: function (userid) {
|
|
var idx = this.userActivity.indexOf(userid);
|
|
if (idx !== -1) {
|
|
this.userActivity.splice(idx, 1);
|
|
}
|
|
this.userActivity.push(userid);
|
|
if (this.userActivity.length > 100) {
|
|
// Prune the list.
|
|
this.userActivity.splice(0, 20);
|
|
}
|
|
},
|
|
tabComplete: null,
|
|
userActivity: null,
|
|
handleTabComplete: function ($textbox) {
|
|
// Don't tab complete at the start of the text box.
|
|
var idx = $textbox.prop('selectionStart');
|
|
if (idx === 0) return false;
|
|
|
|
var users = this.users || (app.rooms['lobby'] ? app.rooms['lobby'].users : {});
|
|
|
|
var text = $textbox.val();
|
|
|
|
if (this.tabComplete.cursor !== null && text.substr(0, idx) === this.tabComplete.cursor) {
|
|
// The user is cycling through the candidate names.
|
|
if (++this.tabComplete.index >= this.tabComplete.candidates.length) {
|
|
this.tabComplete.index = 0;
|
|
}
|
|
} else {
|
|
// This is a new tab completion.
|
|
|
|
// There needs to be non-whitespace to the left of the cursor.
|
|
var m1 = /^(.*?)([A-Za-z0-9][^, ]*)$/.exec(text.substr(0, idx));
|
|
var m2 = /^(.*?)([A-Za-z0-9][^, ]* [^, ]*)$/.exec(text.substr(0, idx));
|
|
if (!m1 && !m2) return true;
|
|
|
|
this.tabComplete.prefix = text;
|
|
var idprefix = (m1 ? toId(m1[2]) : '');
|
|
var spaceprefix = (m2 ? m2[2].replace(/[^A-Za-z0-9 ]+/g, '').toLowerCase() : '');
|
|
var candidates = []; // array of [candidate userid, prefix length]
|
|
|
|
// don't include command names in autocomplete
|
|
if (m2 && (m2[0] === '/' || m2[0] === '!')) spaceprefix = '';
|
|
|
|
for (var i in users) {
|
|
if (spaceprefix && users[i].substr(1).replace(/[^A-Za-z0-9 ]+/g, '').toLowerCase().substr(0, spaceprefix.length) === spaceprefix) {
|
|
candidates.push([i, m2[1].length]);
|
|
} else if (idprefix && i.substr(0, idprefix.length) === idprefix) {
|
|
candidates.push([i, m1[1].length]);
|
|
}
|
|
}
|
|
|
|
// Sort by most recent to speak in the chat, or, in the case of a tie,
|
|
// in alphabetical order.
|
|
var self = this;
|
|
candidates.sort(function (a, b) {
|
|
if (a[1] !== b[1]) {
|
|
// shorter prefix length comes first
|
|
return a[1] - b[1];
|
|
}
|
|
var aidx = self.userActivity.indexOf(a[0]);
|
|
var bidx = self.userActivity.indexOf(b[0]);
|
|
if (aidx !== -1) {
|
|
if (bidx !== -1) {
|
|
return bidx - aidx;
|
|
}
|
|
return -1; // a comes first
|
|
} else if (bidx != -1) {
|
|
return 1; // b comes first
|
|
}
|
|
return (a[0] < b[0]) ? -1 : 1; // alphabetical order
|
|
});
|
|
this.tabComplete.candidates = candidates;
|
|
this.tabComplete.index = 0;
|
|
if (!candidates.length) {
|
|
this.tabComplete.cursor = null;
|
|
return true;
|
|
}
|
|
}
|
|
|
|
// Substitute in the tab-completed name.
|
|
var candidate = this.tabComplete.candidates[this.tabComplete.index];
|
|
var substituteUserId = candidate[0];
|
|
if (!users[substituteUserId]) return true;
|
|
var name = users[substituteUserId].substr(1);
|
|
var fullPrefix = this.tabComplete.prefix.substr(0, candidate[1]) + name;
|
|
$textbox.val(fullPrefix + text.substr(idx));
|
|
var pos = fullPrefix.length;
|
|
$textbox[0].setSelectionRange(pos, pos);
|
|
this.tabComplete.cursor = fullPrefix;
|
|
return true;
|
|
},
|
|
|
|
// command parsing
|
|
|
|
parseCommand: function (text) {
|
|
var cmd = '';
|
|
var target = '';
|
|
if (text.substr(0, 2) !== '//' && text.substr(0, 1) === '/') {
|
|
var spaceIndex = text.indexOf(' ');
|
|
if (spaceIndex > 0) {
|
|
cmd = text.substr(1, spaceIndex - 1);
|
|
target = text.substr(spaceIndex + 1);
|
|
} else {
|
|
cmd = text.substr(1);
|
|
target = '';
|
|
}
|
|
}
|
|
|
|
switch (cmd.toLowerCase()) {
|
|
case 'chall':
|
|
case 'challenge':
|
|
var targets = target.split(',').map($.trim);
|
|
|
|
var self = this;
|
|
var challenge = function (targets) {
|
|
target = toId(targets[0]);
|
|
self.challengeData = {userid: target, format: targets[1] || '', team: targets[2] || ''};
|
|
app.on('response:userdetails', self.challengeUserdetails, self);
|
|
app.send('/cmd userdetails ' + target);
|
|
};
|
|
|
|
if (!targets[0]) {
|
|
app.addPopupPrompt("Who would you like to challenge?", "Challenge user", function (target) {
|
|
if (!target) return;
|
|
challenge([target]);
|
|
});
|
|
return false;
|
|
}
|
|
challenge(targets);
|
|
return false;
|
|
|
|
case 'accept':
|
|
var userid = toId(target);
|
|
if (userid) {
|
|
var $challenge = $('.pm-window').filter('div[data-userid="' + userid + '"]').find('button[name="acceptChallenge"]');
|
|
if (!$challenge.length) {
|
|
this.add("You do not have any pending challenge from '" + toName(target) + "' to accept.");
|
|
return false;
|
|
}
|
|
$challenge[0].click();
|
|
return false;
|
|
}
|
|
|
|
var $challenges = $('.challenge').find('button[name=acceptChallenge]');
|
|
if (!$challenges.length) {
|
|
this.add('You do not have any pending challenges to accept.');
|
|
return false;
|
|
}
|
|
if ($challenges.length > 1) {
|
|
this.add('You need to specify a user if you have more than one pending challenge to accept.');
|
|
this.parseCommand('/help accept');
|
|
return false;
|
|
}
|
|
|
|
$challenges[0].click();
|
|
return false;
|
|
case 'reject':
|
|
var userid = toId(target);
|
|
if (userid) {
|
|
var $challenge = $('.pm-window').filter('div[data-userid="' + userid + '"]').find('button[name="rejectChallenge"]');
|
|
if (!$challenge.length) {
|
|
this.add("You do not have any pending challenge from '" + toName(target) + "' to reject.");
|
|
return false;
|
|
}
|
|
$challenge[0].click();
|
|
return false;
|
|
}
|
|
|
|
var $challenges = $('.challenge').find('button[name="rejectChallenge"]');
|
|
if (!$challenges.length) {
|
|
this.add('You do not have any pending challenges to reject.');
|
|
this.parseCommand('/help reject');
|
|
return false;
|
|
}
|
|
if ($challenges.length > 1) {
|
|
this.add('You need to specify a user if you have more than one pending challenge to reject.');
|
|
this.parseCommand('/help reject');
|
|
return false;
|
|
}
|
|
|
|
$challenges[0].click();
|
|
return false;
|
|
|
|
case 'user':
|
|
case 'open':
|
|
var openUser = function (target) {
|
|
app.addPopup(UserPopup, {name: target});
|
|
};
|
|
target = toName(target);
|
|
if (!target) {
|
|
app.addPopupPrompt("Username", "Open", function (target) {
|
|
if (!target) return;
|
|
openUser(target);
|
|
});
|
|
return false;
|
|
}
|
|
openUser(target);
|
|
return false;
|
|
|
|
case 'debug':
|
|
if (target === 'extractteams') {
|
|
app.addPopup(Popup, {
|
|
type: 'modal',
|
|
htmlMessage: "Extracted team data:<br /><textarea rows=\"10\" cols=\"60\">" + Tools.escapeHTML(JSON.stringify(Storage.teams)) + "</textarea>"
|
|
});
|
|
}
|
|
return false;
|
|
|
|
case 'autojoin':
|
|
case 'cmd':
|
|
case 'query':
|
|
this.add('This is a PS system command; do not use it.');
|
|
return false;
|
|
|
|
case 'ignore':
|
|
if (!target) {
|
|
this.parseCommand('/help ignore');
|
|
return false;
|
|
}
|
|
if (app.ignore[toUserid(target)]) {
|
|
this.add("User '" + toName(target) + "' is already on your ignore list. (Moderator messages will not be ignored.)");
|
|
} else {
|
|
app.ignore[toUserid(target)] = 1;
|
|
this.add("User '" + toName(target) + "' ignored. (Moderator messages will not be ignored.)");
|
|
}
|
|
return false;
|
|
|
|
case 'unignore':
|
|
if (!target) {
|
|
this.parseCommand('/help unignore');
|
|
return false;
|
|
}
|
|
if (!app.ignore[toUserid(target)]) {
|
|
this.add("User '" + toName(target) + "' isn't on your ignore list.");
|
|
} else {
|
|
delete app.ignore[toUserid(target)];
|
|
this.add("User '" + toName(target) + "' no longer ignored.");
|
|
}
|
|
return false;
|
|
|
|
case 'clear':
|
|
if (this.clear) {
|
|
this.clear();
|
|
} else {
|
|
this.add('||This room can\'t be cleared');
|
|
}
|
|
return false;
|
|
|
|
case 'clearpms':
|
|
var $pms = $('.pm-window');
|
|
if (!$pms.length) {
|
|
this.add('You do not have any PM windows open.');
|
|
return false;
|
|
}
|
|
$pms.each(function () {
|
|
var userid = $(this).data('userid');
|
|
if (!userid) {
|
|
var newsId = $(this).data('newsid');
|
|
if (newsId) {
|
|
$.cookie('showdown_readnews', '' + newsId, {expires: 365});
|
|
}
|
|
$(this).remove();
|
|
return;
|
|
}
|
|
app.rooms[''].closePM(userid);
|
|
$(this).find('.inner').empty();
|
|
});
|
|
this.add("All PM windows cleared and closed.");
|
|
return false;
|
|
|
|
case 'nick':
|
|
if ($.trim(target)) {
|
|
app.user.rename(target);
|
|
} else {
|
|
app.addPopup(LoginPopup);
|
|
}
|
|
return false;
|
|
|
|
case 'logout':
|
|
app.user.logout();
|
|
return false;
|
|
|
|
case 'showdebug':
|
|
this.add('Debug battle messages: ON');
|
|
Tools.prefs('showdebug', true);
|
|
var debugStyle = $('#debugstyle').get(0);
|
|
var onCSS = '.debug {display: block;}';
|
|
if (!debugStyle) {
|
|
$('head').append('<style id="debugstyle">' + onCSS + '</style>');
|
|
} else {
|
|
debugStyle.innerHTML = onCSS;
|
|
}
|
|
return false;
|
|
case 'hidedebug':
|
|
this.add('Debug battle messages: HIDDEN');
|
|
Tools.prefs('showdebug', false);
|
|
var debugStyle = $('#debugstyle').get(0);
|
|
var offCSS = '.debug {display: none;}';
|
|
if (!debugStyle) {
|
|
$('head').append('<style id="debugstyle">' + offCSS + '</style>');
|
|
} else {
|
|
debugStyle.innerHTML = offCSS;
|
|
}
|
|
return false;
|
|
|
|
case 'showjoins':
|
|
this.add('Join/leave messages: ON');
|
|
Tools.prefs('showjoins', true);
|
|
return false;
|
|
case 'hidejoins':
|
|
this.add('Join/leave messages: HIDDEN');
|
|
Tools.prefs('showjoins', false);
|
|
return false;
|
|
|
|
case 'showbattles':
|
|
this.add('Battle messages: ON');
|
|
Tools.prefs('showbattles', true);
|
|
return false;
|
|
case 'hidebattles':
|
|
this.add('Battle messages: HIDDEN');
|
|
Tools.prefs('showbattles', false);
|
|
return false;
|
|
|
|
case 'unpackhidden':
|
|
this.add('Locked/banned users\' chat messages: ON');
|
|
Tools.prefs('nounlink', true);
|
|
return false;
|
|
case 'packhidden':
|
|
this.add('Locked/banned users\' chat messages: HIDDEN');
|
|
Tools.prefs('nounlink', false);
|
|
return false;
|
|
|
|
case 'timestamps':
|
|
var targets = target.split(',');
|
|
if ((['all', 'lobby', 'pms'].indexOf(targets[0]) === -1) || targets.length < 2 ||
|
|
(['off', 'minutes', 'seconds'].indexOf(targets[1] = targets[1].trim()) === -1)) {
|
|
this.add('Error: Invalid /timestamps command');
|
|
this.parseCommand('/help timestamps'); // show help
|
|
return false;
|
|
}
|
|
var timestamps = Tools.prefs('timestamps') || {};
|
|
if (typeof timestamps === 'string') {
|
|
// The previous has a timestamps preference from the previous
|
|
// regime. We can't set properties of a string, so set it to
|
|
// an empty object.
|
|
timestamps = {};
|
|
}
|
|
switch (targets[0]) {
|
|
case 'all':
|
|
timestamps.lobby = targets[1];
|
|
timestamps.pms = targets[1];
|
|
break;
|
|
case 'lobby':
|
|
timestamps.lobby = targets[1];
|
|
break;
|
|
case 'pms':
|
|
timestamps.pms = targets[1];
|
|
break;
|
|
}
|
|
this.add("Timestamps preference set to: '" + targets[1] + "' for '" + targets[0] + "'.");
|
|
Tools.prefs('timestamps', timestamps);
|
|
return false;
|
|
|
|
case 'hl':
|
|
case 'highlight':
|
|
var highlights = Tools.prefs('highlights') || [];
|
|
if (target.indexOf(',') > -1) {
|
|
var targets = target.match(/[^,]+(,\d*}[^,]*)?/g);
|
|
// trim the targets to be safe
|
|
for (var i = 0, len = targets.length; i < len; i++) {
|
|
targets[i] = targets[i].replace(/\n/g, '').trim();
|
|
}
|
|
switch (targets[0]) {
|
|
case 'add':
|
|
for (var i = 1, len = targets.length; i < len; i++) {
|
|
if (/[\\^$*+?()|{}[\]]/.test(targets[i])) {
|
|
// Catch any errors thrown by newly added regular expressions so they don't break the entire highlight list
|
|
try {
|
|
new RegExp(targets[i]);
|
|
} catch (e) {
|
|
return this.add(e.message.substr(0, 28) === 'Invalid regular expression: ' ? e.message : 'Invalid regular expression: /' + targets[i] + '/: ' + e.message);
|
|
}
|
|
}
|
|
if (highlights.indexOf(targets[i]) > -1) {
|
|
return this.add(targets[i] + ' is already on your highlights list.')
|
|
}
|
|
}
|
|
highlights = highlights.concat(targets.slice(1));
|
|
this.add("Now highlighting on: " + highlights.join(', '));
|
|
// We update the regex
|
|
this.updateHighlightRegExp(highlights);
|
|
break;
|
|
case 'delete':
|
|
var newHls = [];
|
|
for (var i = 0, len = highlights.length; i < len; i++) {
|
|
if (targets.indexOf(highlights[i]) === -1) {
|
|
newHls.push(highlights[i]);
|
|
}
|
|
}
|
|
highlights = newHls;
|
|
this.add("Now highlighting on: " + highlights.join(', '));
|
|
// We update the regex
|
|
this.updateHighlightRegExp(highlights);
|
|
break;
|
|
default:
|
|
// Wrong command
|
|
this.add('Error: Invalid /highlight command.');
|
|
this.parseCommand('/help highlight'); // show help
|
|
return false;
|
|
}
|
|
Tools.prefs('highlights', highlights);
|
|
} else {
|
|
if (target === 'delete') {
|
|
Tools.prefs('highlights', false);
|
|
this.add("All highlights cleared");
|
|
} else if (target === 'show' || target === 'list') {
|
|
// Shows a list of the current highlighting words
|
|
if (highlights.length > 0) {
|
|
this.add("Current highlight list: " + highlights.join(", "));
|
|
} else {
|
|
this.add('Your highlight list is empty.');
|
|
}
|
|
} else {
|
|
// Wrong command
|
|
this.add('Error: Invalid /highlight command.');
|
|
this.parseCommand('/help highlight'); // show help
|
|
return false;
|
|
}
|
|
}
|
|
return false;
|
|
|
|
case 'rank':
|
|
case 'ranking':
|
|
case 'rating':
|
|
case 'ladder':
|
|
if (app.localLadder) return text;
|
|
if (!target) target = app.user.get('userid');
|
|
|
|
var targets = target.split(',');
|
|
var formatTargeting = false;
|
|
var formats = {};
|
|
for (var i = 1, len = targets.length; i < len; i++) {
|
|
formats[toId(targets[i])] = 1;
|
|
formatTargeting = true;
|
|
}
|
|
|
|
var self = this;
|
|
$.get(app.user.getActionPHP(), {
|
|
act: 'ladderget',
|
|
user: targets[0]
|
|
}, Tools.safeJSON(function (data) {
|
|
try {
|
|
var buffer = '<div class="ladder"><table>';
|
|
buffer += '<tr><td colspan="8">User: <strong>' + toName(targets[0]) + '</strong></td></tr>';
|
|
if (!data.length) {
|
|
buffer += '<tr><td colspan="8"><em>This user has not played any ladder games yet.</em></td></tr>';
|
|
} else {
|
|
buffer += '<tr><th>Format</th><th><abbr title="Elo rating">Elo</abbr></th><th><abbr title="user\'s percentage chance of winning a random battle (aka GLIXARE)">GXE</abbr></th><th><abbr title="Glicko-1 rating: rating±deviation">Glicko-1</abbr></th><th>COIL</th><th>W</th><th>L</th><th>T</th></tr>';
|
|
var hiddenFormats = [];
|
|
var formatLength = data.length;
|
|
for (var i = 0; i < formatLength; i++) {
|
|
var row = data[i];
|
|
if (!formatTargeting || formats[row.formatid]) {
|
|
buffer += '<tr>';
|
|
} else {
|
|
buffer += '<tr class="hidden">';
|
|
hiddenFormats.push(row.formatid);
|
|
}
|
|
buffer += '<td>' + row.formatid + '</td><td><strong>' + Math.round(row.elo) + '</strong></td><td>' + Math.round(row.gxe, 1) + '</td><td>';
|
|
if (row.rprd > 100) {
|
|
buffer += '<span><em>' + Math.round(row.rpr) + '<small> ± ' + Math.round(row.rprd) + '</small></em> <small>(provisional)</small></span>';
|
|
} else {
|
|
buffer += '<em>' + Math.round(row.rpr) + '<small> ± ' + Math.round(row.rprd) + '</small></em>';
|
|
}
|
|
var N = parseInt(row.w) + parseInt(row.l) + parseInt(row.t);
|
|
if (row.formatid === 'oususpecttest') {
|
|
buffer += '<td>' + Math.round(40.0 * parseFloat(row.gxe) * Math.pow(2.0, -17.0 / N), 0) + '</td>';
|
|
} else if (row.formatid === 'uberssuspecttest') {
|
|
buffer += '<td>' + Math.round(40.0 * parseFloat(row.gxe) * Math.pow(2.0, -29.0 / N), 0) + '</td>';
|
|
} else if (row.formatid === 'uususpecttest') {
|
|
buffer += '<td>' + Math.round(40.0 * parseFloat(row.gxe) * Math.pow(2.0, -20.0 / N), 0) + '</td>';
|
|
} else if (row.formatid === 'rususpecttest') {
|
|
buffer += '<td>' + Math.round(40.0 * parseFloat(row.gxe) * Math.pow(2.0, -9.0 / N), 0) + '</td>';
|
|
} else if (row.formatid === 'nususpecttest') {
|
|
buffer += '<td>' + Math.round(40.0 * parseFloat(row.gxe) * Math.pow(2.0, -20.0 / N), 0) + '</td>';
|
|
} else if (row.formatid === 'pususpecttest') {
|
|
buffer += '<td>' + Math.round(40.0 * parseFloat(row.gxe) * Math.pow(2.0, -9.0 / N), 0) + '</td>';
|
|
} else if (row.formatid === 'lcsuspecttest') {
|
|
buffer += '<td>' + Math.round(40.0 * parseFloat(row.gxe) * Math.pow(2.0, -9.0 / N), 0) + '</td>';
|
|
} else if (row.formatid === 'doublesoucurrent' || row.formatid === 'doublesoususpecttest') {
|
|
buffer += '<td>' + Math.round(40.0 * parseFloat(row.gxe) * Math.pow(2.0, -12.0 / N), 0) + '</td>';
|
|
} else if (row.formatid === 'monotype') {
|
|
buffer += '<td>' + Math.round(40.0 * parseFloat(row.gxe) * Math.pow(2.0, -16.0 / N), 0) + '</td>';
|
|
} else {
|
|
buffer += '<td>--</td>';
|
|
}
|
|
buffer += '</td><td>' + row.w + '</td><td>' + row.l + '</td><td>' + row.t + '</td></tr>';
|
|
}
|
|
if (hiddenFormats.length) {
|
|
if (hiddenFormats.length === formatLength) {
|
|
buffer += '<tr class="no-matches"><td colspan="8"><em>This user has not played any ladder games that match the format targeting.</em></td></tr>';
|
|
}
|
|
|
|
buffer += '<tr><td colspan="8"><button name="showOtherFormats">' + hiddenFormats.slice(0, 3).join(', ') + (hiddenFormats.length > 3 ? ' and ' + (hiddenFormats.length - 3) + ' other formats' : '') + ' not shown</button></td></tr>';
|
|
}
|
|
}
|
|
buffer += '</table></div>';
|
|
self.add('|raw|' + buffer);
|
|
} catch (e) {
|
|
self.add('|raw|Error: corrupted ranking data');
|
|
}
|
|
}), 'text');
|
|
return false;
|
|
|
|
case 'buttonban':
|
|
var self = this;
|
|
app.addPopupPrompt("Why do you wish to ban this user?", "Ban user", function (reason) {
|
|
self.send('/ban ' + toName(target) + ', ' + (reason || ''));
|
|
});
|
|
return false;
|
|
|
|
case 'buttonmute':
|
|
var self = this;
|
|
app.addPopupPrompt("Why do you wish to mute this user?", "Mute user", function (reason) {
|
|
self.send('/mute ' + toName(target) + ', ' + (reason || ''));
|
|
});
|
|
return false;
|
|
|
|
case 'buttonunmute':
|
|
this.send('/unmute ' + target);
|
|
return false;
|
|
|
|
case 'buttonkick':
|
|
case 'buttonwarn':
|
|
var self = this;
|
|
app.addPopupPrompt("Why do you wish to warn this user?", "Warn user", function (reason) {
|
|
self.send('/warn ' + toName(target) + ', ' + (reason || ''));
|
|
});
|
|
return false;
|
|
|
|
case 'joim':
|
|
case 'join':
|
|
var room = toRoomid(target);
|
|
if (app.rooms[target]) {
|
|
app.focusRoom(target);
|
|
return false;
|
|
}
|
|
room = toId(target);
|
|
if (app.rooms[room]) {
|
|
app.focusRoom(room);
|
|
return false;
|
|
}
|
|
return text; // Send the /join command through to the server.
|
|
|
|
case 'part':
|
|
case 'leave':
|
|
if (this.requestLeave && !this.requestLeave()) return false;
|
|
return text;
|
|
|
|
case 'avatar':
|
|
var parts = target.split(',');
|
|
var avatar = parseInt(parts[0], 10);
|
|
if (avatar) {
|
|
Tools.prefs('avatar', avatar);
|
|
}
|
|
return text; // Send the /avatar command through to the server.
|
|
|
|
// documentation of client commands
|
|
case 'help':
|
|
switch (toId(target)) {
|
|
case 'challenge':
|
|
this.add('/challenge - Open a prompt to challenge a user to a battle.');
|
|
this.add('/challenge [user] - Challenge the user [user] to a battle.');
|
|
return false;
|
|
case 'accept':
|
|
this.add('/accept - Accept a challenge if only one is pending.');
|
|
this.add('/accept [user] - Accept a challenge from the specified user.');
|
|
return false;
|
|
case 'reject':
|
|
this.add('/reject - Reject a challenge if only one is pending.');
|
|
this.add('/reject [user] - Reject a challenge from the specified user.');
|
|
return false;
|
|
case 'user':
|
|
case 'open':
|
|
this.add('/user [user] - Open a popup containing the user [user]\'s avatar, name, rank, and chatroom list.');
|
|
return false;
|
|
case 'ignore':
|
|
case 'unignore':
|
|
this.add('/ignore [user] - Ignore all messages from the user [user].');
|
|
this.add('/unignore [user] - Remove the user [user] from your ignore list.');
|
|
this.add('Note that staff messages cannot be ignored.');
|
|
return false;
|
|
case 'nick':
|
|
this.add('/nick [new username] - Change your username.');
|
|
return false;
|
|
case 'clear':
|
|
this.add('/clear - Clear the room\'s chat log.');
|
|
return false;
|
|
case 'showdebug':
|
|
case 'hidedebug':
|
|
this.add('/showdebug - Receive debug messages from battle events.');
|
|
this.add('/hidedebug - Ignore debug messages from battle events.');
|
|
return false;
|
|
case 'showjoins':
|
|
case 'hidejoins':
|
|
this.add('/showjoins - Receive users\' join/leave messages.');
|
|
this.add('/hidejoins - Ignore users\' join/leave messages.');
|
|
return false;
|
|
case 'showbattles':
|
|
case 'hidebattles':
|
|
this.add('/showbattles - Receive links to new battles in Lobby.');
|
|
this.add('/hidebattles - Ignore links to new battles in Lobby.');
|
|
return false;
|
|
case 'unpackhidden':
|
|
case 'packhidden':
|
|
this.add('/unpackhidden - Suppress hiding locked or banned users\' chat messages after the fact.');
|
|
this.add('/packhidden - Hide locked or banned users\' chat messages after the fact.');
|
|
this.add('Hidden messages from a user can be restored by clicking the button underneath their lock/ban reason.');
|
|
return false;
|
|
case 'timestamps':
|
|
this.add('Set your timestamps preference:');
|
|
this.add('/timestamps [all|lobby|pms], [minutes|seconds|off]');
|
|
this.add('all - Change all timestamps preferences, lobby - Change only lobby chat preferences, pms - Change only PM preferences.');
|
|
this.add('off - Set timestamps off, minutes - Show timestamps of the form [hh:mm], seconds - Show timestamps of the form [hh:mm:ss].');
|
|
return false;
|
|
case 'highlight':
|
|
case 'hl':
|
|
this.add('Set up highlights:');
|
|
this.add('/highlight add, [word] - Add the word [word] to the highlight list.');
|
|
this.add('/highlight list - List all words that currently highlight you.');
|
|
this.add('/highlight delete, [word] - Delete the word [word] from the highlight list.');
|
|
this.add('/highlight delete - Clear the highlight list.');
|
|
return false;
|
|
case 'rank':
|
|
case 'ranking':
|
|
case 'rating':
|
|
case 'ladder':
|
|
this.add('/rating - Get your own rating.');
|
|
this.add('/rating [username] - Get user [username]\'s rating.');
|
|
return false;
|
|
case 'join':
|
|
this.add('/join [roomname] - Attempt to join the room [roomname].');
|
|
return false;
|
|
}
|
|
}
|
|
|
|
return text;
|
|
},
|
|
|
|
challengeData: {},
|
|
challengeUserdetails: function (data) {
|
|
app.off('response:userdetails', this.challengeUserdetails);
|
|
|
|
if (!data || this.challengeData.userid !== data.userid) return;
|
|
|
|
if (data.rooms === false) {
|
|
this.add('This player does not exist or is not online.');
|
|
return;
|
|
}
|
|
|
|
app.focusRoom('');
|
|
var name = data.name || this.challengeData.userid;
|
|
if (/^[a-z0-9]/i.test(name)) name = ' ' + name;
|
|
app.rooms[''].challenge(name, this.challengeData.format, this.challengeData.team);
|
|
},
|
|
|
|
showOtherFormats: function (d, target) {
|
|
var autoscroll = (this.$chatFrame.scrollTop() + 60 >= this.$chat.height() - this.$chatFrame.height());
|
|
|
|
var $target = $(target);
|
|
var $table = $target.closest('table');
|
|
$table.find('tr.hidden').show();
|
|
$table.find('tr.no-matches').remove();
|
|
$target.closest('tr').remove();
|
|
|
|
if (autoscroll) {
|
|
this.$chatFrame.scrollTop(this.$chat.height());
|
|
}
|
|
}
|
|
}, {
|
|
toggleFormatChar: function (textbox, formatChar) {
|
|
if (!textbox.setSelectionRange) return false;
|
|
|
|
var value = textbox.value;
|
|
var start = textbox.selectionStart;
|
|
var end = textbox.selectionEnd;
|
|
|
|
// make sure start and end aren't midway through the syntax
|
|
if (value.charAt(start) === formatChar && value.charAt(start - 1) === formatChar &&
|
|
value.charAt(start - 2) !== formatChar) {
|
|
start++;
|
|
}
|
|
if (value.charAt(end) === formatChar && value.charAt(end - 1) === formatChar &&
|
|
value.charAt(end - 2) !== formatChar) {
|
|
end--;
|
|
}
|
|
|
|
// wrap in doubled format char
|
|
var wrap = formatChar + formatChar;
|
|
value = value.substr(0, start) + wrap + value.substr(start, end - start) + wrap + value.substr(end);
|
|
start += 2, end += 2;
|
|
|
|
// prevent nesting
|
|
var nesting = wrap + wrap;
|
|
if (value.substr(start - 4, 4) === nesting) {
|
|
value = value.substr(0, start - 4) + value.substr(start);
|
|
start -= 4, end -= 4;
|
|
} else if (start !== end && value.substr(start - 2, 4) === nesting) {
|
|
value = value.substr(0, start - 2) + value.substr(start + 2);
|
|
start -= 2, end -= 4;
|
|
}
|
|
if (value.substr(end, 4) === nesting) {
|
|
value = value.substr(0, end) + value.substr(end + 4);
|
|
} else if (start !== end && value.substr(end - 2, 4) === nesting) {
|
|
value = value.substr(0, end - 2) + value.substr(end + 2);
|
|
end -= 2;
|
|
}
|
|
|
|
textbox.value = value;
|
|
textbox.setSelectionRange(start, end);
|
|
return true;
|
|
}
|
|
});
|
|
|
|
var ChatRoom = this.ChatRoom = ConsoleRoom.extend({
|
|
minWidth: 320,
|
|
minMainWidth: 580,
|
|
maxWidth: 1024,
|
|
isSideRoom: true,
|
|
initialize: function () {
|
|
var buf = '<div class="tournament-wrapper"></div><div class="chat-log"><div class="inner"></div></div></div><div class="chat-log-add">Connecting...</div><ul class="userlist"></ul>';
|
|
this.$el.addClass('ps-room-light').html(buf);
|
|
|
|
this.$chatAdd = this.$('.chat-log-add');
|
|
this.$chatFrame = this.$('.chat-log');
|
|
this.$chat = this.$('.inner');
|
|
this.$chatbox = null;
|
|
|
|
this.$tournamentWrapper = this.$('.tournament-wrapper');
|
|
this.tournamentBox = null;
|
|
|
|
this.users = {};
|
|
this.userCount = {};
|
|
|
|
this.$joinLeave = null;
|
|
this.joinLeave = {
|
|
'join': [],
|
|
'leave': []
|
|
};
|
|
|
|
this.$userList = this.$('.userlist');
|
|
this.userList = new UserList({
|
|
el: this.$userList,
|
|
room: this
|
|
});
|
|
},
|
|
updateLayout: function () {
|
|
if (this.$el.width() >= 570) {
|
|
this.userList.show();
|
|
this.$chatFrame.addClass('hasuserlist');
|
|
this.$chatAdd.addClass('hasuserlist');
|
|
this.$tournamentWrapper.addClass('hasuserlist');
|
|
} else {
|
|
this.userList.hide();
|
|
this.$chatFrame.removeClass('hasuserlist');
|
|
this.$chatAdd.removeClass('hasuserlist');
|
|
this.$tournamentWrapper.removeClass('hasuserlist');
|
|
}
|
|
this.$chatFrame.scrollTop(this.$chat.height());
|
|
if (this.tournamentBox) this.tournamentBox.updateLayout();
|
|
},
|
|
show: function () {
|
|
Room.prototype.show.apply(this, arguments);
|
|
this.updateLayout();
|
|
},
|
|
join: function () {
|
|
app.send('/join ' + this.id);
|
|
},
|
|
leave: function () {
|
|
app.send('/leave ' + this.id);
|
|
app.updateAutojoin();
|
|
},
|
|
receive: function (data) {
|
|
this.add(data);
|
|
},
|
|
add: function (log) {
|
|
if (typeof log === 'string') log = log.split('\n');
|
|
var autoscroll = false;
|
|
if (this.$chatFrame.scrollTop() + 60 >= this.$chat.height() - this.$chatFrame.height()) {
|
|
autoscroll = true;
|
|
}
|
|
var userlist = '';
|
|
for (var i = 0; i < log.length; i++) {
|
|
if (log[i].substr(0, 7) === '|users|') {
|
|
userlist = log[i];
|
|
} else {
|
|
this.addRow(log[i]);
|
|
}
|
|
}
|
|
if (userlist) this.addRow(userlist);
|
|
if (autoscroll) {
|
|
this.$chatFrame.scrollTop(this.$chat.height());
|
|
}
|
|
var $children = this.$chat.children();
|
|
if ($children.length > 900) {
|
|
$children.slice(0, 100).remove();
|
|
}
|
|
},
|
|
addPM: function (user, message, pm) {
|
|
var autoscroll = false;
|
|
if (this.$chatFrame.scrollTop() + 60 >= this.$chat.height() - this.$chatFrame.height()) {
|
|
autoscroll = true;
|
|
}
|
|
this.addChat(user, message, pm);
|
|
if (autoscroll) {
|
|
this.$chatFrame.scrollTop(this.$chat.height());
|
|
}
|
|
},
|
|
addRow: function (line) {
|
|
var name, name2, room, action, silent, oldid;
|
|
if (line && typeof line === 'string') {
|
|
if (line.substr(0, 1) !== '|') line = '||' + line;
|
|
var row = line.substr(1).split('|');
|
|
switch (row[0]) {
|
|
case 'init':
|
|
// ignore (handled elsewhere)
|
|
break;
|
|
|
|
case 'title':
|
|
this.title = row[1];
|
|
app.roomTitleChanged(this);
|
|
app.topbar.updateTabbar();
|
|
break;
|
|
|
|
case 'c':
|
|
case 'chat':
|
|
if (/[a-zA-Z0-9]/.test(row[1].charAt(0))) row[1] = ' ' + row[1];
|
|
this.addChat(row[1], row.slice(2).join('|'));
|
|
break;
|
|
|
|
case ':':
|
|
this.timeOffset = ~~(Date.now() / 1000) - (parseInt(row[1], 10) || 0);
|
|
break;
|
|
case 'c:':
|
|
if (/[a-zA-Z0-9]/.test(row[2].charAt(0))) row[2] = ' ' + row[2];
|
|
var msgTime = this.timeOffset + (parseInt(row[1], 10) || 0);
|
|
this.addChat(row[2], row.slice(3).join('|'), false, msgTime);
|
|
break;
|
|
|
|
case 'tc':
|
|
if (/[a-zA-Z0-9]/.test(row[2].charAt(0))) row[2] = ' ' + row[2];
|
|
var msgTime = row[1] ? ~~(Date.now() / 1000) - (parseInt(row[1], 10) || 0) : 0;
|
|
this.addChat(row[2], row.slice(3).join('|'), false, msgTime);
|
|
break;
|
|
|
|
case 'b':
|
|
case 'B':
|
|
var id = row[1];
|
|
name = row[2];
|
|
name2 = row[3];
|
|
silent = (row[0] === 'B');
|
|
|
|
var matches = ChatRoom.parseBattleID(id);
|
|
if (!matches) {
|
|
return; // bogus room ID could be used to inject JavaScript
|
|
}
|
|
var format = Tools.escapeFormat(matches ? matches[1] : '');
|
|
|
|
if (silent && !Tools.prefs('showbattles')) return;
|
|
|
|
this.addJoinLeave();
|
|
var battletype = 'Battle';
|
|
if (format) {
|
|
battletype = format + ' battle';
|
|
if (format === 'Random Battle') battletype = 'Random Battle';
|
|
}
|
|
this.$chat.append('<div class="notice"><a href="' + app.root + id + '" class="ilink">' + battletype + ' started between <strong style="' + hashColor(toUserid(name)) + '">' + Tools.escapeHTML(name) + '</strong> and <strong style="' + hashColor(toUserid(name2)) + '">' + Tools.escapeHTML(name2) + '</strong>.</a></div>');
|
|
break;
|
|
|
|
case 'j':
|
|
case 'join':
|
|
case 'J':
|
|
this.addJoinLeave('join', row[1], null, row[0] === 'J');
|
|
break;
|
|
|
|
case 'l':
|
|
case 'leave':
|
|
case 'L':
|
|
this.addJoinLeave('leave', row[1], null, row[0] === 'L');
|
|
break;
|
|
|
|
case 'n':
|
|
case 'name':
|
|
case 'N':
|
|
this.addJoinLeave('rename', row[1], row[2], true);
|
|
break;
|
|
|
|
|
|
case 'users':
|
|
this.parseUserList(row[1]);
|
|
break;
|
|
|
|
case 'usercount':
|
|
if (this.id === 'lobby') {
|
|
this.userCount.globalUsers = parseInt(row[1], 10);
|
|
this.userList.updateUserCount();
|
|
}
|
|
break;
|
|
|
|
case 'formats':
|
|
// deprecated; please send formats to the global room
|
|
app.parseFormats(row);
|
|
break;
|
|
|
|
case 'raw':
|
|
case 'html':
|
|
this.$chat.append('<div class="notice">' + Tools.sanitizeHTML(row.slice(1).join('|')) + '</div>');
|
|
break;
|
|
|
|
case 'uhtml':
|
|
this.$chat.append('<div class="notice uhtml-' + toId(row[1]) + '">' + Tools.sanitizeHTML(row.slice(2).join('|')) + '</div>');
|
|
break;
|
|
|
|
case 'uhtmlchange':
|
|
var $elements = this.$chat.find('div.uhtml-' + toId(row[1]));
|
|
if (!$elements.length) break;
|
|
$elements.html(Tools.sanitizeHTML(row.slice(2).join('|')));
|
|
break;
|
|
|
|
case 'unlink':
|
|
// note: this message has global effects, but it's handled here
|
|
// so that it can be included in the scrollback buffer.
|
|
if (Tools.prefs('nounlink')) return;
|
|
var user = toId(row[2]) || toId(row[1]);
|
|
var $messages = $('.chatmessage-' + user);
|
|
if (!$messages.length) break;
|
|
$messages.find('a').contents().unwrap();
|
|
if (row[2]) {
|
|
if (row[1] === 'roomhide') {
|
|
$messages = this.$chat.find('.chatmessage-' + user);
|
|
if (!$messages.length) break;
|
|
}
|
|
$messages.hide().find('button').parent().remove();
|
|
this.$chat.append('<div class="chatmessage-' + user + '"><button name="toggleMessages" value="' + user + '"><small>View ' + $messages.length + ' hidden message' + ($messages.length > 1 ? 's' : '') + ' (' + user + ')</small></button></div>');
|
|
}
|
|
break;
|
|
|
|
case 'tournament':
|
|
case 'tournaments':
|
|
if (Tools.prefs('notournaments')) break;
|
|
if (!this.tournamentBox) this.tournamentBox = new TournamentBox(this, this.$tournamentWrapper);
|
|
if (!this.tournamentBox.parseMessage(row.slice(1), row[0] === 'tournaments')) break;
|
|
// fallthrough in case of unparsed message
|
|
|
|
case '':
|
|
this.$chat.append('<div class="notice">' + Tools.escapeHTML(row.slice(1).join('|')) + '</div>');
|
|
break;
|
|
|
|
default:
|
|
this.$chat.append('<div class="notice"><code>|' + Tools.escapeHTML(row.join('|')) + '</code></div>');
|
|
break;
|
|
}
|
|
}
|
|
},
|
|
toggleMessages: function (user) {
|
|
var $messages = $('.chatmessage-' + user);
|
|
var $button = $messages.find('button');
|
|
if ($messages.hasClass('revealed')) {
|
|
$messages.removeClass('revealed').hide();
|
|
$button.html('<small>View ' + ($messages.length - 1) + ' hidden message' + ($messages.length > 1 ? 's' : '') + ' (' + user + ')</small>');
|
|
$button.parent().show();
|
|
} else {
|
|
$messages.addClass('revealed');
|
|
$button.html('<small>Hide ' + ($messages.length - 1) + ' revealed message' + ($messages.length > 1 ? 's' : '') + ' (' + user + ')</small>');
|
|
$button.parent().removeClass('revealed');
|
|
$messages.show();
|
|
}
|
|
},
|
|
tournamentButton: function (val, button) {
|
|
if (this.tournamentBox) this.tournamentBox[$(button).data('type')](val, button);
|
|
},
|
|
parseUserList: function (userList) {
|
|
this.userCount = {};
|
|
this.users = {};
|
|
var commaIndex = userList.indexOf(',');
|
|
if (commaIndex >= 0) {
|
|
this.userCount.users = parseInt(userList.substr(0, commaIndex), 10);
|
|
var users = userList.substr(commaIndex + 1).split(',');
|
|
for (var i = 0, len = users.length; i < len; i++) {
|
|
if (users[i]) this.users[toId(users[i])] = users[i];
|
|
}
|
|
} else {
|
|
this.userCount.users = parseInt(userList);
|
|
this.userCount.guests = this.userCount.users;
|
|
}
|
|
this.userList.construct();
|
|
},
|
|
addJoinLeave: function (action, name, oldid, silent) {
|
|
var userid = toUserid(name);
|
|
if (!action) {
|
|
this.$joinLeave = null;
|
|
this.joinLeave = {
|
|
'join': [],
|
|
'leave': []
|
|
};
|
|
return;
|
|
} else if (action === 'join') {
|
|
if (oldid) delete this.users[toUserid(oldid)];
|
|
if (!this.users[userid]) this.userCount.users++;
|
|
this.users[userid] = name;
|
|
this.userList.add(userid);
|
|
this.userList.updateUserCount();
|
|
this.userList.updateNoUsersOnline();
|
|
} else if (action === 'leave') {
|
|
if (this.users[userid]) this.userCount.users--;
|
|
delete this.users[userid];
|
|
this.userList.remove(userid);
|
|
this.userList.updateUserCount();
|
|
this.userList.updateNoUsersOnline();
|
|
} else if (action === 'rename') {
|
|
if (oldid) delete this.users[toUserid(oldid)];
|
|
this.users[userid] = name;
|
|
this.userList.remove(oldid);
|
|
this.userList.add(userid);
|
|
return;
|
|
}
|
|
if (silent && !Tools.prefs('showjoins')) return;
|
|
if (!this.$joinLeave) {
|
|
this.$chat.append('<div class="message"><small>Loading...</small></div>');
|
|
this.$joinLeave = this.$chat.children().last();
|
|
}
|
|
this.joinLeave[action].push(name);
|
|
var message = '';
|
|
if (this.joinLeave['join'].length) {
|
|
var preList = this.joinLeave['join'];
|
|
var list = [];
|
|
var named = {};
|
|
for (var j = 0; j < preList.length; j++) {
|
|
if (!named[preList[j]]) list.push(preList[j]);
|
|
named[preList[j]] = true;
|
|
}
|
|
for (var j = 0; j < list.length; j++) {
|
|
if (j >= 5) {
|
|
message += ', and ' + (list.length - 5) + ' others';
|
|
break;
|
|
}
|
|
if (j > 0) {
|
|
if (j == 1 && list.length == 2) {
|
|
message += ' and ';
|
|
} else if (j == list.length - 1) {
|
|
message += ', and ';
|
|
} else {
|
|
message += ', ';
|
|
}
|
|
}
|
|
message += Tools.escapeHTML(list[j]);
|
|
}
|
|
message += ' joined';
|
|
}
|
|
if (this.joinLeave['leave'].length) {
|
|
if (this.joinLeave['join'].length) {
|
|
message += '; ';
|
|
}
|
|
var preList = this.joinLeave['leave'];
|
|
var list = [];
|
|
var named = {};
|
|
for (var j = 0; j < preList.length; j++) {
|
|
if (!named[preList[j]]) list.push(preList[j]);
|
|
named[preList[j]] = true;
|
|
}
|
|
for (var j = 0; j < list.length; j++) {
|
|
if (j >= 5) {
|
|
message += ', and ' + (list.length - 5) + ' others';
|
|
break;
|
|
}
|
|
if (j > 0) {
|
|
if (j == 1 && list.length == 2) {
|
|
message += ' and ';
|
|
} else if (j == list.length - 1) {
|
|
message += ', and ';
|
|
} else {
|
|
message += ', ';
|
|
}
|
|
}
|
|
message += Tools.escapeHTML(list[j]);
|
|
}
|
|
message += ' left<br />';
|
|
}
|
|
this.$joinLeave.html('<small style="color: #555555">' + message + '</small>');
|
|
},
|
|
addChat: function (name, message, pm, msgTime) {
|
|
var userid = toUserid(name);
|
|
|
|
if (app.ignore[userid] && (name.charAt(0) === ' ' || name.charAt(0) === '+')) return;
|
|
|
|
// Add this user to the list of people who have spoken recently.
|
|
this.markUserActive(userid);
|
|
|
|
this.$joinLeave = null;
|
|
this.joinLeave = {
|
|
'join': [],
|
|
'leave': []
|
|
};
|
|
|
|
if (pm) {
|
|
var pmuserid = toUserid(pm);
|
|
var oName = pmuserid === app.user.get('userid') ? name : pm;
|
|
var clickableName = '<span class="username" data-name="' + Tools.escapeHTML(name) + '">' + Tools.escapeHTML(name.substr(1)) + '</span>';
|
|
this.$chat.append(
|
|
'<div class="chat chatmessage-' + toId(name) + '">' + ChatRoom.getTimestamp('lobby', msgTime) +
|
|
'<strong style="' + hashColor(userid) + '">' + clickableName + ':</strong>' +
|
|
'<span class="message-pm"><i class="pmnote" data-name="' + Tools.escapeHTML(oName) + '">(Private to ' + Tools.escapeHTML(pm) + ')</i> ' + Tools.parseMessage(message) + '</span>' +
|
|
'</div>'
|
|
);
|
|
return; // PMs independently notify in the man menu; no need to make them notify again with `inchatpm`.
|
|
}
|
|
|
|
var lastMessageDates = Tools.prefs('logtimes') || (Tools.prefs('logtimes', {}), Tools.prefs('logtimes'));
|
|
if (!lastMessageDates[Config.server.id]) lastMessageDates[Config.server.id] = {};
|
|
var lastMessageDate = lastMessageDates[Config.server.id][this.id] || 0;
|
|
var mayNotify = msgTime > lastMessageDate;
|
|
|
|
if (app.focused && (this === app.curSideRoom || this === app.curRoom)) {
|
|
this.lastMessageDate = 0;
|
|
lastMessageDates[Config.server.id][this.id] = msgTime;
|
|
Storage.prefs.save();
|
|
} else {
|
|
// To be saved on focus
|
|
this.lastMessageDate = Math.max(this.lastMessageDate || 0, msgTime);
|
|
}
|
|
|
|
var isHighlighted = userid !== app.user.get('userid') && this.getHighlight(message);
|
|
var parsedMessage = Tools.parseChatMessage(message, name, ChatRoom.getTimestamp('chat', msgTime), isHighlighted);
|
|
if (!$.isArray(parsedMessage)) parsedMessage = [parsedMessage];
|
|
for (var i = 0; i < parsedMessage.length; i++) {
|
|
if (!parsedMessage[i]) continue;
|
|
this.$chat.append(parsedMessage[i]);
|
|
}
|
|
|
|
if (mayNotify && isHighlighted) {
|
|
var $lastMessage = this.$chat.children().last();
|
|
var notifyTitle = "Mentioned by " + name + (this.id === 'lobby' ? '' : " in " + this.title);
|
|
var notifyText = $lastMessage.html().indexOf('<span class="spoiler">') >= 0 ? '(spoiler)' : $lastMessage.children().last().text();
|
|
this.notifyOnce(notifyTitle, "\"" + notifyText + "\"", 'highlight');
|
|
} else if (mayNotify && name !== '~') { // |c:|~| prefixes a system message
|
|
this.subtleNotifyOnce();
|
|
}
|
|
|
|
if (message.substr(0, 4) === '/me ' || message.substr(0, 5) === '/mee') {
|
|
Storage.logChat(this.id, '* ' + name + (message.substr(0, 4) === '/me ' ? ' ' : '') + message);
|
|
} else if (message.substr(0, 10) === '/announce ' || message.substr(0, 1) !== '/') {
|
|
Storage.logChat(this.id, '' + name + ': ' + message);
|
|
}
|
|
}
|
|
}, {
|
|
getTimestamp: function (section, msgTime) {
|
|
var pref = Tools.prefs('timestamps') || {};
|
|
var sectionPref = ((section === 'pms') ? pref.pms : pref.lobby) || 'off';
|
|
if ((sectionPref === 'off') || (sectionPref === undefined)) return '';
|
|
|
|
var date = (msgTime && !isNaN(msgTime) ? new Date(msgTime * 1000) : new Date());
|
|
var components = [date.getHours(), date.getMinutes()];
|
|
if (sectionPref === 'seconds') {
|
|
components.push(date.getSeconds());
|
|
}
|
|
return '<small>[' + components.map(
|
|
function (x) { return (x < 10) ? '0' + x : x; }
|
|
).join(':') + '] </small>';
|
|
},
|
|
parseBattleID: function (id) {
|
|
if (id.lastIndexOf('-') > 6) {
|
|
return id.match(/^battle\-([a-z0-9]*)\-?[0-9]*$/);
|
|
}
|
|
return id.match(/^battle\-([a-z0-9]*[a-z])[0-9]*$/);
|
|
}
|
|
});
|
|
|
|
// user list
|
|
|
|
var UserList = this.UserList = Backbone.View.extend({
|
|
initialize: function (options) {
|
|
this.room = options.room;
|
|
},
|
|
events: {
|
|
'click .userlist-count': 'toggleUserlist'
|
|
},
|
|
construct: function () {
|
|
var buf = '';
|
|
buf += '<li class="userlist-count" id="' + this.room.id + '-userlist-users" style="text-align:center;padding:2px 0"><small><span id="' + this.room.id + '-usercount-users">' + (this.room.userCount.users || '0') + '</span> users</small></li>';
|
|
var users = [];
|
|
if (this.room.users) {
|
|
var self = this;
|
|
users = Object.keys(this.room.users).sort(function (a, b) {
|
|
return self.comparator(a, b);
|
|
});
|
|
}
|
|
for (var i = 0, len = users.length; i < users.length; i++) {
|
|
var userid = users[i];
|
|
buf += this.constructItem(userid);
|
|
}
|
|
if (!users.length) {
|
|
buf += this.getNoNamedUsersOnline();
|
|
}
|
|
if (this.room.userCount.guests) {
|
|
buf += '<li id="' + this.room.id + '-userlist-guests" style="text-align:center;padding:2px 0"><small>(<span id="' + this.room.id + '-usercount-guests">' + this.room.userCount.guests + '</span> guest' + (this.room.userCount.guests == 1 ? '' : 's') + ')</small></li>';
|
|
}
|
|
this.$el.html(buf);
|
|
},
|
|
ranks: {
|
|
'~': 2,
|
|
'#': 2,
|
|
'&': 2,
|
|
'@': 1,
|
|
'%': 1,
|
|
'\u2605': 1,
|
|
'+': 1,
|
|
' ': 0,
|
|
'!': 0,
|
|
'‽': 0
|
|
},
|
|
rankOrder: {
|
|
'~': 1,
|
|
'#': 2,
|
|
'&': 3,
|
|
'@': 4,
|
|
'%': 5,
|
|
'\u2605': 6,
|
|
'+': 7,
|
|
' ': 8,
|
|
'!': 9,
|
|
'‽': 10
|
|
},
|
|
toggleUserlist: function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (this.$el.hasClass('userlist-minimized')) {
|
|
this.$el.removeClass('userlist-minimized');
|
|
this.$el.addClass('userlist-maximized');
|
|
} else if (this.$el.hasClass('userlist-maximized')) {
|
|
this.$el.removeClass('userlist-maximized');
|
|
this.$el.addClass('userlist-minimized');
|
|
}
|
|
},
|
|
show: function() {
|
|
this.$el.removeClass('userlist-minimized');
|
|
this.$el.removeClass('userlist-maximized');
|
|
},
|
|
hide: function() {
|
|
this.$el.scrollTop(0);
|
|
this.$el.addClass('userlist-minimized');
|
|
},
|
|
updateUserCount: function () {
|
|
var users = Math.max(this.room.userCount.users || 0, this.room.userCount.globalUsers || 0);
|
|
$('#' + this.room.id + '-usercount-users').html('' + users);
|
|
},
|
|
add: function (userid) {
|
|
$('#' + this.room.id + '-userlist-user-' + userid).remove();
|
|
var users = this.$el.children();
|
|
// Determine where to insert the user using a binary search.
|
|
var left = 0;
|
|
var right = users.length - 1;
|
|
while (right >= left) {
|
|
var mid = Math.floor((right - left) / 2 + left);
|
|
var cmp = this.elemComparator(users[mid], userid);
|
|
if (cmp < 0) {
|
|
left = mid + 1;
|
|
} else if (cmp > 0) {
|
|
right = mid - 1;
|
|
} else {
|
|
// The user is already in the list.
|
|
return;
|
|
}
|
|
}
|
|
$(this.constructItem(userid)).insertAfter($(users[right]));
|
|
},
|
|
remove: function (userid) {
|
|
$('#' + this.room.id + '-userlist-user-' + userid).remove();
|
|
},
|
|
constructItem: function (userid) {
|
|
var name = this.room.users[userid];
|
|
var text = '';
|
|
// Sanitising the `userid` here is probably unnecessary, because
|
|
// IDs can't contain anything dangerous.
|
|
text += '<li' + (this.room.userForm === userid ? ' class="cur"' : '') + ' id="' + this.room.id + '-userlist-user-' + Tools.escapeHTML(userid) + '">';
|
|
text += '<button class="userbutton username" data-name="' + Tools.escapeHTML(name) + '">';
|
|
var group = name.charAt(0);
|
|
text += '<em class="group' + (this.ranks[group] === 2 ? ' staffgroup' : '') + '">' + Tools.escapeHTML(group) + '</em>';
|
|
if (group === '~' || group === '&' || group === '#') {
|
|
text += '<strong><em style="' + hashColor(userid) + '">' + Tools.escapeHTML(name.substr(1)) + '</em></strong>';
|
|
} else if (group === '%' || group === '@') {
|
|
text += '<strong style="' + hashColor(userid) + '">' + Tools.escapeHTML(name.substr(1)) + '</strong>';
|
|
} else {
|
|
text += '<span style="' + hashColor(userid) + '">' + Tools.escapeHTML(name.substr(1)) + '</span>';
|
|
}
|
|
text += '</button>';
|
|
text += '</li>';
|
|
return text;
|
|
},
|
|
elemComparator: function (elem, userid) {
|
|
// look at the part of the `id` after the roomid
|
|
var id = elem.id.substr(this.room.id.length + 1);
|
|
switch (id) {
|
|
case 'userlist-users':
|
|
return -1; // `elem` comes first
|
|
case 'userlist-empty':
|
|
case 'userlist-unregistered':
|
|
case 'userlist-guests':
|
|
return 1; // `userid` comes first
|
|
}
|
|
// extract the portion of the `id` after 'userlist-user-'
|
|
var elemuserid = id.substr(14);
|
|
return this.comparator(elemuserid, userid);
|
|
},
|
|
comparator: function (a, b) {
|
|
if (a === b) return 0;
|
|
var aRank = (this.rankOrder[this.room.users[a] ? this.room.users[a].substr(0, 1) : ' '] || 6);
|
|
var bRank = (this.rankOrder[this.room.users[b] ? this.room.users[b].substr(0, 1) : ' '] || 6);
|
|
if (aRank !== bRank) return aRank - bRank;
|
|
return (a > b ? 1 : -1);
|
|
},
|
|
getNoNamedUsersOnline: function () {
|
|
return '<li id="' + this.room.id + '-userlist-empty">Only guests</li>';
|
|
},
|
|
updateNoUsersOnline: function () {
|
|
var elem = $('#' + this.room.id + '-userlist-empty');
|
|
if ($("[id^=" + this.room.id + "-userlist-user-]").length === 0) {
|
|
if (elem.length === 0) {
|
|
var guests = $('#' + this.room.id + '-userlist-guests');
|
|
if (guests.length === 0) {
|
|
this.$el.append($(this.getNoNamedUsersOnline()));
|
|
} else {
|
|
guests.before($(this.getNoNamedUsersOnline()));
|
|
}
|
|
}
|
|
} else {
|
|
elem.remove();
|
|
}
|
|
}
|
|
});
|
|
|
|
}).call(this, jQuery);
|
|
|
|
function ChatHistory () {
|
|
this.lines = [];
|
|
this.index = 0;
|
|
}
|
|
|
|
ChatHistory.prototype.push = function (line) {
|
|
var duplicate = this.lines.indexOf(line);
|
|
if (duplicate >= 0) this.lines.splice(duplicate, 1);
|
|
if (this.lines.length > 100) this.lines.splice(0, 20);
|
|
this.lines.push(line);
|
|
this.index = this.lines.length;
|
|
};
|
|
|
|
ChatHistory.prototype.up = function (line) { // Ensure index !== 0 first!
|
|
if (line !== '') this.lines[this.index] = line;
|
|
return this.lines[--this.index];
|
|
};
|
|
|
|
ChatHistory.prototype.down = function (line) {
|
|
if (line !== '') this.lines[this.index] = line;
|
|
if (this.index === this.lines.length) return '';
|
|
if (++this.index === this.lines.length) return '';
|
|
return this.lines[this.index];
|
|
};
|