mirror of
https://github.com/smogon/pokemon-showdown-client.git
synced 2026-05-09 04:23:01 -05:00
d73f97d8f9
/challenge now opens the challenge window instead of the user window (like /user does) /challenge also accepts multiple parameters now: user, format, team user is the name(id) of the user you want to challenge format is the format you want. It gets changed to an id, so you can enter it in any way you want. For example: ou, ou no stealth rock, etc. team is the name of the team you wish to use. It also gets changed to an id and stops at the first match (problem: multiple teams with the same name?) Both the format and team parameters are optional
877 lines
34 KiB
JavaScript
877 lines
34 KiB
JavaScript
(function($) {
|
|
|
|
var MainMenuRoom = this.MainMenuRoom = this.Room.extend({
|
|
type: 'mainmenu',
|
|
tinyWidth: 340,
|
|
bestWidth: 628,
|
|
events: {
|
|
'keydown textarea': 'keyPress',
|
|
'click .username': 'clickUsername',
|
|
'click .closebutton': 'closePM',
|
|
'click .pm-window': 'clickPMBackground',
|
|
'focus textarea': 'onFocusPM',
|
|
'blur textarea': 'onBlurPM',
|
|
'click button.formatselect': 'selectFormat',
|
|
'click button.teamselect': 'selectTeam'
|
|
},
|
|
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">';
|
|
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><span class="pokemonicon" style="margin:0 auto;background:transparent url(//play.pokemonshowdown.com/sprites/bwicons-sheet.png?v0.8.5) no-repeat scroll -288px -424px"></span> 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><button class="button big" name="search"><strong>Look for a battle</strong></button></p></form></div>';
|
|
|
|
buf += '<div class="menugroup"><p><button class="button" name="roomlist">Watch a battle</button></p></div>';
|
|
}
|
|
|
|
buf += '<div class="menugroup"><p><button class="button" name="joinRoom" value="teambuilder">Teambuilder</button></p>';
|
|
if (app.down) {
|
|
buf += '<p><button class="button disabled" name="joinRoom" value="ladder" disabled>Ladder</button></p>';
|
|
} else {
|
|
buf += '<p><button class="button" name="joinRoom" value="ladder">Ladder</button></p>';
|
|
}
|
|
buf += '<p><button class="button" name="credits">Credits</button></p></div></div>';
|
|
this.$('.mainmenu').html(buf);
|
|
|
|
// right menu
|
|
if (!app.down) {
|
|
this.$('.rightmenu').html('<div class="menugroup"><p><button class="button" 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
|
|
|
|
addNews: function() {
|
|
var newsId = '1990';
|
|
if (newsId === ''+Tools.prefs('readnews')) return;
|
|
this.$pmBox.prepend('<div class="pm-window news-embed" data-newsid="'+newsId+'"><h3><button class="closebutton" tabindex="-1"><i class="icon-remove-sign"></i></button>Latest News</h3><div class="pm-log" style="overflow:visible;height:400px;max-height:none">' +
|
|
'<iframe src="/news-embed.php?news'+(window.nodewebkit || document.location.protocol === 'https:'?'&https':'')+'" width="270" height="400" border="0" style="border:0;width:100%;height:400px"></iframe>' +
|
|
'</div></div>');
|
|
},
|
|
|
|
/*********************************************************
|
|
* PMs
|
|
*********************************************************/
|
|
|
|
addPM: function(name, message, target) {
|
|
var userid = toUserid(name);
|
|
if (app.ignore[userid] && name.substr(0, 1) === ' ') return;
|
|
|
|
if (app.curSideRoom && app.curSideRoom.addPM && !Tools.prefs('nolobbypm')) {
|
|
app.curSideRoom.addPM(name, message, target);
|
|
}
|
|
|
|
var oName = name;
|
|
if (toId(name) === app.user.get('userid')) {
|
|
oName = target;
|
|
} else {
|
|
this.notifyOnce("PM from "+oName, "\""+message+"\"", 'pm');
|
|
}
|
|
|
|
Storage.logChat('pm-'+toId(oName), ''+name+': '+message);
|
|
|
|
var $pmWindow = this.openPM(oName, true);
|
|
|
|
var $chatFrame = $pmWindow.find('.pm-log');
|
|
var $chat = $pmWindow.find('.inner');
|
|
if ($chatFrame.scrollTop() + 60 >= $chat.height() - $chatFrame.height()) {
|
|
autoscroll = true;
|
|
}
|
|
|
|
var timestamp = ChatRoom.getTimestamp('pms');
|
|
var color = hashColor(toId(name));
|
|
var clickableName = '<span class="username" data-name="' + Tools.escapeHTML(name) + '">' + Tools.escapeHTML(name.substr(1)) + '</span>';
|
|
if (name.substr(0, 1) !== ' ') clickableName = '<small>' + Tools.escapeHTML(name.substr(0, 1)) + '</small>'+clickableName;
|
|
|
|
if (message.substr(0,4) === '/me ') {
|
|
$chat.append('<div class="chat">' + timestamp + '<strong style="' + color + '">•</strong> <em' + (name.substr(1) === app.user.get('name') ? ' class="mine"' : '') + '>' + clickableName + ' <i>' + Tools.parseMessage(message.substr(4), name) + '</i></em></div>');
|
|
} else if (message.substr(0,5) === '/mee ') {
|
|
$chat.append('<div class="chat">' + timestamp + '<strong style="' + color + '">•</strong> <em' + (name.substr(1) === app.user.get('name') ? ' class="mine"' : '') + '>' + clickableName + '<i>' + Tools.parseMessage(message.substr(5), name) + '</i></em></div>');
|
|
} else if (message.substr(0,8) === '/invite ') {
|
|
var roomid = toRoomid(message.substr(8));
|
|
$chat.append('<div class="chat">' + timestamp + '<em>' + clickableName + ' invited you to join the room "'+roomid+'"</em></div>');
|
|
$chat.append('<div class="notice"><button name="joinRoom" value="'+roomid+'">Join '+roomid+'</button></div>');
|
|
} else if (message.substr(0,10) === '/announce ') {
|
|
$chat.append('<div class="chat">' + timestamp + '<strong style="' + color + '">' + clickableName + ':</strong> <span class="message-announce">' + Tools.parseMessage(message.substr(10), name) + '</span></div>');
|
|
} else if (message.substr(0,14) === '/data-pokemon ') {
|
|
$chat.append('<div class="message"><ul class="utilichart">'+Chart.pokemonRow(Tools.getTemplate(message.substr(14)),'',{})+'<li style=\"clear:both\"></li></ul></div>');
|
|
} else if (message.substr(0,11) === '/data-item ') {
|
|
$chat.append('<div class="message"><ul class="utilichart">'+Chart.itemRow(Tools.getItem(message.substr(11)),'',{})+'<li style=\"clear:both\"></li></ul></div>');
|
|
} else if (message.substr(0,14) === '/data-ability ') {
|
|
$chat.append('<div class="message"><ul class="utilichart">'+Chart.abilityRow(Tools.getAbility(message.substr(14)),'',{})+'<li style=\"clear:both\"></li></ul></div>');
|
|
} else if (message.substr(0,11) === '/data-move ') {
|
|
$chat.append('<div class="message"><ul class="utilichart">'+Chart.moveRow(Tools.getMove(message.substr(11)),'',{})+'<li style=\"clear:both\"></li></ul></div>');
|
|
} else {
|
|
// Normal chat message.
|
|
if (message.substr(0,2) === '//') message = message.substr(1);
|
|
$chat.append('<div class="chat">' + timestamp + '<strong style="' + color + '">' + clickableName + ':</strong> <em' + (target === oName ? ' class="mine"' : '') + '>' + Tools.parseMessage(message, name) + '</em></div>');
|
|
}
|
|
|
|
if (autoscroll) {
|
|
$chatFrame.scrollTop($chat.height());
|
|
}
|
|
},
|
|
openPM: function(name, dontFocus) {
|
|
var userid = toId(name);
|
|
var $pmWindow = this.$pmBox.find('.pm-window-'+userid);
|
|
if (!$pmWindow.length) {
|
|
group = name.charAt(0);
|
|
if (group === ' ') {
|
|
group = '';
|
|
} else {
|
|
group = '<small>'+Tools.escapeHTML(group)+'</small>';
|
|
}
|
|
var buf = '<div class="pm-window pm-window-'+userid+'" data-userid="'+userid+'" data-name="'+name+'"><h3><button class="closebutton" href="'+app.root+'teambuilder" tabindex="-1"><i class="icon-remove-sign"></i></button>'+group+Tools.escapeHTML(name.substr(1))+'</h3><div class="pm-log"><div class="inner"></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
|
|
});
|
|
} 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');
|
|
} 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();
|
|
},
|
|
focusPM: function(name) {
|
|
this.openPM(name).prependTo(this.$pmBox).find('textarea[name=message]').focus();
|
|
},
|
|
onFocusPM: function(e) {
|
|
$(e.currentTarget).closest('.pm-window').addClass('focused');
|
|
},
|
|
onBlurPM: function(e) {
|
|
$(e.currentTarget).closest('.pm-window').removeClass('focused');
|
|
},
|
|
keyPress: function(e) {
|
|
if (e.keyCode === 13 && !e.shiftKey) { // Enter
|
|
var $target = $(e.currentTarget);
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
var text;
|
|
if ((text = $target.val())) {
|
|
// this.tabComplete.reset();
|
|
// this.chatHistory.push(text);
|
|
var userid = $target.closest('.pm-window').data('userid');
|
|
text = ('\n'+text).replace(/\n/g, '\n/pm '+userid+', ').substr(1);
|
|
this.send(text);
|
|
$(e.currentTarget).val('');
|
|
}
|
|
} else if (e.keyCode === 27) { // Esc
|
|
this.closePM(e);
|
|
} else if (e.keyCode === 9 && !e.shiftKey && !e.ctrlKey) { // Tab key
|
|
if (app.rooms['lobby'] && app.rooms['lobby'].handleTabComplete($(e.currentTarget))) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
}
|
|
},
|
|
clickUsername: function(e) {
|
|
e.stopPropagation();
|
|
var name = $(e.currentTarget).data('name');console.log("HAHAHAHAHA", name);
|
|
app.addPopup(UserPopup, {name: name, sourceEl: e.currentTarget});
|
|
},
|
|
clickPMBackground: function(e) {
|
|
if (!e.shiftKey && !e.cmdKey && !e.ctrlKey) {
|
|
if (window.getSelection && !window.getSelection().isCollapsed) {
|
|
return;
|
|
}
|
|
app.dismissPopups();
|
|
$(e.currentTarget).find('textarea[name=message]').focus();
|
|
e.stopPropagation();
|
|
}
|
|
},
|
|
|
|
// 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;
|
|
var $searchForm = $('.mainmenu button.big').closest('form');
|
|
var $formatButton = $searchForm.find('button[name=format]');
|
|
var $teamButton = $searchForm.find('button[name=team]');
|
|
if (this.searching) {
|
|
$formatButton.addClass('preselected')[0].disabled = true;
|
|
$teamButton.addClass('preselected')[0].disabled = true;
|
|
$searchForm.find('button.big').html('<strong><i class="icon-refresh icon-spin"></i> Searching...</strong>').addClass('disabled');
|
|
} else {
|
|
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>Look for a battle</strong>').removeClass('disabled');
|
|
$searchForm.find('button.cancelSearch').html('<strong>Look for a battle</strong>').removeClass('disabled');
|
|
$searchForm.find('p.cancel').remove();
|
|
}
|
|
},
|
|
updateChallenges: function(data) {
|
|
this.challengesFrom = data.challengesFrom;
|
|
this.challengeTo = data.challengeTo;
|
|
for (var i in data.challengesFrom) {
|
|
this.openPM(' '+i, true);
|
|
}
|
|
var self = this;
|
|
this.$('.pm-window').each(function(i, el) {
|
|
var $pmWindow = $(el);
|
|
var userid = $pmWindow.data('userid');
|
|
var name = $pmWindow.data('name');
|
|
if (data.challengesFrom[userid]) {
|
|
var challenge = data.challengesFrom[userid];
|
|
if (!$pmWindow.find('.challenge').length) {
|
|
self.notifyOnce("Challenge from "+name, "Format: "+Tools.escapeFormat(challenge.format), 'challenge:'+userid);
|
|
}
|
|
var $challenge = self.openChallenge(name, $pmWindow);
|
|
var buf = '<form class="battleform"><p>'+Tools.escapeHTML(name)+' wants to battle!</p>';
|
|
buf += '<p><label class="label">Format:</label>'+self.renderFormats(challenge.format, true)+'</p>';
|
|
buf += '<p><label class="label">Team:</label>'+self.renderTeams(challenge.format)+'</p>';
|
|
buf += '<p class="buttonbar"><button name="acceptChallenge"><strong>Accept</strong></button> <button name="rejectChallenge">Reject</button></p></form>';
|
|
$challenge.html(buf);
|
|
} 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">OK</button></p></form>');
|
|
}
|
|
} else if ($challenge.find('button[name=cancelChallenge]').length) {
|
|
// You were challenging someone else, and they either accepted
|
|
// or rejected it
|
|
$challenge.remove();
|
|
}
|
|
self.closeNotification('challenge:'+userid);
|
|
}
|
|
}
|
|
});
|
|
|
|
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 '+Tools.escapeHTML(name)+'...</p>';
|
|
buf += '<p><label class="label">Format:</label>'+this.renderFormats(challenge.format, true)+'</p>';
|
|
buf += '<p class="buttonbar"><button name="cancelChallenge">Cancel</button></p></form>';
|
|
|
|
$challenge.html(buf);
|
|
}
|
|
},
|
|
openChallenge: function(name, $pmWindow) {
|
|
var userid = toId(name);
|
|
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;
|
|
}
|
|
|
|
if (!this.searching) this.$('.mainmenu button.big').html('<strong>Look for a battle</strong>').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));
|
|
});
|
|
},
|
|
updateTeams: function() {
|
|
if (!window.BattleFormats) return;
|
|
var teams = Storage.teams;
|
|
var self = this;
|
|
|
|
this.$('button[name=team]').each(function(i, el) {
|
|
var val = el.value;
|
|
if (val === 'random') return;
|
|
var format = $(el).closest('form').find('button[name=format]').val();
|
|
$(el).replaceWith(self.renderTeams(format, val));
|
|
});
|
|
},
|
|
updateRightMenu: function() {
|
|
if (app.sideRoom) {
|
|
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) format = toId(format);
|
|
var teamIndex = undefined;
|
|
if (Storage.teams && team) {
|
|
var team = toId(team);
|
|
for (var i = 0; i < Storage.teams.length; i++) {
|
|
if (team === toId(Storage.teams[i].name || '')) {
|
|
teamIndex = i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
$challenge = this.openChallenge(name);
|
|
var buf = '<form class="battleform"><p>Challenge '+Tools.escapeHTML(name)+'?</p>';
|
|
buf += '<p><label class="label">Format:</label>'+this.renderFormats(format)+'</p>';
|
|
buf += '<p><label class="label">Team:</label>'+this.renderTeams(format, teamIndex)+'</p>';
|
|
buf += '<p class="buttonbar"><button name="makeChallenge"><strong>Challenge</strong></button> <button name="dismissChallenge">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 teamIndex = $pmWindow.find('button[name=team]').val();
|
|
var team = null;
|
|
if (Storage.teams[teamIndex]) team = Storage.teams[teamIndex].team;
|
|
if (!window.BattleFormats[format].team && !team) {
|
|
app.addPopupMessage("You need to go into the Teambuilder and build a team for this format.");
|
|
return;
|
|
}
|
|
|
|
target.disabled = true;
|
|
app.send('/utm '+(team?$.toJSON(team):'null'));
|
|
app.send('/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 team = null;
|
|
if (Storage.teams[teamIndex]) team = Storage.teams[teamIndex].team;
|
|
if (!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 '+Tools.escapeHTML(name)+'...</p>';
|
|
buf += '<p><label class="label">Format:</label>'+this.renderFormats(format, true)+'</p>';
|
|
buf += '<p class="buttonbar"><button name="cancelChallenge">Cancel</button></p></form>';
|
|
|
|
$(target).closest('.challenge').html(buf);
|
|
app.send('/utm '+(team?$.toJSON(team):'null'));
|
|
app.send('/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) {
|
|
$(target).closest('.challenge').remove();
|
|
},
|
|
format: function(format, button) {
|
|
if (window.BattleFormats) app.addPopup(FormatPopup, {format: format, sourceEl: button});
|
|
},
|
|
team: function(team, button) {
|
|
var format = $(button).closest('form').find('button[name=format]').val();
|
|
app.addPopup(TeamPopup, {team: team, format: format, sourceEl: button});
|
|
},
|
|
|
|
// format/team selection
|
|
|
|
curFormat: '',
|
|
renderFormats: function(formatid, noChoice) {
|
|
if (!window.BattleFormats) {
|
|
return '<button class="select formatselect" name="format" disabled value="'+Tools.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['randombattle']) {
|
|
this.curFormat = 'randombattle';
|
|
} else for (var i in BattleFormats) {
|
|
this.curFormat = i;
|
|
break;
|
|
}
|
|
}
|
|
formatid = this.curFormat;
|
|
}
|
|
return '<button class="select formatselect'+(noChoice?' preselected':'')+'" name="format" value="'+formatid+'"'+(noChoice?' disabled':'')+'>'+Tools.escapeFormat(formatid)+'</button>';
|
|
},
|
|
curTeamFormat: '',
|
|
curTeamIndex: -1,
|
|
renderTeams: function(formatid, teamIndex) {
|
|
if (!Storage.teams || !window.BattleFormats) {
|
|
return '<button class="select teamselect" name="team" disabled><em>Loading...</em></button>';
|
|
}
|
|
if (!formatid) formatid = this.curFormat;
|
|
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 teams = Storage.teams;
|
|
if (!teams.length) {
|
|
return '<button class="select teamselect" name="team" disabled>You have no teams</button>'
|
|
}
|
|
if (teamIndex === undefined) {
|
|
teamIndex = 0;
|
|
if (this.curTeamIndex >= 0) {
|
|
teamIndex = this.curTeamIndex;
|
|
}
|
|
if (this.curTeamFormat !== formatid) {
|
|
for (var i=0; i<teams.length; i++) {
|
|
if (teams[i].format === formatid) {
|
|
teamIndex = i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
teamIndex = +teamIndex;
|
|
}
|
|
return '<button class="select teamselect" name="team" value="'+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 format = $formatButton.val();
|
|
var teamIndex = $teamButton.val();
|
|
var team = null;
|
|
if (Storage.teams[teamIndex]) team = Storage.teams[teamIndex].team;
|
|
if (!window.BattleFormats[format].team && !team) {
|
|
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="icon-refresh icon-spin"></i> Connecting...</strong>').addClass('disabled');
|
|
$searchForm.append('<p class="cancel buttonbar"><button name="cancelSearch">Cancel</button></p>');
|
|
|
|
app.send('/utm '+(team?$.toJSON(team):'null'));
|
|
app.send('/search '+format);
|
|
},
|
|
cancelSearch: function() {
|
|
app.send('/cancelsearch');
|
|
this.searching = false;
|
|
this.updateSearch();
|
|
},
|
|
joinRoom: function(room) {
|
|
app.joinRoom(room);
|
|
},
|
|
credits: function() {
|
|
app.addPopup(CreditsPopup);
|
|
},
|
|
roomlist: function() {
|
|
app.addPopup(BattleListPopup);
|
|
}
|
|
});
|
|
|
|
var FormatPopup = this.FormatPopup = this.Popup.extend({
|
|
initialize: function(data) {
|
|
var curFormat = data.format;
|
|
var selectType = (this.sourceEl.closest('form').data('search') ? 'search' : 'challenge');
|
|
var bufs = [];
|
|
var curBuf = 0;
|
|
var curSection = '';
|
|
for (var i in BattleFormats) {
|
|
var format = BattleFormats[i];
|
|
var selected = false;
|
|
if (format.effectType !== 'Format') continue;
|
|
if (selectType && !format[selectType + 'Show']) continue;
|
|
|
|
if (format.section && format.section !== curSection) {
|
|
curSection = format.section;
|
|
if (!BattleFormats._supportsColumns) {
|
|
curBuf = (curSection === 'Doubles' || curSection === 'Past Generations') ? 2 : 1;
|
|
} else {
|
|
curBuf = format.column || 1;
|
|
}
|
|
if (!bufs[curBuf]) {
|
|
bufs[curBuf] = '';
|
|
}
|
|
bufs[curBuf] += '<li><h3>'+Tools.escapeHTML(curSection)+'</li>';
|
|
}
|
|
bufs[curBuf] += '<li><button name="selectFormat" value="' + i + '"' + (curFormat === i ? ' class="sel"' : '') + '>' + Tools.escapeHTML(format.name) + '</button></li>';
|
|
}
|
|
|
|
var html = '';
|
|
for (var i = 1, l = bufs.length; i < l; i++) {
|
|
html += '<ul class="popupmenu"';
|
|
if (l > 1) {
|
|
html += ' style="float:left';
|
|
if (i > 0) {
|
|
html += ';padding-left:5px';
|
|
}
|
|
html += '"';
|
|
}
|
|
html += '>' + bufs[i] + '</ul>';
|
|
}
|
|
html += '<div style="clear:left"></div>';
|
|
this.$el.html(html);
|
|
},
|
|
selectFormat: function(format) {
|
|
var $teamButton = this.sourceEl.closest('form').find('button[name=team]');
|
|
this.sourceEl.val(format).html(Tools.escapeFormat(format));
|
|
$teamButton.replaceWith(app.rooms[''].renderTeams(format));
|
|
app.rooms[''].curFormat = 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);
|
|
}
|
|
|
|
if (!teams.length) {
|
|
bufs[curBuf] = '<li><em>You have no teams</em></li>';
|
|
} else {
|
|
var format = BattleFormats[data.format];
|
|
var curTeam = +data.team;
|
|
var teamFormat = (format.teambuilderFormat || (format.isTeambuilderFormat ? data.format : false));
|
|
var count = 0;
|
|
if (teamFormat) {
|
|
bufs[curBuf] = '<li><h3>'+Tools.escapeFormat(teamFormat)+' teams</h3></li>';
|
|
for (var i = 0; i < teams.length; i++) {
|
|
if ((!teams[i].format && !teamFormat) || teams[i].format === teamFormat) {
|
|
var selected = (i === curTeam);
|
|
bufs[curBuf] += '<li><button name="selectTeam" value="'+i+'"'+(selected?' class="sel"':'')+'>'+Tools.escapeHTML(teams[i].name)+'</button></li>';
|
|
count++;
|
|
if (count % bufBoundary == 0 && curBuf < 4) curBuf++;
|
|
}
|
|
}
|
|
if (!count) bufs[curBuf] += '<li><em>You have no '+Tools.escapeFormat(teamFormat)+' teams</em></li>';
|
|
bufs[curBuf] += '<li><h3>Other teams</h3></li>';
|
|
} else {
|
|
bufs[curBuf] = '<li><h3>All teams</h3></li>';
|
|
}
|
|
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+'"'+(selected?' class="sel"':'')+'>'+Tools.escapeHTML(teams[i].name)+'</button></li>';
|
|
count++;
|
|
if (count % bufBoundary == 0 && curBuf < 4) curBuf++;
|
|
}
|
|
}
|
|
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>');
|
|
}
|
|
},
|
|
selectTeam: function(i) {
|
|
var formatid = this.sourceEl.closest('form').find('button[name=format]').val();
|
|
i = +i;
|
|
this.sourceEl.val(i).html(TeamPopup.renderTeam(i));
|
|
app.rooms[''].curTeamIndex = i;
|
|
app.rooms[''].curTeamFormat = formatid;
|
|
this.close();
|
|
}
|
|
}, {
|
|
renderTeam: function(i) {
|
|
if (i === 'random') {
|
|
var buf = 'Random team<br />';
|
|
for (var i=0; i<6; i++) {
|
|
buf += '<span class="pokemonicon" style="float:left;'+Tools.getIcon()+'"></span>';
|
|
}
|
|
return buf;
|
|
}
|
|
var team = Storage.teams[i];
|
|
if (!team) return 'Error: Corrupted team';
|
|
var buf = ''+Tools.escapeHTML(team.name)+'<br />';
|
|
for (var i=0; i<team.team.length; i++) {
|
|
buf += '<span class="pokemonicon" style="float:left;'+Tools.getIcon(team.team[i])+'"></span>';
|
|
}
|
|
return buf;
|
|
}
|
|
});
|
|
|
|
var BattleListPopup = this.BattleListPopup = Popup.extend({
|
|
type: 'semimodal',
|
|
initialize: function() {
|
|
var buf = '<div class="roomlist"><p><button name="refresh"><i class="icon-refresh"></i> Refresh</button> <button name="close"><i class="icon-remove"></i> Close</button></p>';
|
|
|
|
buf += '<p><label>Format:</label><select name="format"><option value="">(All formats)</option>';
|
|
if (window.BattleFormats) {
|
|
for (var i in BattleFormats) {
|
|
if (BattleFormats[i].searchShow) {
|
|
var activeFormat = (this.format === i?' selected=':'');
|
|
buf += '<option value="'+i+'"'+activeFormat+'>'+BattleFormats[i].name+'</option>';
|
|
}
|
|
}
|
|
}
|
|
buf += '</select></p>';
|
|
buf += '<div class="list"><p>Loading...</p></div>';
|
|
buf += '</div>';
|
|
this.$el.html(buf);
|
|
this.$list = this.$('.list');
|
|
|
|
app.on('init:formats', this.initialize, this);
|
|
app.on('response:roomlist', this.update, this);
|
|
app.send('/cmd roomlist');
|
|
this.update();
|
|
},
|
|
events: {
|
|
'click .ilink': 'clickLink',
|
|
'change select': 'changeFormat'
|
|
},
|
|
format: '',
|
|
changeFormat: function(e) {
|
|
this.format = e.currentTarget.value;
|
|
this.update();
|
|
},
|
|
update: function(data) {
|
|
if (!data && !this.data) {
|
|
this.$list.html('<p>Loading...</p>');
|
|
return;
|
|
}
|
|
this.$('button[name=refresh]')[0].disabled = false;
|
|
if (!data) {
|
|
data = this.data;
|
|
} else {
|
|
this.data = data;
|
|
}
|
|
var buf = '';
|
|
|
|
var i = 0;
|
|
for (var id in data.rooms) {
|
|
var roomData = data.rooms[id];
|
|
var matches = ChatRoom.parseBattleID(id);
|
|
if (!matches) {
|
|
continue; // bogus room ID could be used to inject JavaScript
|
|
}
|
|
var format = (matches[1]||'');
|
|
if (this.format && format !== this.format) continue;
|
|
var formatBuf = (format ? '<small>[' + Tools.escapeFormat(format) + ']</small><br />' : '');
|
|
var roomDesc = formatBuf + '<em class="p1">' + Tools.escapeHTML(roomData.p1) + '</em> <small class="vs">vs.</small> <em class="p2">' + Tools.escapeHTML(roomData.p2) + '</em>';
|
|
if (!roomData.p1) {
|
|
matches = id.match(/[^0-9]([0-9]*)$/);
|
|
roomDesc = formatBuf + 'empty room ' + matches[1];
|
|
} else if (!roomData.p2) {
|
|
roomDesc = formatBuf + '<em class="p1">' + Tools.escapeHTML(roomData.p1) + '</em>';
|
|
}
|
|
buf += '<div><a href="' + app.root+id + '" class="ilink">' + roomDesc + '</a></div>';
|
|
i++;
|
|
}
|
|
|
|
if (!i) {
|
|
buf = '<p>No '+Tools.escapeFormat(this.format)+' battles are going on right now.</p>';
|
|
} else {
|
|
buf = '<p>'+i+' '+Tools.escapeFormat(this.format)+' '+(i === 1 ? 'battle' : 'battles')+'</p>' + buf;
|
|
}
|
|
|
|
this.$list.html(buf);
|
|
},
|
|
clickLink: function(e) {
|
|
if (e.cmdKey || e.metaKey || e.ctrlKey) return;
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
this.close();
|
|
var roomid = $(e.currentTarget).attr('href').substr(app.root.length);
|
|
app.tryJoinRoom(roomid);
|
|
},
|
|
refresh: function(i, button) {
|
|
button.disabled = true;
|
|
app.send('/cmd roomlist');
|
|
}
|
|
});
|
|
|
|
var CreditsPopup = this.CreditsPopup = Popup.extend({
|
|
type: 'semimodal',
|
|
initialize: function() {
|
|
var buf = '';
|
|
buf += '<p style="text-align:center"><img src="' + Tools.resourcePrefix + 'pokemonshowdownbeta.png" alt="Pokémon Showdown (beta)" /></p>';
|
|
if (Config.version) buf += '<p style="text-align:center;color:#555555"><small>Version <strong>'+Config.version+'</strong></small></p>';
|
|
buf += '<h2>Owner</h2>';
|
|
buf += '<ul><li><p><a href="http://guangcongluo.com/" target="_blank" class="subtle"><strong>Guangcong Luo</strong> [Zarel]</a> <small>– Development, Design</small></p></li></ul>';
|
|
buf += '<h2>Staff</h2>';
|
|
buf += '<ul><li><p><a href="http://meltsner.com/" target="_blank" class="subtle"><strong>Bill Meltsner</strong> [bmelts]</a> <small>– Development</small></p></li>';
|
|
buf += '<li><p><strong>Juanma Serrano</strong> [Joim] <small>– Development</small></p></li></ul>';
|
|
buf += '<h2>Retired Staff</h2>';
|
|
buf += '<ul><li><p><a href="https://cathyjf.com/" target="_blank" class="subtle"><strong>Cathy J. Fitzpatrick</strong> [cathyjf]</a> <small>– Development</small></p></li>';
|
|
buf += '<li><p><strong>Mathieu Dias-Martins</strong> [Marty-D] <small>– Research (game mechanics), Development</small></p></li></ul>';
|
|
buf += '<h2>Contributors</h2>';
|
|
buf += '<ul><li><p><strong>Andrew Goodsell</strong> [Zracknel] <small>– Art (battle weather backdrops)</small></p></li>';
|
|
buf += '<li><p><strong>Cody Thompson</strong> [Rising_Dusk] <small>– Development</small></p></li>';
|
|
buf += '<li><p><strong>Hugh Gordon</strong> [V4] <small>– Research (game mechanics), Development</small></p></li>';
|
|
buf += '<li><p><a href="http://kyle-dove.deviantart.com/" target="_blank" class="subtle"><strong>Kyle Dove</strong> [Kyle_Dove]</a> <small>– Art (battle backdrops)</small></p></li>';
|
|
buf += '<li><p><strong>Robin Vandenbrande</strong> [Quinella] <small>– Development</small></p></li>';
|
|
buf += '<li><p><a href="http://yilx.deviantart.com/" target="_blank" class="subtle"><strong>Samuel Teo</strong> [Yilx]</a> <small>– Art (main background)</small></p></li>';
|
|
buf += '<li><p>[<strong>The Immortal</strong>] <small>– Development</small></p></li>';
|
|
buf += '<li><p><a href="http://vtas.deviantart.com/" target="_blank" class="subtle"><strong>Vivian Zou</strong> [Vtas]</a> <small>– Art (alternate main background)</small></p></li>';
|
|
buf += '<p class="buttonbar"><button name="close" class="autofocus"><strong>They sound like cool people</strong></button></p>';
|
|
this.$el.addClass('credits').html(buf);
|
|
}
|
|
});
|
|
|
|
}).call(this, jQuery);
|