mirror of
https://github.com/smogon/pokemon-showdown-client.git
synced 2026-03-21 17:50:29 -05:00
1659 lines
66 KiB
JavaScript
1659 lines
66 KiB
JavaScript
(function ($) {
|
|
|
|
this.MainMenuRoom = this.Room.extend({
|
|
type: 'mainmenu',
|
|
tinyWidth: 340,
|
|
bestWidth: 628,
|
|
events: {
|
|
'keydown textarea': 'keyDown',
|
|
'keyup textarea': 'keyUp',
|
|
'click .username': 'clickUsername',
|
|
'click .header-username': 'clickUsername',
|
|
'click .closebutton': 'closePM',
|
|
'click .minimizebutton': 'minimizePM',
|
|
'click .pm-challenge': 'clickPMButtonBarChallenge',
|
|
'click .pm-userOptions': 'clickPMButtonBarUserOptions',
|
|
'click .pm-window': 'clickPMBackground',
|
|
'dblclick .pm-window h3': 'dblClickPMHeader',
|
|
'focus textarea': 'onFocusPM',
|
|
'blur textarea': 'onBlurPM',
|
|
'click .spoiler': 'clickSpoiler',
|
|
'click .datasearch': 'clickDatasearchResults',
|
|
'click button.formatselect': 'selectFormat',
|
|
'click button.teamselect': 'selectTeam',
|
|
'click button[name=partnersubmit]': 'selectTeammate'
|
|
},
|
|
initialize: function () {
|
|
this.$el.addClass('scrollable');
|
|
|
|
// left menu 2 (high-res: right, low-res: top)
|
|
// (created during page load)
|
|
|
|
// left menu 1 (high-res: left, low-res: bottom)
|
|
var buf = '';
|
|
if (app.down) {
|
|
buf += '<div class="menugroup" style="background: rgba(10,10,10,.6)">';
|
|
if (app.down === 'ddos') {
|
|
buf += '<p class="error"><strong>Pokémon Showdown is offline due to a DDoS attack!</strong></p>';
|
|
} else {
|
|
buf += '<p class="error"><strong>Pokémon Showdown is offline due to technical difficulties!</strong></p>';
|
|
}
|
|
buf += '<p><div style="text-align:center"><img width="96" height="96" src="//play.pokemonshowdown.com/sprites/gen5/teddiursa.png" alt="" class="pixelated" /></div> Bear with us as we freak out.</p>';
|
|
buf += '<p>(We\'ll be back up in a few hours.)</p>';
|
|
buf += '</div>';
|
|
} else {
|
|
buf += '<div class="menugroup"><form class="battleform" data-search="1">';
|
|
buf += '<p><label class="label">Format:</label>' + this.renderFormats() + '</p>';
|
|
buf += '<p><label class="label">Team:</label>' + this.renderTeams() + '</p>';
|
|
buf += '<p><label class="label" name="partner" style="display:none">';
|
|
buf += 'Partner:<br />';
|
|
buf += '<input class="partnerselect" /><button name="partnersubmit">Invite</button></label></p>';
|
|
buf += '<p><label class="checkbox"><input type="checkbox" name="private" ' + (Storage.prefs('disallowspectators') ? 'checked' : '') + ' /> <abbr title="You can still invite spectators by giving them the URL or using the /invite command">Don\'t allow spectators</abbr></label></p>';
|
|
buf += '<p><button class="button mainmenu1 big" name="search"><strong>Battle!</strong><br /><small>Find a random opponent</small></button></p></form></div>';
|
|
}
|
|
|
|
buf += '<div class="menugroup">';
|
|
buf += '<p><button class="button mainmenu2" name="joinRoom" value="teambuilder">Teambuilder</button></p>';
|
|
buf += '<p><button class="button mainmenu3" name="joinRoom" value="ladder">Ladder</button></p>';
|
|
buf += '<p><button class="button mainmenu4" name="send" value="/smogtours">Tournaments</button></p>';
|
|
buf += '</div>';
|
|
|
|
buf += '<div class="menugroup"><p><button class="button mainmenu4 onlineonly disabled" name="joinRoom" value="battles">Watch a battle</button></p>';
|
|
buf += '<p><button class="button mainmenu5 onlineonly disabled" name="finduser">Find a user</button></p>';
|
|
buf += '<p><button class="button mainmenu6 onlineonly disabled" name="send" value="/friends">Friends</button></p>';
|
|
buf += '<p><button class="button mainmenu7" name="joinRoom" value="resources">Info & Resources</button></p></div>';
|
|
|
|
this.$('.mainmenu').html(buf);
|
|
|
|
// right menu
|
|
if (document.location.hostname === Config.routes.client) {
|
|
this.$('.rightmenu').html('<div class="menugroup"><p><button class="button mainmenu1 onlineonly disabled" name="joinRoom" value="rooms">Join chat</button></p></div>');
|
|
} else {
|
|
this.$('.rightmenu').html('<div class="menugroup"><p><button class="button mainmenu1 onlineonly disabled" name="joinRoom" value="lobby">Join lobby chat</button></p></div>');
|
|
}
|
|
|
|
// footer
|
|
// (created during page load)
|
|
|
|
this.$activityMenu = this.$('.activitymenu');
|
|
this.$pmBox = this.$activityMenu.find('.pmbox');
|
|
|
|
app.on('init:formats', this.updateFormats, this);
|
|
this.updateFormats();
|
|
|
|
app.user.on('saveteams', this.updateTeams, this);
|
|
|
|
// news
|
|
// (created during page load)
|
|
|
|
var self = this;
|
|
Storage.whenPrefsLoaded(function () {
|
|
var newsid = Number(Storage.prefs('newsid'));
|
|
var $news = this.$('.news-embed');
|
|
if (!newsid) {
|
|
if ($(window).width() < 628) {
|
|
// News starts minimized in phone layout
|
|
self.minimizePM($news);
|
|
}
|
|
return;
|
|
}
|
|
var $newsEntries = $news.find('.newsentry');
|
|
var hasUnread = false;
|
|
for (var i = 0; i < $newsEntries.length; i++) {
|
|
if (Number($newsEntries.eq(i).data('newsid')) > newsid) {
|
|
hasUnread = true;
|
|
$newsEntries.eq(i).addClass('unread');
|
|
}
|
|
}
|
|
if (!hasUnread) self.minimizePM($news);
|
|
});
|
|
|
|
if (!app.roomsFirstOpen && window.location.host !== 'demo.psim.us' && window.innerWidth < 630) {
|
|
if (Config.roomsFirstOpenScript) {
|
|
Config.roomsFirstOpenScript(true);
|
|
}
|
|
app.roomsFirstOpen = 2;
|
|
}
|
|
if ('nw' in window && !nw.process.version.startsWith('v13.')) {
|
|
app.addPopupMessage(
|
|
"Your version of the app is out of date.\n" +
|
|
"Please go to pokemonshowdown.com to update it."
|
|
);
|
|
}
|
|
},
|
|
|
|
addPseudoPM: function (options) {
|
|
if (!options) return;
|
|
options.title = options.title || '';
|
|
options.html = options.html || '';
|
|
options.cssClass = options.cssClass || '';
|
|
options.height = options.height || 'auto';
|
|
options.maxHeight = options.maxHeight || '';
|
|
options.attributes = options.attributes || '';
|
|
options.append = options.append || false;
|
|
options.noMinimize = options.noMinimize || false;
|
|
|
|
this.$pmBox[options.append ? 'append' : 'prepend']('<div class="pm-window ' + options.cssClass + '" ' + options.attributes + '><h3><button class="closebutton" tabindex="-1" aria-label="Close"><i class="fa fa-times-circle"></i></button>' + (!options.noMinimize ? '<button class="minimizebutton" tabindex="-1" aria-label="Minimize"><i class="fa fa-minus-circle"></i></button>' : '') + options.title + '</h3><div class="pm-log" style="overflow:visible;height:' + (typeof options.height === 'number' ? options.height + 'px' : options.height) + ';' + (parseInt(options.height, 10) ? 'max-height:none' : (options.maxHeight ? 'max-height:' + (typeof options.maxHeight === 'number' ? options.maxHeight + 'px' : options.maxHeight) : '')) + '">' +
|
|
BattleLog.sanitizeHTML(options.html) +
|
|
'</div></div>');
|
|
},
|
|
|
|
// news
|
|
|
|
addNews: function () {
|
|
var self = this;
|
|
$.ajax({
|
|
url: "https://" + Config.routes.root + "/news.json",
|
|
dataType: "json",
|
|
success: function (data) {
|
|
var html = '';
|
|
for (var i = 0; i < 2; i++) {
|
|
var post = data[i];
|
|
var hasRead = data[i].id && Dex.prefs('readnews') === '' + data[i].id;
|
|
|
|
html += '<div class="newsentry' + (hasRead ? '' : ' unread') + '">';
|
|
if (post.title) html += '<h4>' + post.title + '</h4>';
|
|
if (post.summaryHTML) html += '<p>' + post.summaryHTML + '</p>';
|
|
html += '<p>';
|
|
if (post.author) html += '—<strong>' + post.author + '</strong>';
|
|
if (post.date) {
|
|
html += '<small class="date"> on ' + new Date(post.date * 1000).toDateString() + '</small>';
|
|
}
|
|
html += '</p></div>';
|
|
}
|
|
self.addPseudoPM({
|
|
title: 'Latest News',
|
|
html: html,
|
|
attributes: 'data-newsid="' + (data[0].id ? data[0].id : '1990') + '"',
|
|
cssClass: 'news-embed',
|
|
maxHeight: 'none'
|
|
});
|
|
}
|
|
});
|
|
},
|
|
|
|
/*********************************************************
|
|
* PMs
|
|
*********************************************************/
|
|
|
|
addPM: function (name, message, target) {
|
|
var userid = toUserid(name);
|
|
if (app.ignore[userid] && " +\u2606\u203D\u2716!".includes(name.charAt(0))) {
|
|
if (!app.ignoreNotified) {
|
|
message = '/nonotify A message from ' + BattleLog.escapeHTML(name) + ' was ignored.';
|
|
app.ignoreNotified = true;
|
|
}
|
|
return;
|
|
}
|
|
var isSelf = (toID(name) === app.user.get('userid'));
|
|
var oName = isSelf ? target : name;
|
|
Storage.logChat('pm-' + toID(oName), '' + name + ': ' + message);
|
|
|
|
var $pmWindow = this.openPM(oName, true);
|
|
var $chatFrame = $pmWindow.find('.pm-log');
|
|
var $chat = $pmWindow.find('.inner');
|
|
|
|
var autoscroll = ($chatFrame.scrollTop() + 60 >= $chat.height() - $chatFrame.height());
|
|
|
|
var parsedMessage = MainMenuRoom.parseChatMessage(message, name, ChatRoom.getTimestamp('pms'), false, $chat, false);
|
|
if (typeof parsedMessage.challenge === 'string') {
|
|
this.updateChallenge($pmWindow, parsedMessage.challenge, name, oName);
|
|
return;
|
|
}
|
|
var canNotify = true;
|
|
if (typeof parsedMessage === 'object' && 'noNotify' in parsedMessage) {
|
|
canNotify = !parsedMessage.noNotify;
|
|
parsedMessage = parsedMessage.message;
|
|
}
|
|
if (!$.isArray(parsedMessage)) parsedMessage = [parsedMessage];
|
|
for (var i = 0; i < parsedMessage.length; i++) {
|
|
if (!parsedMessage[i]) continue;
|
|
$chat.append(parsedMessage[i]);
|
|
}
|
|
|
|
var $lastMessage = $chat.children().last();
|
|
var textContent = $lastMessage.html().includes('<span class="spoiler">') ? '(spoiler)' : $lastMessage.children().last().text();
|
|
if (textContent && app.curSideRoom && app.curSideRoom.addPM && Dex.prefs('inchatpm')) {
|
|
app.curSideRoom.addPM(name, message, target);
|
|
}
|
|
|
|
if (canNotify && !isSelf && textContent) {
|
|
this.notifyOnce("PM from " + name, "\"" + textContent + "\"", 'pm');
|
|
}
|
|
|
|
if (autoscroll) {
|
|
$chatFrame.scrollTop($chat.height());
|
|
}
|
|
|
|
if (!$pmWindow.hasClass('focused') && name.substr(1) !== app.user.get('name')) {
|
|
$pmWindow.find('h3').addClass('pm-notifying');
|
|
}
|
|
},
|
|
updateChallenge: function ($pmWindow, challenge, name, oName) {
|
|
var splitChallenge = challenge.split('|');
|
|
|
|
var formatName = splitChallenge[0];
|
|
var teamFormat = splitChallenge[1];
|
|
var message = splitChallenge[2];
|
|
var acceptButtonLabel = splitChallenge[3] || 'Accept';
|
|
var rejectButtonLabel = splitChallenge[4] || 'Reject';
|
|
|
|
var oUserid = toID(oName);
|
|
var userid = toID(name);
|
|
|
|
var $challenge = $pmWindow.find('.challenge');
|
|
if ($challenge.find('button[name=makeChallenge]').length) {
|
|
// we're currently trying to challenge that user; suppress the challenge and wait until later
|
|
$challenge.find('button[name=dismissChallenge]').attr(
|
|
'data-pendingchallenge', challenge ? (name + '|' + oName + '|' + challenge) : ''
|
|
);
|
|
return;
|
|
}
|
|
|
|
if (!formatName && !message) {
|
|
if ($challenge.length) {
|
|
$challenge.remove();
|
|
this.closeNotification('challenge:' + oUserid);
|
|
}
|
|
return;
|
|
}
|
|
|
|
$challenge = this.openChallenge(oName, $pmWindow);
|
|
|
|
if (userid !== oUserid) {
|
|
// we are sending the challenge
|
|
var buf = '<form class="battleform"><p>Waiting for ' + BattleLog.escapeHTML(oName) + '...</p>';
|
|
if (formatName) {
|
|
buf += '<p><label class="label">' + (teamFormat ? 'Format' : 'Game') + ':</label>' + this.renderFormats(formatName, true) + '</p>';
|
|
}
|
|
buf += '<p class="buttonbar"><button name="cancelChallenge" class="button">Cancel</button></p></form>';
|
|
$challenge.html(buf);
|
|
return;
|
|
}
|
|
|
|
app.playNotificationSound();
|
|
this.notifyOnce("Challenge from " + name, "Format: " + BattleLog.escapeFormat(formatName), 'challenge:' + userid);
|
|
var buf = '<form class="battleform"><p>' + BattleLog.escapeHTML(message || (name + ' wants to battle!')) + '</p>';
|
|
if (formatName) {
|
|
buf += '<p><label class="label">' + (teamFormat ? 'Format' : 'Game') + ':</label>' + this.renderFormats(formatName, true) + '</p>';
|
|
}
|
|
if (teamFormat) {
|
|
buf += '<p><label class="label">Team:</label>' + this.renderTeams(teamFormat) + '</p>';
|
|
buf += '<p><label class="checkbox"><input type="checkbox" name="private" ' + (Storage.prefs('disallowspectators') ? 'checked' : '') + ' /> <abbr title="You can still invite spectators by giving them the URL or using the /invite command">Don\'t allow spectators</abbr></label></p>';
|
|
}
|
|
buf += '<p class="buttonbar"><button name="acceptChallenge" class="button"><strong>' + BattleLog.escapeHTML(acceptButtonLabel) + '</strong></button> <button type="button" name="rejectChallenge" class="button">' + BattleLog.escapeHTML(rejectButtonLabel) + '</button></p></form>';
|
|
$challenge.html(buf);
|
|
},
|
|
|
|
selectTeammate: function (e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
var input = $('input.partnerselect').get(0);
|
|
var partner = toID(input.value);
|
|
if (!partner.length) return;
|
|
app.send('/requestpartner ' + partner + ',' + this.curFormat);
|
|
input.value = "";
|
|
},
|
|
|
|
openPM: function (name, dontFocus) {
|
|
var userid = toID(name);
|
|
var $pmWindow = this.$pmBox.find('.pm-window-' + userid);
|
|
if (!$pmWindow.length) {
|
|
var group = name.charAt(0);
|
|
if (group === ' ') {
|
|
group = '';
|
|
} else if (/[a-zA-Z0-9]/.test(group)) {
|
|
group = '';
|
|
name = ' ' + name;
|
|
} else {
|
|
group = '<small>' + BattleLog.escapeHTML(group) + '</small>';
|
|
}
|
|
var buf = '<div class="pm-window pm-window-' + userid + '" data-userid="' + userid + '" data-name="' + BattleLog.escapeHTML(name) + '">';
|
|
buf += '<h3><button class="closebutton" href="' + app.root + 'teambuilder" tabindex="-1" aria-label="Close"><i class="fa fa-times-circle"></i></button>';
|
|
buf += '<button class="minimizebutton" href="' + app.root + 'teambuilder" tabindex="-1" aria-label="Minimize"><i class="fa fa-minus-circle"></i></button>';
|
|
buf += group + BattleLog.escapeHTML(name.substr(1)) + '</h3>';
|
|
buf += '<div class="pm-log"><div class="pm-buttonbar"><button class="pm-challenge">Challenge</button><button class="pm-userOptions">...</button></div><div class="inner" role="log"></div></div>';
|
|
buf += '<div class="pm-log-add"><form class="chatbox nolabel"><textarea class="textbox" type="text" size="70" autocomplete="off" name="message"></textarea></form></div></div>';
|
|
$pmWindow = $(buf).prependTo(this.$pmBox);
|
|
$pmWindow.find('textarea').autoResize({
|
|
animate: false,
|
|
extraSpace: 0
|
|
});
|
|
// create up/down history for this PM
|
|
this.chatHistories[userid] = new ChatHistory();
|
|
} else {
|
|
$pmWindow.show();
|
|
if (!dontFocus) {
|
|
var $chatFrame = $pmWindow.find('.pm-log');
|
|
var $chat = $pmWindow.find('.inner');
|
|
$chatFrame.scrollTop($chat.height());
|
|
}
|
|
}
|
|
if (!dontFocus) this.$el.scrollTop(0);
|
|
return $pmWindow;
|
|
},
|
|
closePM: function (e) {
|
|
var userid;
|
|
if (e.currentTarget) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
userid = $(e.currentTarget).closest('.pm-window').data('userid');
|
|
// counteract jQuery auto-casting
|
|
if (userid !== undefined && userid !== '') userid = '' + userid;
|
|
} else {
|
|
userid = toID(e);
|
|
}
|
|
var $pmWindow;
|
|
if (!userid) {
|
|
// not a true PM; just close the window
|
|
$pmWindow = $(e.currentTarget).closest('.pm-window');
|
|
var newsId = $pmWindow.data('newsid');
|
|
if (newsId) {
|
|
$.cookie('showdown_readnews', '' + newsId, { expires: 365 });
|
|
}
|
|
$pmWindow.remove();
|
|
return;
|
|
}
|
|
$pmWindow = this.$pmBox.find('.pm-window-' + userid);
|
|
$pmWindow.hide();
|
|
|
|
var $rejectButton = $pmWindow.find('button[name=rejectChallenge]');
|
|
if ($rejectButton.length) {
|
|
this.rejectChallenge(userid, $rejectButton);
|
|
}
|
|
$rejectButton = $pmWindow.find('button[name=cancelChallenge]');
|
|
if ($rejectButton.length) {
|
|
this.cancelChallenge(userid, $rejectButton);
|
|
}
|
|
|
|
var $next = $pmWindow.next();
|
|
while ($next.length && $next.css('display') === 'none') {
|
|
$next = $next.next();
|
|
}
|
|
if ($next.length) {
|
|
$next.find('textarea[name=message]').focus();
|
|
return;
|
|
}
|
|
|
|
$next = $pmWindow.prev();
|
|
while ($next.length && $next.css('display') === 'none') {
|
|
$next = $next.prev();
|
|
}
|
|
if ($next.length) {
|
|
$next.find('textarea[name=message]').focus();
|
|
return;
|
|
}
|
|
|
|
if (app.curSideRoom) app.curSideRoom.focus();
|
|
},
|
|
minimizePM: function (e) {
|
|
var $pmWindow;
|
|
if (e.currentTarget) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
$pmWindow = $(e.currentTarget).closest('.pm-window');
|
|
} else {
|
|
$pmWindow = e;
|
|
}
|
|
if (!$pmWindow) {
|
|
return;
|
|
}
|
|
|
|
var $pmHeader = $pmWindow.find('h3');
|
|
var $pmContent = $pmWindow.find('.pm-log, .pm-log-add, .pm-buttonbar');
|
|
if (!$pmWindow.data('minimized')) {
|
|
$pmContent.hide();
|
|
$pmHeader.addClass('pm-minimized');
|
|
$pmWindow.data('minimized', true);
|
|
} else {
|
|
$pmContent.show();
|
|
$pmHeader.removeClass('pm-minimized');
|
|
$pmWindow.data('minimized', false);
|
|
}
|
|
|
|
$pmWindow.find('h3').removeClass('pm-notifying');
|
|
},
|
|
clickUsername: function (e) {
|
|
e.stopPropagation();
|
|
var name = $(e.currentTarget).data('name') || $(e.currentTarget).text();
|
|
app.addPopup(UserPopup, { name: name, sourceEl: e.currentTarget });
|
|
},
|
|
clickPMButtonBarChallenge: function (e) {
|
|
var name = $(e.currentTarget).closest('.pm-window').data('name');
|
|
app.rooms[''].requestNotifications();
|
|
app.focusRoom('');
|
|
app.rooms[''].challenge(name);
|
|
},
|
|
clickPMButtonBarUserOptions: function (e) {
|
|
e.stopPropagation();
|
|
var name = $(e.currentTarget).closest('.pm-window').data('name');
|
|
var userid = toID($(e.currentTarget).closest('.pm-window').data('name'));
|
|
app.addPopup(UserOptions, { name: name, userid: userid, sourceEl: e.currentTarget });
|
|
},
|
|
focusPM: function (name) {
|
|
this.openPM(name).prependTo(this.$pmBox).find('textarea[name=message]').focus();
|
|
},
|
|
onFocusPM: function (e) {
|
|
$(e.currentTarget).closest('.pm-window').addClass('focused').find('h3').removeClass('pm-notifying');
|
|
},
|
|
onBlurPM: function (e) {
|
|
$(e.currentTarget).closest('.pm-window').removeClass('focused');
|
|
},
|
|
keyUp: function (e) {
|
|
var $target = $(e.currentTarget);
|
|
// Android Chrome compose keycode
|
|
// Android Chrome no longer sends keyCode 13 when Enter is pressed on
|
|
// the soft keyboard, resulting in this annoying hack.
|
|
// https://bugs.chromium.org/p/chromium/issues/detail?id=118639#c232
|
|
if (!e.shiftKey && e.keyCode === 229 && $target.val().slice(-1) === '\n') {
|
|
this.submitPM(e);
|
|
}
|
|
},
|
|
submitPM: function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
var $target = $(e.currentTarget);
|
|
|
|
var text = $.trim($target.val());
|
|
if (!text) return;
|
|
var $pmWindow = $target.closest('.pm-window');
|
|
var userid = $pmWindow.attr('data-userid') || '';
|
|
var $chat = $pmWindow.find('.inner');
|
|
// this.tabComplete.reset();
|
|
this.chatHistories[userid].push(text);
|
|
|
|
var data = '';
|
|
var cmd = '';
|
|
var spaceIndex = text.indexOf(' ');
|
|
if (text.substr(0, 2) !== '//' && text.charAt(0) === '/' || text.charAt(0) === '!') {
|
|
if (spaceIndex > 0) {
|
|
data = text.substr(spaceIndex + 1);
|
|
cmd = text.substr(1, spaceIndex - 1);
|
|
} else {
|
|
data = '';
|
|
cmd = text.substr(1);
|
|
}
|
|
}
|
|
switch (cmd.toLowerCase()) {
|
|
case 'ignore':
|
|
if (app.ignore[userid]) {
|
|
$chat.append('<div class="chat">User ' + userid + ' is already on your ignore list. (Moderator messages will not be ignored.)</div>');
|
|
} else {
|
|
app.ignore[userid] = 1;
|
|
$chat.append('<div class="chat">User ' + userid + ' ignored. (Moderator messages will not be ignored.)</div>');
|
|
app.saveIgnore();
|
|
}
|
|
break;
|
|
case 'unignore':
|
|
if (!app.ignore[userid]) {
|
|
$chat.append('<div class="chat">User ' + userid + ' isn\'t on your ignore list.</div>');
|
|
} else {
|
|
delete app.ignore[userid];
|
|
$chat.append('<div class="chat">User ' + userid + ' no longer ignored.</div>');
|
|
app.saveIgnore();
|
|
}
|
|
break;
|
|
case 'nick':
|
|
if ($.trim(data)) {
|
|
app.user.rename(data);
|
|
} else {
|
|
app.addPopup(LoginPopup);
|
|
}
|
|
return false;
|
|
case 'chal':
|
|
case 'chall':
|
|
case 'challenge':
|
|
this.challenge(userid, data);
|
|
break;
|
|
case 'clear':
|
|
$chat.empty();
|
|
break;
|
|
case 'rank': case 'ranking': case 'rating': case 'ladder':
|
|
case 'user': case 'open':
|
|
case 'debug':
|
|
case 'news':
|
|
case 'ignorelist':
|
|
case 'clearpms':
|
|
case 'showdebug': case 'hidedebug':
|
|
case 'showjoins': case 'hidejoins':
|
|
case 'showbattles': case 'hidebattles':
|
|
case 'packhidden': case 'unpackhidden':
|
|
case 'timestamps':
|
|
case 'hl': case 'highlight':
|
|
case 'buttonban': case 'buttonmute': case 'buttonunmute': case 'buttonkick': case 'buttonwarn':
|
|
case 'part': case 'leave':
|
|
case 'afd':
|
|
$chat.append('<div class="chat">Use this command in a proper chat room.</div>');
|
|
break;
|
|
default:
|
|
if (!userid) userid = '~';
|
|
if (text.startsWith('\n')) text = text.slice(1);
|
|
if (text.endsWith('\n')) text = text.slice(0, -1);
|
|
text = ('\n' + text).replace(/\n/g, '\n/pm ' + userid + ', ').slice(1);
|
|
if (text.length > 80000) {
|
|
app.addPopupMessage("Your message is too long.");
|
|
return;
|
|
}
|
|
if (!(text.startsWith('/') || text.startsWith('!')) && app.ignore[userid]) {
|
|
app.addPopupMessage("You can't PM a user you've ignored. Use /unignore to remove them from your ignore list.");
|
|
return;
|
|
}
|
|
this.send(text);
|
|
}
|
|
$target.val('');
|
|
$target.trigger('keyup'); // force a resize
|
|
},
|
|
keyDown: function (e) {
|
|
var cmdKey = (((e.cmdKey || e.metaKey) ? 1 : 0) + (e.ctrlKey ? 1 : 0) === 1) && !e.altKey && !e.shiftKey;
|
|
if (e.keyCode === 13 && !e.shiftKey) { // Enter
|
|
this.submitPM(e);
|
|
} else if (e.keyCode === 27) { // Esc
|
|
if (app.curSideRoom && app.curSideRoom.undoTabComplete && app.curSideRoom.undoTabComplete($(e.currentTarget))) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
} else {
|
|
this.closePM(e);
|
|
}
|
|
} else if (e.keyCode === 73 && cmdKey) { // Ctrl + I key
|
|
if (ConsoleRoom.toggleFormatChar(e.currentTarget, '_')) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
} else if (e.keyCode === 66 && cmdKey) { // Ctrl + B key
|
|
if (ConsoleRoom.toggleFormatChar(e.currentTarget, '*')) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
} else if (e.keyCode === 33) { // Pg Up key
|
|
var $target = $(e.currentTarget);
|
|
var $pmWindow = $target.closest('.pm-window');
|
|
var $chat = $pmWindow.find('.pm-log');
|
|
$chat.scrollTop($chat.scrollTop() - $chat.height() + 60);
|
|
} else if (e.keyCode === 34) { // Pg Dn key
|
|
var $target = $(e.currentTarget);
|
|
var $pmWindow = $target.closest('.pm-window');
|
|
var $chat = $pmWindow.find('.pm-log');
|
|
$chat.scrollTop($chat.scrollTop() + $chat.height() - 60);
|
|
} else if (e.keyCode === 9 && !e.ctrlKey) { // Tab key
|
|
var reverse = !!e.shiftKey; // Shift+Tab reverses direction
|
|
var handlerRoom = app.curSideRoom;
|
|
if (!handlerRoom) {
|
|
for (var roomid in app.rooms) {
|
|
if (!app.rooms[roomid].handleTabComplete) continue;
|
|
handlerRoom = app.rooms[roomid];
|
|
break;
|
|
}
|
|
}
|
|
if (handlerRoom && handlerRoom.handleTabComplete && handlerRoom.handleTabComplete($(e.currentTarget), reverse)) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
} else if (e.keyCode === 38 && !e.shiftKey && !e.altKey) { // Up key
|
|
if (this.chatHistoryUp(e)) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
} else if (e.keyCode === 40 && !e.shiftKey && !e.altKey) { // Down key
|
|
if (this.chatHistoryDown(e)) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
}
|
|
},
|
|
chatHistoryUp: function (e) {
|
|
var $textbox = $(e.currentTarget);
|
|
var idx = +$textbox.prop('selectionStart');
|
|
var line = $textbox.val();
|
|
if (e && !e.ctrlKey && idx !== 0 && idx !== line.length) return false;
|
|
var userid = $textbox.closest('.pm-window').data('userid');
|
|
var chatHistory = this.chatHistories[userid];
|
|
if (chatHistory.index === 0) return false;
|
|
$textbox.val(chatHistory.up(line));
|
|
return true;
|
|
},
|
|
chatHistoryDown: function (e) {
|
|
var $textbox = $(e.currentTarget);
|
|
var idx = +$textbox.prop('selectionStart');
|
|
var line = $textbox.val();
|
|
if (e && !e.ctrlKey && idx !== 0 && idx !== line.length) return false;
|
|
var userid = $textbox.closest('.pm-window').data('userid');
|
|
var chatHistory = this.chatHistories[userid];
|
|
$textbox.val(chatHistory.down(line));
|
|
return true;
|
|
},
|
|
chatHistories: {},
|
|
clickPMBackground: function (e) {
|
|
if (!e.shiftKey && !e.cmdKey && !e.ctrlKey) {
|
|
if (window.getSelection && !window.getSelection().isCollapsed) {
|
|
return;
|
|
}
|
|
app.dismissPopups();
|
|
var $target = $(e.currentTarget);
|
|
var newsid = $target.data('newsid');
|
|
if ($target.data('minimized')) {
|
|
this.minimizePM(e);
|
|
} else if ($(e.target).closest('h3').length) {
|
|
// only preventDefault here, so clicking links/buttons in PMs
|
|
// still works
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
this.minimizePM(e);
|
|
return;
|
|
} else if (newsid) {
|
|
if (Storage.prefs('newsid', newsid)) {
|
|
$target.find('.unread').removeClass('unread');
|
|
}
|
|
return;
|
|
}
|
|
$target.find('textarea[name=message]').focus();
|
|
}
|
|
},
|
|
dblClickPMHeader: function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (window.getSelection) {
|
|
window.getSelection().removeAllRanges();
|
|
} else if (document.selection) {
|
|
document.selection.empty();
|
|
}
|
|
},
|
|
clickSpoiler: function (e) {
|
|
$(e.currentTarget).toggleClass('spoiler-shown');
|
|
},
|
|
|
|
clickDatasearchResults: function (e) {
|
|
if ($(e.target)[0].href) return;
|
|
if (window.getSelection && !window.getSelection().isCollapsed) return;
|
|
var target = $(e.currentTarget).closest('[class=datasearch]')[0];
|
|
var button = target.querySelector('button');
|
|
var results = target.querySelectorAll('[class=datasearch-body]');
|
|
if (!button || !results || results.length < 2) return;
|
|
button.innerHTML = button.innerHTML === '[-]' ? '[+]' : '[-]';
|
|
for (var i = 0; i < results.length; i++) {
|
|
results[i].style.display = results[i].style.display === 'none' ? 'block' : 'none';
|
|
}
|
|
},
|
|
|
|
// 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' });
|
|
},
|
|
|
|
// challenges and searching
|
|
|
|
challengesFrom: null,
|
|
challengeTo: null,
|
|
resetPending: function () {
|
|
this.updateSearch();
|
|
var self = this;
|
|
this.$('form.pending').closest('.pm-window').each(function (i, el) {
|
|
$(el).find('.challenge').remove();
|
|
self.challenge($(el).data('userid'));
|
|
});
|
|
this.$('button[name=acceptChallenge]').each(function (i, el) {
|
|
el.disabled = false;
|
|
});
|
|
},
|
|
searching: false,
|
|
updateSearch: function (data) {
|
|
if (data) {
|
|
this.searching = data.searching;
|
|
this.games = data.games;
|
|
}
|
|
var $searchForm = $('.mainmenu button.big').closest('form');
|
|
var $formatButton = $searchForm.find('button[name=format]');
|
|
var $teamButton = $searchForm.find('button[name=team]');
|
|
if (!this.searching || $.isArray(this.searching) && !this.searching.length) {
|
|
var format = $formatButton.val();
|
|
var teamIndex = $teamButton.val();
|
|
$formatButton.replaceWith(this.renderFormats(format));
|
|
$teamButton.replaceWith(this.renderTeams(format, teamIndex));
|
|
|
|
$searchForm.find('button.big').html('<strong>Battle!</strong><br /><small>Find a random opponent</small>').removeClass('disabled');
|
|
$searchForm.find('p.cancel').remove();
|
|
} else {
|
|
$formatButton.addClass('preselected')[0].disabled = true;
|
|
$teamButton.addClass('preselected')[0].disabled = true;
|
|
$searchForm.find('button.big').html('<strong><i class="fa fa-refresh fa-spin"></i> Searching...</strong>').addClass('disabled');
|
|
var searchEntries = $.isArray(this.searching) ? this.searching : [this.searching];
|
|
for (var i = 0; i < searchEntries.length; i++) {
|
|
var format = searchEntries[i].format || searchEntries[i];
|
|
if (format.substr(0, 4) === 'gen5' && !Dex.loadedSpriteData['bw']) {
|
|
Dex.loadSpriteData('bw');
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
var $searchGroup = $searchForm.closest('.menugroup');
|
|
if (this.games) {
|
|
var newlyCreated = false;
|
|
if (!this.$gamesGroup) {
|
|
this.$gamesGroup = $('<div class="menugroup"></div>');
|
|
$searchGroup.before(this.$gamesGroup);
|
|
newlyCreated = true;
|
|
}
|
|
if (!this.$gamesGroup.is(':visible') || newlyCreated) {
|
|
$searchGroup.hide();
|
|
this.$gamesGroup.show();
|
|
}
|
|
var buf = '<form class="battleform"><p><label class="label">Games:</label></p>';
|
|
buf += '<div class="roomlist">';
|
|
for (var roomid in this.games) {
|
|
var name = this.games[roomid];
|
|
if (name.slice(-1) === '*') name = name.slice(0, -1);
|
|
buf += '<div><a href="/' + toRoomid(roomid) + '" class="blocklink" style="text-align: center">' + BattleLog.escapeHTML(name) + '</a></div>';
|
|
}
|
|
buf += '</div>';
|
|
if (!$searchGroup.is(':visible')) buf += '<p class="buttonbar"><button name="showSearchGroup" class="button">Add game</button></p>';
|
|
buf += '</form>';
|
|
this.$gamesGroup.html(buf);
|
|
} else {
|
|
if (this.$gamesGroup) {
|
|
this.$gamesGroup.hide();
|
|
$searchGroup.show();
|
|
}
|
|
}
|
|
},
|
|
showSearchGroup: function (v, el) {
|
|
var $searchGroup = $('.mainmenu button.big').closest('.menugroup');
|
|
$searchGroup.show();
|
|
$(el).closest('p').hide();
|
|
},
|
|
updateChallenges: function (data) {
|
|
this.challengesFrom = data.challengesFrom;
|
|
this.challengeTo = data.challengeTo;
|
|
for (var i in data.challengesFrom) {
|
|
if (app.ignore[i]) {
|
|
delete data.challengesFrom[i];
|
|
continue;
|
|
}
|
|
this.openPM(' ' + i, true);
|
|
}
|
|
var atLeastOneGen5 = false;
|
|
|
|
var challengeToUserid = '';
|
|
if (data.challengeTo) {
|
|
var challenge = data.challengeTo;
|
|
var name = challenge.to;
|
|
var userid = toID(name);
|
|
var $challenge = this.openChallenge(name);
|
|
|
|
var buf = '<form class="battleform"><p>Waiting for ' + BattleLog.escapeHTML(name) + '...</p>';
|
|
buf += '<p><label class="label">Format:</label>' + this.renderFormats(challenge.format, true) + '</p>';
|
|
buf += '<p class="buttonbar"><button name="cancelChallenge" class="button">Cancel</button></p></form>';
|
|
|
|
$challenge.html(buf);
|
|
if (challenge.format.substr(0, 4) === 'gen5') atLeastOneGen5 = true;
|
|
challengeToUserid = userid;
|
|
}
|
|
|
|
var self = this;
|
|
this.$('.pm-window').each(function (i, el) {
|
|
var $pmWindow = $(el);
|
|
var userid = el.getAttribute('data-userid');
|
|
var name = $pmWindow.data('name');
|
|
if (data.challengesFrom[userid]) {
|
|
var format = data.challengesFrom[userid];
|
|
if (!$pmWindow.find('.challenge').length) {
|
|
self.notifyOnce("Challenge from " + name, "Format: " + BattleLog.escapeFormat(format), 'challenge:' + userid);
|
|
}
|
|
var $challenge = self.openChallenge(name, $pmWindow);
|
|
if (!$challenge.find('button[name=makeChallenge]').length) {
|
|
app.playNotificationSound();
|
|
var buf = '<form class="battleform"><p>' + BattleLog.escapeHTML(name) + ' wants to battle!</p>';
|
|
buf += '<p><label class="label">Format:</label>' + self.renderFormats(format, true) + '</p>';
|
|
buf += '<p><label class="label">Team:</label>' + self.renderTeams(format) + '</p>';
|
|
buf += '<p><label class="checkbox"><input type="checkbox" name="private" ' + (Storage.prefs('disallowspectators') ? 'checked' : '') + ' /> <abbr title="You can still invite spectators by giving them the URL or using the /invite command">Don\'t allow spectators</abbr></label></p>';
|
|
buf += '<p class="buttonbar"><button name="acceptChallenge" class="button"><strong>Accept</strong></button> <button type="button" name="rejectChallenge" class="button">Reject</button></p></form>';
|
|
$challenge.html(buf);
|
|
if (format.substr(0, 4) === 'gen5') atLeastOneGen5 = true;
|
|
}
|
|
} else {
|
|
var $challenge = $pmWindow.find('.challenge');
|
|
if ($challenge.length) {
|
|
var $acceptButton = $challenge.find('button[name=acceptChallenge]');
|
|
if ($acceptButton.length) {
|
|
if ($acceptButton[0].disabled) {
|
|
// You accepted someone's challenge and it started
|
|
$challenge.remove();
|
|
} else {
|
|
// Someone was challenging you, but cancelled their challenge
|
|
$challenge.html('<form class="battleform"><p>The challenge was cancelled.</p><p class="buttonbar"><button name="dismissChallenge" class="button">OK</button></p></form>');
|
|
}
|
|
} else if ($challenge.find('button[name=cancelChallenge]').length && challengeToUserid !== userid) {
|
|
// You were challenging someone else, and they either accepted
|
|
// or rejected it
|
|
$challenge.remove();
|
|
}
|
|
self.closeNotification('challenge:' + userid);
|
|
}
|
|
}
|
|
});
|
|
|
|
if (atLeastOneGen5 && !Dex.loadedSpriteData['bw']) Dex.loadSpriteData('bw');
|
|
},
|
|
openChallenge: function (name, $pmWindow) {
|
|
if (!$pmWindow) $pmWindow = this.openPM(name, true);
|
|
var $challenge = $pmWindow.find('.challenge');
|
|
if (!$challenge.length) {
|
|
$challenge = $('<div class="challenge"></div>').insertAfter($pmWindow.find('h3'));
|
|
}
|
|
return $challenge;
|
|
},
|
|
updateFormats: function () {
|
|
if (!window.BattleFormats) {
|
|
this.$('.mainmenu button.big').html('<em>Connecting...</em>').addClass('disabled');
|
|
return;
|
|
} else if (app.isDisconnected) {
|
|
var $searchForm = $('.mainmenu button.big').closest('form');
|
|
$searchForm.find('button.big').html('<em>Disconnected</em>').addClass('disabled');
|
|
$searchForm.find('.mainmenu p.cancel').remove();
|
|
$searchForm.append('<p class="cancel buttonbar"><button name="reconnect" class="button">Reconnect</button></p>');
|
|
this.$('button.onlineonly').addClass('disabled');
|
|
return;
|
|
}
|
|
this.$('button.onlineonly').removeClass('disabled');
|
|
|
|
if (!this.searching) this.$('.mainmenu button.big').html('<strong>Battle!</strong><br /><small>Find a random opponent</small>').removeClass('disabled');
|
|
var self = this;
|
|
this.$('button[name=format]').each(function (i, el) {
|
|
var val = el.value;
|
|
var $teamButton = $(el).closest('form').find('button[name=team]');
|
|
$(el).replaceWith(self.renderFormats(val));
|
|
$teamButton.replaceWith(self.renderTeams(val));
|
|
});
|
|
},
|
|
reconnect: function () {
|
|
document.location.reload();
|
|
},
|
|
updateTeams: function () {
|
|
if (!window.BattleFormats) return;
|
|
var self = this;
|
|
|
|
this.$('button[name=team]').each(function (i, el) {
|
|
if (el.value === 'random') return;
|
|
var format = $(el).closest('form').find('button[name=format]').val();
|
|
$(el).replaceWith(self.renderTeams(format));
|
|
});
|
|
},
|
|
updateRightMenu: function () {
|
|
if (app.curSideRoom) {
|
|
this.$('.rightmenu').hide();
|
|
} else {
|
|
this.$('.rightmenu').show();
|
|
}
|
|
},
|
|
|
|
// challenge buttons
|
|
challenge: function (name, format, team) {
|
|
var userid = toID(name);
|
|
var $challenge = this.$('.pm-window-' + userid + ' .challenge');
|
|
if ($challenge.length && !$challenge.find('button[name=dismissChallenge]').length) {
|
|
return;
|
|
}
|
|
|
|
if (format) {
|
|
var formatParts = format.split('@@@', 2);
|
|
formatParts[0] = toID(formatParts[0]);
|
|
if (!formatParts[0].startsWith('gen')) formatParts[0] = 'gen9' + formatParts[0];
|
|
format = formatParts.length > 1 ? formatParts[0] + '@@@' + formatParts[1] : formatParts[0];
|
|
}
|
|
|
|
$challenge = this.openChallenge(name);
|
|
var buf = '<form class="battleform"><p>Challenge ' + BattleLog.escapeHTML(name) + '?</p>';
|
|
buf += '<p><label class="label">Format:</label>' + this.renderFormats(format) + '</p>';
|
|
buf += '<p><label class="label">Team:</label>' + this.renderTeams(format) + '</p>';
|
|
buf += '<p><label class="checkbox"><input type="checkbox" name="private" ' + (Storage.prefs('disallowspectators') ? 'checked' : '') + ' /> <abbr title="You can still invite spectators by giving them the URL or using the /invite command">Don\'t allow spectators</abbr></label></p>';
|
|
var bestOfDefault = format && BattleFormats[format] ? BattleFormats[format].bestOfDefault : false;
|
|
buf += '<p' + (!bestOfDefault ? ' class="hidden">' : '>');
|
|
buf += '<label class="checkbox"><input type="checkbox" name="bestof" /> <abbr title="Start a team-locked best-of-n series">Best-of-<input name="bestofvalue" type="number" min="3" max="9" step="2" value="3" style="width: 28px; vertical-align: initial;"></abbr></label></p>';
|
|
var teraPreviewDefault = format && BattleFormats[format] ? BattleFormats[format].teraPreviewDefault : false;
|
|
buf += '<p' + (!teraPreviewDefault ? ' class="hidden">' : '>');
|
|
buf += '<label class="checkbox"><input type="checkbox" name="terapreview" /> <abbr title="Start a battle with Tera Type Preview">Tera Type Preview</abbr></label></p>';
|
|
buf += '<p class="buttonbar"><button name="makeChallenge" class="button"><strong>Challenge</strong></button> <button type="button" name="dismissChallenge" class="button">Cancel</button></p></form>';
|
|
$challenge.html(buf);
|
|
},
|
|
acceptChallenge: function (i, target) {
|
|
this.requestNotifications();
|
|
var $pmWindow = $(target).closest('.pm-window');
|
|
var userid = $pmWindow.data('userid');
|
|
|
|
var format = $pmWindow.find('button[name=format]').val();
|
|
var $teamButton = $pmWindow.find('button[name=team]');
|
|
var privacy = this.adjustPrivacy($pmWindow.find('input[name=private]').is(':checked'));
|
|
|
|
if ($teamButton.length) {
|
|
var teamIndex = $teamButton.val();
|
|
var team = null;
|
|
if (Storage.teams[teamIndex]) team = Storage.teams[teamIndex];
|
|
if (format.indexOf('@@@') === -1 && !window.BattleFormats[format].team && !team) {
|
|
app.addPopupMessage("You need to go into the Teambuilder and build a team for this format.");
|
|
return;
|
|
}
|
|
app.sendTeam(team, function () {
|
|
target.disabled = true;
|
|
app.send(privacy + '/accept ' + userid);
|
|
});
|
|
} else {
|
|
target.disabled = true;
|
|
app.send(privacy + '/accept ' + userid);
|
|
}
|
|
},
|
|
rejectChallenge: function (i, target) {
|
|
var userid = $(target).closest('.pm-window').data('userid');
|
|
$(target).closest('.challenge').remove();
|
|
app.send('/reject ' + userid);
|
|
},
|
|
makeChallenge: function (i, target) {
|
|
this.requestNotifications();
|
|
var $pmWindow = $(target).closest('.pm-window');
|
|
var userid = $pmWindow.data('userid');
|
|
var name = $pmWindow.data('name');
|
|
|
|
var format = $pmWindow.find('button[name=format]').val();
|
|
var teamIndex = $pmWindow.find('button[name=team]').val();
|
|
var privacy = this.adjustPrivacy($pmWindow.find('input[name=private]').is(':checked'));
|
|
|
|
var bestOf = $pmWindow.find('input[name=bestof]').is(':checked');
|
|
var bestOfValue = $pmWindow.find('input[name=bestofvalue]').val();
|
|
if (bestOf && bestOfValue) {
|
|
var hasCustomRules = format.includes('@@@');
|
|
format += hasCustomRules ? ', ' : '@@@';
|
|
format += 'Best of = ' + bestOfValue;
|
|
}
|
|
|
|
var teraPreview = $pmWindow.find('input[name=terapreview]').is(':checked');
|
|
if (teraPreview) {
|
|
var hasCustomRulesT = format.includes('@@@');
|
|
format += hasCustomRulesT ? ', ' : '@@@';
|
|
format += 'Tera Type Preview';
|
|
}
|
|
|
|
var team = null;
|
|
if (Storage.teams[teamIndex]) team = Storage.teams[teamIndex];
|
|
|
|
// if it's a custom format, let the user figure it out
|
|
if (window.BattleFormats[format] && !window.BattleFormats[format].team && !team) {
|
|
app.addPopupMessage("You need to go into the Teambuilder and build a team for this format.");
|
|
return;
|
|
}
|
|
|
|
var buf = '<form class="battleform pending"><p>Challenging ' + BattleLog.escapeHTML(name) + '...</p>';
|
|
buf += '<p><label class="label">Format:</label>' + this.renderFormats(format, true) + '</p>';
|
|
buf += '<p class="buttonbar"><button name="cancelChallenge" class="button">Cancel</button></p></form>';
|
|
|
|
$(target).closest('.challenge').html(buf);
|
|
app.sendTeam(team, function () {
|
|
app.send(privacy + '/challenge ' + userid + ', ' + format);
|
|
});
|
|
},
|
|
cancelChallenge: function (i, target) {
|
|
var userid = $(target).closest('.pm-window').data('userid');
|
|
$(target).closest('.challenge').remove();
|
|
app.send('/cancelchallenge ' + userid);
|
|
},
|
|
dismissChallenge: function (i, target) {
|
|
var $challenge = $(target).closest('.challenge');
|
|
var pChallenge = $challenge.find('button[name=dismissChallenge]').attr('data-pendingchallenge');
|
|
var $pmWindow = $challenge.closest('.pm-window');
|
|
$challenge.remove();
|
|
if (pChallenge) {
|
|
var pChallengeParts = pChallenge.split('|');
|
|
var name = pChallengeParts[0];
|
|
var oName = pChallengeParts[1];
|
|
var challenge = pChallengeParts.slice(2).join('|');
|
|
this.updateChallenge($pmWindow, challenge, name, oName);
|
|
}
|
|
},
|
|
format: function (format, button) {
|
|
if (window.BattleFormats) app.addPopup(FormatPopup, { format: format, sourceEl: button });
|
|
},
|
|
adjustPrivacy: function (disallowSpectators) {
|
|
Storage.prefs('disallowspectators', disallowSpectators);
|
|
if (disallowSpectators) return '/noreply /hidenext\n';
|
|
var settings = app.user.get('settings');
|
|
return (settings.hiddenNextBattle ? '/noreply /hidenext off\n' : '') + (settings.inviteOnlyNextBattle ? '/noreply /ionext off\n' : '');
|
|
},
|
|
team: function (team, button) {
|
|
var format = $(button).closest('form').find('button[name=format]').val();
|
|
app.addPopup(TeamPopup, { team: team, format: format, sourceEl: button, folderToggleOn: true, folderNotExpanded: [] });
|
|
},
|
|
|
|
// format/team selection
|
|
|
|
curFormat: '',
|
|
renderFormats: function (formatid, noChoice) {
|
|
if (!window.BattleFormats) {
|
|
return '<button class="select formatselect" name="format" disabled value="' + BattleLog.escapeHTML(formatid) + '"><em>Loading...</em></button>';
|
|
}
|
|
if (_.isEmpty(BattleFormats)) {
|
|
return '<button class="select formatselect" name="format" disabled><em>No formats available</em></button>';
|
|
}
|
|
if (!noChoice) {
|
|
this.curFormat = formatid;
|
|
if (!this.curFormat) {
|
|
if (BattleFormats['gen9randombattle']) {
|
|
this.curFormat = 'gen9randombattle';
|
|
} else for (var i in BattleFormats) {
|
|
if (!BattleFormats[i].searchShow || !BattleFormats[i].challengeShow) continue;
|
|
this.curFormat = i;
|
|
break;
|
|
}
|
|
}
|
|
formatid = this.curFormat;
|
|
}
|
|
return '<button class="select formatselect' + (noChoice ? ' preselected' : '') + '" name="format" value="' + formatid + '"' + (noChoice ? ' disabled' : '') + '>' + BattleLog.escapeFormat(formatid) + '</button>';
|
|
},
|
|
curTeamFormat: '',
|
|
curTeamIndex: 0,
|
|
renderTeams: function (formatid, teamIndex) {
|
|
if (Storage.whenTeamsLoaded.error) {
|
|
return '<button class="select teamselect" name="joinRoom" value="teambuilder"><em class="message-error">Error loading teams</em></button>';
|
|
}
|
|
if (!Storage.teams || !window.BattleFormats) {
|
|
return '<button class="select teamselect" name="team" disabled><em>Loading...</em></button>';
|
|
}
|
|
if (!formatid) formatid = this.curFormat;
|
|
var atIndex = formatid.indexOf('@@@');
|
|
if (atIndex >= 0) formatid = formatid.slice(0, atIndex);
|
|
if (!window.BattleFormats[formatid]) {
|
|
return '<button class="select teamselect" name="team" disabled></button>';
|
|
}
|
|
if (window.BattleFormats[formatid].team) {
|
|
return '<button class="select teamselect preselected" name="team" value="random" disabled>' + TeamPopup.renderTeam('random') + '</button>';
|
|
}
|
|
|
|
var format = window.BattleFormats[formatid];
|
|
var teamFormat = (format.teambuilderFormat || (format.isTeambuilderFormat ? formatid : false));
|
|
|
|
var teams = Storage.teams;
|
|
if (!teams.length) {
|
|
return '<button class="select teamselect" name="team" disabled>You have no teams</button>';
|
|
}
|
|
if (teamIndex === undefined) teamIndex = -1;
|
|
if (teamIndex < 0) {
|
|
if (this.curTeamIndex >= 0) {
|
|
teamIndex = this.curTeamIndex;
|
|
}
|
|
if (this.curTeamFormat !== teamFormat) {
|
|
for (var i = 0; i < teams.length; i++) {
|
|
if (teams[i].format === teamFormat && teams[i].capacity === 6) {
|
|
teamIndex = i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
teamIndex = +teamIndex;
|
|
}
|
|
return '<button class="select teamselect" name="team" value="' + (teamIndex < 0 ? '' : teamIndex) + '">' + TeamPopup.renderTeam(teamIndex) + '</button>';
|
|
},
|
|
|
|
// buttons
|
|
search: function (i, button) {
|
|
if (!window.BattleFormats) return;
|
|
this.requestNotifications();
|
|
var $searchForm = $(button).closest('form');
|
|
if ($searchForm.find('.cancel').length) {
|
|
return;
|
|
}
|
|
|
|
if (!app.user.get('named')) {
|
|
app.addPopup(LoginPopup);
|
|
return;
|
|
}
|
|
|
|
var $formatButton = $searchForm.find('button[name=format]');
|
|
var $teamButton = $searchForm.find('button[name=team]');
|
|
var $privacyCheckbox = $searchForm.find('input[name=private]');
|
|
|
|
var format = $formatButton.val();
|
|
var teamIndex = $teamButton.val();
|
|
var team = null;
|
|
if (Storage.teams[teamIndex]) team = Storage.teams[teamIndex];
|
|
if (!window.BattleFormats[format].team && (teamIndex === '' || !team)) {
|
|
if (Storage.teams) {
|
|
app.addPopupMessage("Please select a team.");
|
|
} else {
|
|
app.addPopupMessage("You need to go into the Teambuilder and build a team for this format.");
|
|
}
|
|
return;
|
|
}
|
|
|
|
$formatButton.addClass('preselected')[0].disabled = true;
|
|
$teamButton.addClass('preselected')[0].disabled = true;
|
|
$searchForm.find('button.big').html('<strong><i class="fa fa-refresh fa-spin"></i> Connecting...</strong>').addClass('disabled');
|
|
$searchForm.append('<p class="cancel buttonbar"><button name="cancelSearch" class="button">Cancel</button></p>');
|
|
|
|
var self = this;
|
|
app.sendTeam(team, function () {
|
|
self.searchDelay = setTimeout(function () {
|
|
app.send(self.adjustPrivacy($privacyCheckbox.is(':checked')) + '/search ' + format);
|
|
}, 3000);
|
|
});
|
|
},
|
|
cancelSearch: function () {
|
|
clearTimeout(this.searchDelay);
|
|
app.send('/cancelsearch');
|
|
this.searching = false;
|
|
this.updateSearch();
|
|
},
|
|
finduser: function () {
|
|
if (app.isDisconnected) {
|
|
app.addPopupMessage("You are offline.");
|
|
return;
|
|
}
|
|
app.addPopupPrompt("Username", "Open", function (target) {
|
|
if (!target) return;
|
|
if (toID(target) === 'zarel') {
|
|
app.addPopup(Popup, { htmlMessage: "Zarel is very busy; please don't contact him this way. If you're looking for help, try <a href=\"/help\">joining the Help room</a>?" });
|
|
return;
|
|
}
|
|
if (target === '~') {
|
|
app.focusRoom('');
|
|
app.rooms[''].focusPM('~');
|
|
return;
|
|
}
|
|
app.addPopup(UserPopup, { name: target });
|
|
});
|
|
}
|
|
}, {
|
|
parseChatMessage: function (message, name, timestamp, isHighlighted, $chatElem, isNotPM) {
|
|
var showMe = !((Dex.prefs('chatformatting') || {}).hideme);
|
|
var group = ' ';
|
|
if (!/[A-Za-z0-9]/.test(name.charAt(0))) {
|
|
// Backwards compatibility
|
|
group = name.charAt(0);
|
|
name = name.substr(1);
|
|
}
|
|
var color = BattleLog.hashColor(toID(name));
|
|
var clickableName = '<small>' + BattleLog.escapeHTML(group) + '</small><span class="username" data-roomgroup="' + BattleLog.escapeHTML(group) + '" data-name="' + BattleLog.escapeHTML(name) + '">' + BattleLog.escapeHTML(name) + '</span>';
|
|
var hlClass = isHighlighted ? ' highlighted' : '';
|
|
var mineClass = (window.app && app.user && app.user.get('name') === name ? ' mine' : '');
|
|
|
|
var cmd = '';
|
|
var target = '';
|
|
if (message.charAt(0) === '/') {
|
|
if (message.charAt(1) === '/') {
|
|
message = message.slice(1);
|
|
} else {
|
|
var spaceIndex = message.indexOf(' ');
|
|
cmd = (spaceIndex >= 0 ? message.slice(1, spaceIndex) : message.slice(1));
|
|
if (spaceIndex >= 0) target = message.slice(spaceIndex + 1);
|
|
}
|
|
}
|
|
|
|
switch (cmd) {
|
|
case 'me':
|
|
if (!showMe) return '<div class="chat chatmessage-' + toID(name) + hlClass + mineClass + '">' + timestamp + '<strong style="' + color + '">' + clickableName + ':</strong> <em>/me' + BattleLog.parseMessage(' ' + target) + '</em></div>';
|
|
return '<div class="chat chatmessage-' + toID(name) + hlClass + mineClass + '">' + timestamp + '<strong style="' + color + '">•</strong> <em>' + clickableName + '<i>' + BattleLog.parseMessage(' ' + target) + '</i></em></div>';
|
|
case 'mee':
|
|
if (!showMe) return '<div class="chat chatmessage-' + toID(name) + hlClass + mineClass + '">' + timestamp + '<strong style="' + color + '">' + clickableName + ':</strong> <em>/me' + BattleLog.parseMessage(' ' + target).slice(1) + '</em></div>';
|
|
return '<div class="chat chatmessage-' + toID(name) + hlClass + mineClass + '">' + timestamp + '<strong style="' + color + '">•</strong> <em>' + clickableName + '<i>' + BattleLog.parseMessage(' ' + target).slice(1) + '</i></em></div>';
|
|
case 'invite':
|
|
var roomid = toRoomid(target);
|
|
return [
|
|
'<div class="chat">' + timestamp + '<em>' + clickableName + ' invited you to join the room "' + roomid + '"</em></div>',
|
|
'<div class="notice"><button name="joinRoom" value="' + roomid + '" class="button">Join ' + roomid + '</button></div>'
|
|
];
|
|
case 'announce':
|
|
return '<div class="chat chatmessage-' + toID(name) + hlClass + mineClass + '">' + timestamp + '<strong style="' + color + '">' + clickableName + ':</strong> <span class="message-announce">' + BattleLog.parseMessage(target) + '</span></div>';
|
|
case 'log':
|
|
return '<div class="chat chatmessage-' + toID(name) + hlClass + mineClass + '">' + timestamp + '<span class="message-log">' + BattleLog.parseMessage(target) + '</span></div>';
|
|
case 'data-pokemon':
|
|
case 'data-item':
|
|
case 'data-ability':
|
|
case 'data-move':
|
|
return '[outdated message type not supported]';
|
|
case 'text':
|
|
return { message: '<div class="chat">' + BattleLog.parseMessage(target) + '</div>', noNotify: true };
|
|
case 'error':
|
|
return '<div class="chat message-error">' + BattleLog.escapeHTML(target) + '</div>';
|
|
case 'html':
|
|
if (!name) {
|
|
return { message: '<div class="chat' + hlClass + '">' + timestamp + '<em>' + BattleLog.sanitizeHTML(target) + '</em></div>', noNotify: isNotPM };
|
|
}
|
|
return { message: '<div class="chat chatmessage-' + toID(name) + hlClass + mineClass + '">' + timestamp + '<strong style="' + color + '">' + clickableName + ':</strong> <em>' + BattleLog.sanitizeHTML(target) + '</em></div>', noNotify: isNotPM };
|
|
case 'uhtml':
|
|
case 'uhtmlchange':
|
|
var parts = target.split(',');
|
|
var $elements = $chatElem.find('div.uhtml-' + toID(parts[0]));
|
|
var html = parts.slice(1).join(',');
|
|
if (!html) {
|
|
$elements.remove();
|
|
} else if (!$elements.length) {
|
|
$chatElem.append('<div class="chat uhtml-' + toID(parts[0]) + ' chatmessage-' + toID(name) + '">' + BattleLog.sanitizeHTML(html) + '</div>');
|
|
} else if (cmd === 'uhtmlchange') {
|
|
$elements.html(BattleLog.sanitizeHTML(html));
|
|
} else {
|
|
$elements.remove();
|
|
$chatElem.append('<div class="chat uhtml-' + toID(parts[0]) + ' chatmessage-' + toID(name) + '">' + BattleLog.sanitizeHTML(html) + '</div>');
|
|
}
|
|
return { message: '', noNotify: isNotPM };
|
|
case 'raw':
|
|
return { message: '<div class="chat chatmessage-' + toID(name) + '">' + BattleLog.sanitizeHTML(target) + '</div>', noNotify: isNotPM };
|
|
case 'nonotify':
|
|
return { message: '<div class="chat">' + timestamp + BattleLog.sanitizeHTML(target) + '</div>', noNotify: true };
|
|
case 'challenge':
|
|
return { challenge: target };
|
|
default:
|
|
// Not a command or unsupported. Parsed as a normal chat message.
|
|
if (!name) {
|
|
return '<div class="chat' + hlClass + '">' + timestamp + '<em>' + BattleLog.parseMessage(message) + '</em></div>';
|
|
}
|
|
return '<div class="chat chatmessage-' + toID(name) + hlClass + mineClass + '">' + timestamp + '<strong style="' + color + '">' + clickableName + ':</strong> <em>' + BattleLog.parseMessage(message) + '</em></div>';
|
|
}
|
|
}
|
|
});
|
|
|
|
var FormatPopup = this.FormatPopup = this.Popup.extend({
|
|
events: {
|
|
'keyup input[name=search]': 'updateSearch',
|
|
'click details': 'updateOpen',
|
|
'click i.fa': 'updateStar'
|
|
},
|
|
initialize: function (data) {
|
|
this.data = data;
|
|
if (!this.open) {
|
|
// todo: maybe make this configurable? not sure since it will cache what users toggle.
|
|
// avoiding that decision for now because it requires either an ugly hack
|
|
// or an overhaul of BattleFormats.
|
|
this.open = Storage.prefs('openformats') || {
|
|
"S/V Singles": true, "S/V Doubles": true, "Unofficial Metagames": true, "National Dex": true, "OM of the Month": true,
|
|
"Other Metagames": true, "Randomized Format Spotlight": true, "RoA Spotlight": true,
|
|
// For AFD
|
|
"Random Meta of the Decade": true
|
|
};
|
|
}
|
|
if (!this.starred) this.starred = Storage.prefs('starredformats') || {};
|
|
if (!this.search) this.search = "";
|
|
this.onselect = data.onselect;
|
|
this.selectType = data.selectType;
|
|
if (!this.selectType) this.selectType = (this.sourceEl.closest('form').data('search') ? 'search' : 'challenge');
|
|
|
|
var html = '<p><ul class="popupmenu"><li><input name="search" placeholder="Search formats" value="' + this.search + '" class="textbox autofocus" autocomplete="off" />';
|
|
html += '</li></ul></p><span name="formats">';
|
|
html += this.renderFormats();
|
|
html += '</span><div style="clear:left"></div><p></p>';
|
|
this.$el.html(html);
|
|
},
|
|
renderFormats: function () {
|
|
var data = this.data;
|
|
var curFormat = data.format;
|
|
var bufs = [];
|
|
var curBuf = 0;
|
|
if (this.selectType === 'watch' && !this.search) {
|
|
bufs[1] = '<li><button name="selectFormat" value="" class="option' + (curFormat === '' ? ' cur' : '') + '">(All formats)</button></li>';
|
|
}
|
|
|
|
for (var i in this.starred) {
|
|
if (!bufs[1]) bufs[1] = '';
|
|
var format = BattleFormats[i];
|
|
if (!format) {
|
|
delete this.starred[i];
|
|
continue;
|
|
}
|
|
if (!this.shouldDisplayFormat(format)) continue;
|
|
if (this.search && !i.includes(toID(this.search))) {
|
|
continue;
|
|
}
|
|
// <i class="fa fa-star"></i>
|
|
var formatName = BattleLog.escapeFormat(BattleFormats[i].id);
|
|
bufs[1] += (
|
|
'<li><button name="selectFormat" value="' + i +
|
|
'" class="option' + (curFormat === i ? ' cur' : '') + '">' + formatName +
|
|
'<i class="fa fa-star" style="float: right; color: #FFD700; text-shadow: 0 0 1px #000;"></i></button></li>'
|
|
);
|
|
}
|
|
|
|
var curSection = '';
|
|
for (var i in BattleFormats) {
|
|
var format = BattleFormats[i];
|
|
if (!this.shouldDisplayFormat(format)) continue;
|
|
if (this.search && !format.id.includes(toID(this.search))) continue;
|
|
if (this.starred[i]) continue; // only show it in the starred section
|
|
|
|
if (format.section && format.section !== curSection) {
|
|
if (curSection) bufs[curBuf] += '</details></p>';
|
|
curSection = format.section;
|
|
if (!app.supports['formatColumns']) {
|
|
curBuf = (curSection === 'Doubles' || curSection === 'Past Generations') ? 2 : 1;
|
|
} else {
|
|
curBuf = format.column || 1;
|
|
}
|
|
if (!bufs[curBuf]) {
|
|
bufs[curBuf] = '';
|
|
}
|
|
var open = (this.open[curSection] || toID(this.search)) ? ' open' : '';
|
|
bufs[curBuf] += '<p><details' + open + ' section="' + curSection + '">';
|
|
bufs[curBuf] += '<summary><strong style="color: #579">';
|
|
bufs[curBuf] += BattleLog.escapeHTML(curSection) + '</strong></summary>';
|
|
}
|
|
var formatName = BattleLog.escapeFormat(format.id);
|
|
bufs[curBuf] += (
|
|
'<li><button name="selectFormat" value="' + i +
|
|
'" class="option' + (curFormat === i ? ' cur' : '') + '">' + formatName +
|
|
'<i class="fa fa-star subtle" style="float: right;"></i></button></li>'
|
|
);
|
|
}
|
|
var html = '';
|
|
if (bufs.every(function (buf) { return !buf; })) {
|
|
html = '<ul class="popupmenu"><em>No formats found</em></ul>';
|
|
} else {
|
|
for (var i = 1, l = bufs.length; i < l; i++) {
|
|
if (!bufs[i]) continue;
|
|
html += '<ul class="popupmenu"';
|
|
if (l > 1) {
|
|
html += ' style="float:left';
|
|
if (i > 0) {
|
|
html += ';padding-left:5px';
|
|
}
|
|
html += '"';
|
|
}
|
|
html += '>' + bufs[i] + '</ul>';
|
|
}
|
|
}
|
|
return html;
|
|
},
|
|
update: function () {
|
|
var $formatEl = this.$el.find('span[name=formats]');
|
|
$formatEl.empty();
|
|
$formatEl.html(this.renderFormats());
|
|
},
|
|
updateStar: function (ev) {
|
|
ev.preventDefault();
|
|
ev.stopPropagation();
|
|
var format = $(ev.target).parent().attr('value');
|
|
if (this.starred[format]) {
|
|
delete this.starred[format];
|
|
} else {
|
|
this.starred[format] = true;
|
|
}
|
|
Storage.prefs('starredformats', this.starred);
|
|
this.update();
|
|
},
|
|
updateOpen: function (ev) {
|
|
var section = $(ev.currentTarget).attr('section');
|
|
this.open[section] = !this.open[section];
|
|
Storage.prefs('openformats', this.open);
|
|
},
|
|
updateSearch: function (event) {
|
|
this.search = $(event.currentTarget).val();
|
|
this.update();
|
|
},
|
|
shouldDisplayFormat: function (format) {
|
|
if (this.selectType === 'teambuilder') {
|
|
if (!format.isTeambuilderFormat) return false;
|
|
} else {
|
|
if (format.effectType !== 'Format' || format.battleFormat) return false;
|
|
if (this.selectType !== 'watch' && !format[this.selectType + 'Show']) return false;
|
|
}
|
|
return true;
|
|
},
|
|
selectFormat: function (format) {
|
|
if (this.onselect) {
|
|
this.onselect(format);
|
|
} else if (app.rooms[''].curFormat !== format) {
|
|
app.rooms[''].curFormat = format;
|
|
app.rooms[''].curTeamIndex = -1;
|
|
var $teamButton = this.sourceEl.closest('form').find('button[name=team]');
|
|
if ($teamButton.length) $teamButton.replaceWith(app.rooms[''].renderTeams(format));
|
|
|
|
var $bestOfCheckbox = this.sourceEl.closest('form').find('input[name=bestof]');
|
|
var $bestOfValueInput = this.sourceEl.closest('form').find('input[name=bestofvalue]');
|
|
if ($bestOfCheckbox && $bestOfValueInput) {
|
|
var $parentTag = $bestOfCheckbox.parent().parent();
|
|
var bestOfDefault = BattleFormats[format] && BattleFormats[format].bestOfDefault;
|
|
if (bestOfDefault) {
|
|
$parentTag.removeClass('hidden');
|
|
$bestOfValueInput.val(3);
|
|
} else {
|
|
$parentTag.addClass('hidden');
|
|
$bestOfCheckbox.prop('checked', false);
|
|
}
|
|
}
|
|
|
|
var $teraPreviewCheckbox = this.sourceEl.closest('form').find('input[name=terapreview]');
|
|
if ($teraPreviewCheckbox) {
|
|
var $parentTag = $teraPreviewCheckbox.parent().parent();
|
|
var teraPreviewDefault = BattleFormats[format] && BattleFormats[format].teraPreviewDefault;
|
|
if (teraPreviewDefault) {
|
|
$parentTag.removeClass('hidden');
|
|
} else {
|
|
$parentTag.addClass('hidden');
|
|
$teraPreviewCheckbox.prop('checked', false);
|
|
}
|
|
}
|
|
|
|
var $partnerLabels = $('label[name=partner]');
|
|
$partnerLabels.each(function (i, label) {
|
|
label.style.display = BattleFormats[format].partner ? '' : 'none';
|
|
});
|
|
}
|
|
this.sourceEl.val(format).html(BattleLog.escapeFormat(format) || '(Select a format)');
|
|
|
|
this.close();
|
|
}
|
|
});
|
|
|
|
var TeamPopup = this.TeamPopup = this.Popup.extend({
|
|
initialize: function (data) {
|
|
var bufs = ['', '', '', '', ''];
|
|
var curBuf = 0;
|
|
var teams = Storage.teams;
|
|
var bufBoundary = 128;
|
|
if (teams.length > 128 && $(window).width() > 1080) {
|
|
bufBoundary = Math.ceil(teams.length / 5);
|
|
} else if (teams.length > 81) {
|
|
bufBoundary = Math.ceil(teams.length / 4);
|
|
} else if (teams.length > 54) {
|
|
bufBoundary = Math.ceil(teams.length / 3);
|
|
} else if (teams.length > 27) {
|
|
bufBoundary = Math.ceil(teams.length / 2);
|
|
}
|
|
this.folderNotExpanded = data.folderNotExpanded || [];
|
|
this.folderToggleOn = data.folderToggleOn;
|
|
var folders = {};
|
|
this.team = data.team;
|
|
this.format = data.format;
|
|
this.room = data.room;
|
|
this.isMoreTeams = data.isMoreTeams || false;
|
|
var format = BattleFormats[data.format];
|
|
if (data.format.includes('@@@')) {
|
|
format = BattleFormats[toID(data.format.split('@@@')[0])];
|
|
}
|
|
|
|
var teamFormat = (format.teambuilderFormat || (format.isTeambuilderFormat ? format.id : false));
|
|
this.teamFormat = teamFormat;
|
|
if (!teams.length) {
|
|
bufs[curBuf] = '<li><p><em>You have no teams</em></p></li>';
|
|
bufs[curBuf] += '<li><button name="teambuilder" class="button"><strong>Teambuilder</strong><br />' + BattleLog.escapeFormat(teamFormat) + ' teams</button></li>';
|
|
} else {
|
|
var curTeam = (data.team === '' ? -1 : +data.team);
|
|
var count = 0;
|
|
if (teamFormat) {
|
|
bufs[curBuf] = '<li><h3 style="margin-bottom: 5px;">' + BattleLog.escapeFormat(teamFormat) + ' teams</h3></li>';
|
|
bufs[curBuf] += '<li style="padding-bottom: 5px;"><label class="checkbox"><input type="checkbox"' + (this.folderToggleOn ? ' checked' : '') + '> Group by folders</label></li>';
|
|
for (var i = 0; i < teams.length; i++) {
|
|
if ((!teams[i].format && !teamFormat) || teams[i].format === teamFormat) {
|
|
var selected = (i === curTeam);
|
|
if (!this.folderToggleOn) {
|
|
bufs[curBuf] += '<li><button name="selectTeam" value="' + i + '" class="option' + (selected ? ' cur' : '') + '">' + BattleLog.escapeHTML(teams[i].name) + '</button></li>';
|
|
count++;
|
|
if (count % bufBoundary === 0 && curBuf < 4) curBuf++;
|
|
} else {
|
|
var folderName = teams[i].folder || "";
|
|
if (folderName) {
|
|
if (folders[folderName] === undefined) folders[folderName] = [];
|
|
var thisTeam = teams[i];
|
|
thisTeam.id = i;
|
|
folders[folderName].push(thisTeam);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (this.folderToggleOn) {
|
|
for (var key in folders) {
|
|
var folderData = folders[key];
|
|
var exists = false;
|
|
for (var j = 0; j < this.folderNotExpanded.length; j++) {
|
|
if (this.folderNotExpanded[j] === key) {
|
|
exists = true;
|
|
break;
|
|
}
|
|
}
|
|
if (!exists) {
|
|
bufs[curBuf] += '<li><button name="selectFolder" class="button" value="' + key + '"><i class="fa fa-folder-open" style="margin-right: 7px; margin-left: 4px;"></i>' + BattleLog.escapeHTML(key) + '</button></li>';
|
|
count++;
|
|
if (count % bufBoundary === 0 && curBuf < 4) curBuf++;
|
|
for (var j = 0; j < folderData.length; j++) {
|
|
var selected = (folderData[j].id === curTeam);
|
|
bufs[curBuf] += '<li><button name="selectTeam" value="' + folders[key][j].id + '" class="option' + (selected ? ' cur' : '') + '">' + BattleLog.escapeHTML(folderData[j].name) + '</button></li>';
|
|
count++;
|
|
if (count % bufBoundary === 0 && curBuf < 4) curBuf++;
|
|
}
|
|
} else {
|
|
bufs[curBuf] += '<li><button name="selectFolder" class="button" value="' + key + '"><i class="fa fa-folder" style="margin-right: 7px; margin-left: 4px;"></i>' + BattleLog.escapeHTML(key) + '</button></li>';
|
|
count++;
|
|
if (count % bufBoundary === 0 && curBuf < 4) curBuf++;
|
|
}
|
|
}
|
|
var isNoFolder = false;
|
|
for (var i = 0; i < this.folderNotExpanded.length; i++) {
|
|
if (this.folderNotExpanded[i] === "(No Folder)") {
|
|
isNoFolder = true;
|
|
break;
|
|
}
|
|
}
|
|
if (!isNoFolder) {
|
|
bufs[curBuf] += '<li><button name="selectFolder" class="button" value="(No Folder)"><i class="fa fa-folder-open" style="margin-right: 7px; margin-left: 4px;"></i>(No Folder)</button></li>';
|
|
} else {
|
|
bufs[curBuf] += '<li><button name="selectFolder" class="button" value="(No Folder)"><i class="fa fa-folder" style="margin-right: 7px; margin-left: 4px;"></i>(No Folder)</button></li>';
|
|
count++;
|
|
if (count % bufBoundary === 0 && count !== 0 && curBuf < 4) curBuf++;
|
|
}
|
|
if (!isNoFolder) {
|
|
for (var i = 0; i < teams.length; i++) {
|
|
if ((!teams[i].format && !teamFormat) || teams[i].format === teamFormat) {
|
|
var selected = (i === curTeam);
|
|
if (teams[i].folder === "") {
|
|
bufs[curBuf] += '<li><button name="selectTeam" value="' + i + '" class="option' + (selected ? ' cur' : '') + '">' + BattleLog.escapeHTML(teams[i].name) + '</button></li>';
|
|
count++;
|
|
if (count % bufBoundary === 0 && curBuf < 4) curBuf++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (!count) bufs[curBuf] += '<li><p><em>You have no ' + BattleLog.escapeFormat(teamFormat) + ' teams</em></p></li>';
|
|
bufs[curBuf] += '<li><button name="teambuilder" class="button"><strong>Teambuilder</strong><br />' + BattleLog.escapeFormat(teamFormat) + ' teams</button></li>';
|
|
bufs[curBuf] += '<li><h3>Other teams</h3></li>';
|
|
} else {
|
|
bufs[curBuf] = '<li><button name="teambuilder" class="button"><strong>Teambuilder</strong></button></li>';
|
|
bufs[curBuf] += '<li><h3>All teams</h3></li>';
|
|
this.isMoreTeams = true;
|
|
}
|
|
if (this.isMoreTeams) {
|
|
for (var i = 0; i < teams.length; i++) {
|
|
if (teamFormat && teams[i].format === teamFormat) continue;
|
|
var selected = (i === curTeam);
|
|
bufs[curBuf] += '<li><button name="selectTeam" value="' + i + '" class="option' + (selected ? ' cur' : '') + '">' + BattleLog.escapeHTML(teams[i].name) + '</button></li>';
|
|
count++;
|
|
if (count % bufBoundary === 0 && curBuf < 4) curBuf++;
|
|
}
|
|
} else {
|
|
bufs[curBuf] += '<li><button name="moreTeams" class="button">Show all teams</button></li>';
|
|
}
|
|
}
|
|
if (format.canUseRandomTeam) {
|
|
bufs[curBuf] += '<li><button value="-1">Random Team</button></li>';
|
|
}
|
|
|
|
if (bufs[1]) {
|
|
while (!bufs[bufs.length - 1]) bufs.pop();
|
|
this.$el.html('<ul class="popupmenu" style="float:left">' + bufs.join('</ul><ul class="popupmenu" style="float:left;padding-left:5px">') + '</ul><div style="clear:left"></div>');
|
|
} else {
|
|
this.$el.html('<ul class="popupmenu">' + bufs[0] + '</ul>');
|
|
}
|
|
},
|
|
events: {
|
|
'click input[type=checkbox]': 'foldersToggle'
|
|
},
|
|
moreTeams: function () {
|
|
this.close();
|
|
app.addPopup(TeamPopup, { team: this.team, format: this.format, sourceEl: this.sourceEl, room: this.room, isMoreTeams: true, folderToggleOn: this.folderToggleOn, folderNotExpanded: this.folderNotExpanded });
|
|
},
|
|
teambuilder: function () {
|
|
var teamFormat = this.teamFormat;
|
|
this.close();
|
|
app.joinRoom('teambuilder');
|
|
var teambuilder = app.rooms['teambuilder'];
|
|
if (!teambuilder.exportMode && !teambuilder.curTeam && teamFormat) {
|
|
teambuilder.selectFolder(teamFormat);
|
|
}
|
|
},
|
|
selectFolder: function (key) {
|
|
var keyExists = false;
|
|
var folderNotExpanded = this.folderNotExpanded.filter(function (folder) {
|
|
if (folder === key) {
|
|
keyExists = true;
|
|
return false;
|
|
}
|
|
return true;
|
|
});
|
|
if (!keyExists) {
|
|
folderNotExpanded.push(key);
|
|
}
|
|
this.close();
|
|
app.addPopup(TeamPopup, { team: this.team, format: this.format, sourceEl: this.sourceEl, room: this.room, isMoreTeams: this.isMoreTeams, folderToggleOn: this.folderToggleOn, folderNotExpanded: folderNotExpanded });
|
|
},
|
|
foldersToggle: function () {
|
|
this.close();
|
|
app.addPopup(TeamPopup, { team: this.team, format: this.format, sourceEl: this.sourceEl, room: this.room, isMoreTeams: this.isMoreTeams, folderToggleOn: !this.folderToggleOn, folderNotExpanded: this.folderNotExpanded });
|
|
},
|
|
selectTeam: function (i) {
|
|
i = +i;
|
|
this.sourceEl.val(i).html(TeamPopup.renderTeam(i));
|
|
if (this.sourceEl[0].offsetParent.className === 'mainmenuwrapper') {
|
|
var formatid = this.sourceEl.closest('form').find('button[name=format]').val();
|
|
app.rooms[''].curTeamIndex = i;
|
|
app.rooms[''].curTeamFormat = formatid;
|
|
} else if (this.sourceEl[0].offsetParent.className === 'tournament-box active') {
|
|
app.rooms[this.room].tournamentBox.curTeamIndex = i;
|
|
}
|
|
this.close();
|
|
}
|
|
}, {
|
|
renderTeam: function (i) {
|
|
if (i === 'random') {
|
|
var buf = '<strong>Random team</strong><small>';
|
|
for (var i = 0; i < 6; i++) {
|
|
buf += '<span class="picon" style="float:left;' + Dex.getPokemonIcon() + '"></span>';
|
|
}
|
|
buf += '</small>';
|
|
return buf;
|
|
}
|
|
if (i < 0) {
|
|
return '<em>Select a team</em>';
|
|
}
|
|
var team = Storage.teams[i];
|
|
if (!team) return 'Error: Corrupted team';
|
|
var buf = '<strong>' + BattleLog.escapeHTML(team.name) + '</strong><small>';
|
|
buf += Storage.getTeamIcons(team) + '</small>';
|
|
return buf;
|
|
}
|
|
});
|
|
|
|
}).call(this, jQuery);
|