mirror of
https://github.com/smogon/pokemon-showdown-client.git
synced 2026-05-13 15:31:29 -05:00
30f2d5649f
This is supported on Chrome and Safari (and probably Opera), but not Firefox because Firefox is too buggy. (Honestly, every browser's HTML5 drag-and-drop implementation is super buggy, but Firefox happens to be buggy in a way that makes this feature semi-impossible.)
2136 lines
74 KiB
JavaScript
2136 lines
74 KiB
JavaScript
(function(exports, $) {
|
|
|
|
// this is a useful global
|
|
var teams;
|
|
|
|
var TeambuilderRoom = exports.TeambuilderRoom = exports.Room.extend({
|
|
type: 'teambuilder',
|
|
initialize: function() {
|
|
teams = Storage.teams;
|
|
|
|
// left menu
|
|
this.$el.addClass('ps-room-light').addClass('scrollable');
|
|
app.on('init:loadteams', this.update, this);
|
|
this.update();
|
|
},
|
|
focus: function() {
|
|
this.buildMovelists();
|
|
if (this.curTeam) {
|
|
this.curTeam.iconCache = '!';
|
|
Storage.activeSetList = this.curSetList;
|
|
}
|
|
},
|
|
blur: function() {
|
|
if (this.saveFlag) {
|
|
this.saveFlag = false;
|
|
app.user.trigger('saveteams');
|
|
}
|
|
},
|
|
events: {
|
|
// team changes
|
|
'change input.teamnameedit': 'teamNameChange',
|
|
'change select[name=format]': 'formatChange',
|
|
'change input[name=nickname]': 'nicknameChange',
|
|
|
|
// details
|
|
'change .detailsform input': 'detailsChange',
|
|
|
|
// stats
|
|
'keyup .statform input.numform': 'statChange',
|
|
'input .statform input[type=number].numform': 'statChange',
|
|
'change select[name=nature]': 'natureChange',
|
|
|
|
// teambuilder events
|
|
'click .utilichart a': 'chartClick',
|
|
'keydown .chartinput': 'chartKeydown',
|
|
'keyup .chartinput': 'chartKeyup',
|
|
'focus .chartinput': 'chartFocus',
|
|
'change .chartinput': 'chartChange',
|
|
|
|
// drag/drop
|
|
'click .team': 'edit',
|
|
'mouseover .team': 'mouseOverTeam',
|
|
'mouseout .team': 'mouseOutTeam',
|
|
'dragstart .team': 'dragStartTeam',
|
|
'dragend .team': 'dragEndTeam',
|
|
'dragenter .team': 'dragEnterTeam',
|
|
|
|
// clipboard
|
|
'click .teambuilder-clipboard-data .result': 'clipboardResultSelect',
|
|
'click .teambuilder-clipboard-data': 'clipboardExpand',
|
|
'blur .teambuilder-clipboard-data': 'clipboardShrink'
|
|
},
|
|
dispatchClick: function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (this[e.currentTarget.value]) this[e.currentTarget.value].call(this, e);
|
|
},
|
|
saveTeams: function() {
|
|
// save and return
|
|
Storage.saveTeams();
|
|
app.user.trigger('saveteams');
|
|
this.update();
|
|
},
|
|
back: function() {
|
|
if (this.exportMode) {
|
|
if (this.curTeam) this.curTeam.team = Storage.packTeam(this.curSetList);
|
|
this.exportMode = false;
|
|
Storage.saveTeams();
|
|
} else if (this.curSet) {
|
|
app.clearGlobalListeners();
|
|
this.curSet = null;
|
|
Storage.saveTeams();
|
|
} else if (this.curTeam) {
|
|
this.curTeam.team = Storage.packTeam(this.curSetList);
|
|
this.curTeam.iconCache = '';
|
|
Storage.saveTeam(this.curTeam);
|
|
this.curTeam = null;
|
|
Storage.activeSetList = this.curSetList = null;
|
|
} else {
|
|
return;
|
|
}
|
|
app.user.trigger('saveteams');
|
|
this.update();
|
|
},
|
|
|
|
// the teambuilder has three views:
|
|
// - team list (curTeam falsy)
|
|
// - team view (curTeam exists, curSet falsy)
|
|
// - set view (curTeam exists, curSet exists)
|
|
|
|
curTeam: null,
|
|
curTeamLoc: 0,
|
|
curSet: null,
|
|
curSetLoc: 0,
|
|
exportMode: false,
|
|
update: function() {
|
|
teams = Storage.teams;
|
|
if (this.curTeam) {
|
|
if (this.curSet) {
|
|
return this.updateSetView();
|
|
}
|
|
return this.updateTeamView();
|
|
}
|
|
return this.updateTeamList();
|
|
},
|
|
|
|
/*********************************************************
|
|
* Team list view
|
|
*********************************************************/
|
|
|
|
deletedTeam: null,
|
|
deletedTeamLoc: -1,
|
|
updateTeamList: function() {
|
|
var teams = Storage.teams;
|
|
var buf = '';
|
|
|
|
this.deletedSet = null;
|
|
this.deletedSetLoc = -1;
|
|
|
|
if (this.exportMode) {
|
|
buf = '<div class="pad"><button name="back"><i class="icon-chevron-left"></i> Team List</button> <button name="saveBackup" class="savebutton"><i class="icon-save"></i> Save</button></div>';
|
|
buf += '<div class="teamedit"><textarea class="textbox" rows="17">'+Tools.escapeHTML(Storage.exportAllTeams())+'</textarea></div>';
|
|
this.$el.html(buf);
|
|
return;
|
|
}
|
|
|
|
if (!teams) {
|
|
buf = '<div class="pad"><p>lol zarel this is a horrible teambuilder</p>';
|
|
buf += '<p>that\'s because we\'re not done loading it...</p></div>';
|
|
this.$el.html(buf);
|
|
return;
|
|
}
|
|
buf = '<div class="pad"><p>y\'know strawberries have more potassium than bananas</p>';
|
|
buf += '<p>that doesn\'t have anything to do with teambuilding!</p>';
|
|
buf += '<p><i>fiiiiiiine</i> press Ctrl+F to find teams by pokemon name</p>';
|
|
buf += this.clipboardHTML();
|
|
buf += '<ul class="teamlist">';
|
|
if (!window.localStorage && !window.nodewebkit) buf += '<li>== CAN\'T SAVE ==<br /><small>Your browser doesn\'t support <code>localStorage</code> and can\'t save teams! Update to a newer browser.</small></li>';
|
|
if (Storage.cantSave) buf += '<li>== CAN\'T SAVE ==<br /><small>You hit your browser\'s limit for team storage! Please backup them and delete some of them. Your teams won\'t be saved until you\'re under the limit again.</small></li>';
|
|
if (!teams.length) {
|
|
if (this.deletedTeamLoc >= 0) {
|
|
buf += '<li><button name="undoDelete"><i class="icon-undo"></i> Undo Delete</button></li>';
|
|
}
|
|
buf += '<li><em>you don\'t have any teams lol</em></li>';
|
|
} else {
|
|
buf += '<li><button name="newTop"><i class="icon-plus-sign"></i> New team</button></li>';
|
|
for (var i=0; i<teams.length+1; i++) {
|
|
if (i === this.deletedTeamLoc) {
|
|
buf += '<li><button name="undoDelete"><i class="icon-undo"></i> Undo Delete</button></li>';
|
|
}
|
|
if (i >= teams.length) break;
|
|
|
|
var team = teams[i];
|
|
|
|
if (team && !team.team && team.team !== '') {
|
|
team = null;
|
|
}
|
|
if (!team) {
|
|
buf += '<li>Error: A corrupted team was dropped</li>';
|
|
teams.splice(i,1);
|
|
i--;
|
|
if (this.deletedTeamLoc && this.deletedTeamLoc > i) this.deletedTeamLoc--;
|
|
continue;
|
|
}
|
|
|
|
var formatText = '';
|
|
if (team.format) {
|
|
formatText = '['+team.format+'] ';
|
|
}
|
|
|
|
buf += '<li><div name="edit" data-value="'+i+'" class="team" draggable="true">'+formatText+'<strong>'+Tools.escapeHTML(team.name)+'</strong><br /><small>';
|
|
buf += Storage.getTeamIcons(team);
|
|
buf += '</small></div> <button name="edit" value="'+i+'"><i class="icon-pencil"></i>Edit</button> <button name="delete" value="'+i+'"><i class="icon-trash"></i>Delete</button></li>';
|
|
}
|
|
}
|
|
buf += '<li><button name="new"><i class="icon-plus-sign"></i> New team</button></li>';
|
|
buf += '</ul>';
|
|
|
|
if (window.nodewebkit) {
|
|
buf += '<button name="revealFolder"><i class="icon-folder-open"></i> Reveal teams folder</button> <button name="reloadTeamsFolder"><i class="icon-refresh"></i> Reload teams files</button> <button name="backup"><i class="icon-upload-alt"></i> Backup/Restore all teams</button>';
|
|
} else {
|
|
buf += '<button name="backup"><i class="icon-upload-alt"></i> Backup/Restore all teams</button>';
|
|
|
|
buf += '<p><strong>Clearing your cookies (specifically, <code>localStorage</code>) will delete your teams.</strong></p><p>If you want to clear your cookies or <code>localStorage</code>, you can use the Backup/Restore feature to save your teams as text first.</p>';
|
|
}
|
|
|
|
buf += '</div>';
|
|
|
|
this.$el.html(buf);
|
|
},
|
|
// button actions
|
|
revealFolder: function() {
|
|
Storage.revealFolder();
|
|
},
|
|
reloadTeamsFolder: function() {
|
|
Storage.nwLoadTeams();
|
|
},
|
|
edit: function(i) {
|
|
if (i && i.currentTarget) {
|
|
i = $(i.currentTarget).data('value');
|
|
}
|
|
i = +i;
|
|
this.curTeam = teams[i];
|
|
this.curTeam.iconCache = '!';
|
|
Storage.activeSetList = this.curSetList = Storage.unpackTeam(this.curTeam.team);
|
|
this.curTeamIndex = i;
|
|
this.update();
|
|
},
|
|
"delete": function(i) {
|
|
i = +i;
|
|
this.deletedTeamLoc = i;
|
|
this.deletedTeam = teams.splice(i, 1)[0];
|
|
Storage.deleteTeam(this.deletedTeam);
|
|
this.update();
|
|
},
|
|
undoDelete: function() {
|
|
if (this.deletedTeamLoc >= 0) {
|
|
teams.splice(this.deletedTeamLoc, 0, this.deletedTeam);
|
|
var undeletedTeam = this.deletedTeam;
|
|
this.deletedTeam = null;
|
|
this.deletedTeamLoc = -1;
|
|
Storage.saveTeam(undeletedTeam);
|
|
this.update();
|
|
}
|
|
},
|
|
saveBackup: function() {
|
|
Storage.importTeam(this.$('.teamedit textarea').val(), true);
|
|
teams = Storage.teams;
|
|
Storage.saveAllTeams();
|
|
this.back();
|
|
},
|
|
"new": function() {
|
|
var newTeam = {
|
|
name: 'Untitled '+(teams.length+1),
|
|
format: '',
|
|
team: '',
|
|
iconCache: ''
|
|
};
|
|
teams.push(newTeam);
|
|
this.edit(teams.length-1);
|
|
},
|
|
newTop: function() {
|
|
var newTeam = {
|
|
name: 'Untitled '+(teams.length+1),
|
|
format: '',
|
|
team: '',
|
|
iconCache: ''
|
|
};
|
|
teams.unshift(newTeam);
|
|
this.edit(0);
|
|
},
|
|
"import": function() {
|
|
if (this.exportMode) return this.back();
|
|
this.exportMode = true;
|
|
if (!this.curTeam) {
|
|
this['new']();
|
|
} else {
|
|
this.update();
|
|
}
|
|
},
|
|
backup: function() {
|
|
this.curTeam = null;
|
|
this.curSetList = null;
|
|
this.exportMode = true;
|
|
this.update();
|
|
},
|
|
|
|
// drag and drop
|
|
|
|
// because of a bug in Chrome and Webkit:
|
|
// https://code.google.com/p/chromium/issues/detail?id=410328
|
|
// we can't use CSS :hover
|
|
mouseOverTeam: function(e) {
|
|
e.currentTarget.className = 'team team-hover';
|
|
},
|
|
mouseOutTeam: function(e) {
|
|
e.currentTarget.className = 'team';
|
|
},
|
|
dragStartTeam: function(e) {
|
|
var target = e.currentTarget;
|
|
var dataTransfer = e.originalEvent.dataTransfer;
|
|
dataTransfer.effectAllowed = 'move';
|
|
dataTransfer.setData("text/plain", "Team " + e.currentTarget.dataset.value);
|
|
app.dragging = e.currentTarget;
|
|
app.draggingLoc = parseInt(e.currentTarget.dataset.value);
|
|
elOffset = $(e.currentTarget).offset();
|
|
app.draggingOffsetX = e.originalEvent.pageX - elOffset.left;
|
|
app.draggingOffsetY = e.originalEvent.pageY - elOffset.top;
|
|
setTimeout(function() {
|
|
$(e.currentTarget).parent().addClass('dragging');
|
|
}, 0);
|
|
},
|
|
dragEndTeam: function(e) {
|
|
app.dragging = null;
|
|
var originalLoc = parseInt(e.currentTarget.dataset.value);
|
|
if (isNaN(originalLoc)) {
|
|
throw new Error("drag failed");
|
|
return;
|
|
}
|
|
var newLoc = Math.floor(app.draggingLoc);
|
|
if (app.draggingLoc < originalLoc) newLoc += 1;
|
|
if (newLoc !== originalLoc) {
|
|
var team = Storage.teams[originalLoc];
|
|
Storage.teams.splice(originalLoc, 1);
|
|
Storage.teams.splice(newLoc, 0, team);
|
|
}
|
|
|
|
// possibly half-works-around a hover issue in
|
|
this.$('.teamlist').css('pointer-events', 'none');
|
|
$(e.currentTarget).parent().removeClass('dragging');
|
|
|
|
// We're going to try to animate the team settling into its new position
|
|
// This would be really straightforward if not for the confluence of several
|
|
// different browser bugs:
|
|
// http://stackoverflow.com/questions/20482233/x-and-y-values-in-html5-drag-events-are-inconsistent-across-browsers
|
|
|
|
if (e.originalEvent.dataTransfer.dropEffect === 'move' &&
|
|
(e.originalEvent.pageX || e.originalEvent.pageY)) {
|
|
// We have a pageX and a pageY to work with
|
|
var finalPos = $(e.currentTarget).offset();
|
|
this.updateTeamList();
|
|
var $newTeamEl = this.$('.team[data-value=' + newLoc + ']');
|
|
|
|
// console.log('x,y = ' + [e.originalEvent.x, e.originalEvent.y]);
|
|
// console.log('screenX,screenY = ' + [e.originalEvent.screenX, e.originalEvent.screenY]);
|
|
// console.log('clientX,clientY = ' + [e.originalEvent.clientX, e.originalEvent.clientY]);
|
|
// console.log('pageX,pageY = ' + [e.originalEvent.pageX, e.originalEvent.pageY]);
|
|
var finalOffset;
|
|
if (navigator.userAgent.indexOf("Chrome/") >= 0) {
|
|
// Hopefully Chrome
|
|
// event.pageX|pageY are relative to the bottom left corner of the draggable in Chrome ??
|
|
// (x-0, y-50) gives the top left corner
|
|
// Let's just hope this is the standard and we won't have to redo it for IE or something
|
|
finalOffset = [e.originalEvent.pageX - 0 - finalPos.left, e.originalEvent.pageY - 50 - finalPos.top];
|
|
} else if (navigator.userAgent.indexOf("Safari/") >= 0) {
|
|
// Hopefully Safari
|
|
// Safari is even weirder, it appears to be the mouse position relative to a spot exactly
|
|
// 63 pixels above the bottom of the viewport... I have no clue where the 63 comes from so
|
|
// I'm hoping it's the same on other computers
|
|
finalOffset = [e.originalEvent.pageX - app.draggingOffsetX - finalPos.left, $('body').height() - 63 - e.originalEvent.pageY - app.draggingOffsetY - finalPos.top];
|
|
}
|
|
|
|
if (finalOffset) {
|
|
$newTeamEl.css('transform', 'translate(' + finalOffset[0] + 'px, ' + finalOffset[1] + 'px)');
|
|
setTimeout(function() {
|
|
$newTeamEl.css('transition', 'transform 0.15s');
|
|
// it's 2015 and Safari doesn't support unprefixed transition!!!
|
|
$newTeamEl.css('-webkit-transition', '-webkit-transform 0.15s');
|
|
$newTeamEl.css('transform', 'translate(0px, 0px)');
|
|
});
|
|
}
|
|
} else {
|
|
// browser doesn't support event.pageX|pageY for dragend
|
|
// (namely, Firefox)
|
|
this.updateTeamList();
|
|
}
|
|
},
|
|
dragEnterTeam: function(e) {
|
|
if (app.dragging) {
|
|
if (e.currentTarget === app.dragging) {
|
|
e.preventDefault();
|
|
return;
|
|
}
|
|
var hoverLoc = parseInt(e.currentTarget.dataset.value);
|
|
if (app.draggingLoc > hoverLoc) {
|
|
// dragging up
|
|
$(e.currentTarget).parent().before($(app.dragging).parent());
|
|
app.draggingLoc = parseInt(e.currentTarget.dataset.value) - 0.5;
|
|
} else {
|
|
// dragging down
|
|
$(e.currentTarget).parent().after($(app.dragging).parent());
|
|
app.draggingLoc = parseInt(e.currentTarget.dataset.value) + 0.5;
|
|
}
|
|
}
|
|
},
|
|
|
|
/*********************************************************
|
|
* Team view
|
|
*********************************************************/
|
|
|
|
updateTeamView: function() {
|
|
this.curChartName = '';
|
|
this.curChartType = '';
|
|
|
|
var buf = '';
|
|
if (this.exportMode) {
|
|
buf = '<div class="pad"><button name="back"><i class="icon-chevron-left"></i> Team List</button> <input class="textbox teamnameedit" type="text" class="teamnameedit" size="30" value="'+Tools.escapeHTML(this.curTeam.name)+'" /> <button name="saveImport"><i class="icon-upload-alt"></i> Import/Export</button> <button name="saveImport" class="savebutton"><i class="icon-save"></i> Save</button></div>';
|
|
buf += '<div class="teamedit"><textarea class="textbox" rows="17">'+Tools.escapeHTML(Storage.exportTeam(this.curSetList))+'</textarea></div>';
|
|
} else {
|
|
buf = '<div class="pad"><button name="back"><i class="icon-chevron-left"></i> Team List</button> <input class="textbox teamnameedit" type="text" class="teamnameedit" size="30" value="'+Tools.escapeHTML(this.curTeam.name)+'" /> <button name="import"><i class="icon-upload-alt"></i> Import/Export</button></div>';
|
|
buf += '<div class="teamchartbox">';
|
|
buf += '<ol class="teamchart">';
|
|
buf += '<li>' + this.clipboardHTML() + '</li>';
|
|
var i=0;
|
|
if (this.curSetList.length && !this.curSetList[this.curSetList.length-1].species) {
|
|
this.curSetList.splice(this.curSetList.length-1, 1);
|
|
}
|
|
if (exports.BattleFormats) {
|
|
buf += '<li class="format-select"><label>Format:</label><select name="format"><option value="">(None)</option>';
|
|
for (var i in BattleFormats) {
|
|
if (BattleFormats[i].isTeambuilderFormat) {
|
|
var activeFormat = (this.curTeam.format === i?' selected="selected"':'');
|
|
buf += '<option value="'+i+'"'+activeFormat+'>'+BattleFormats[i].name+'</option>';
|
|
}
|
|
}
|
|
buf += '</select></li>';
|
|
}
|
|
if (!this.curSetList.length) {
|
|
buf += '<li><em>you have no pokemon lol</em></li>';
|
|
}
|
|
for (i=0; i<this.curSetList.length; i++) {
|
|
if (this.curSetList.length < 6 && this.deletedSet && i === this.deletedSetLoc) {
|
|
buf += '<li><button name="undeleteSet"><i class="icon-undo"></i> Undo Delete</button></li>';
|
|
}
|
|
buf += this.renderSet(this.curSetList[i], i);
|
|
}
|
|
if (this.deletedSet && i === this.deletedSetLoc) {
|
|
buf += '<li><button name="undeleteSet"><i class="icon-undo"></i> Undo Delete</button></li>';
|
|
}
|
|
if (i === 0) {
|
|
buf += '<li><button name="import" class="majorbutton"><i class="icon-upload-alt"></i> Import from text</button></li>';
|
|
}
|
|
if (i < 6) {
|
|
buf += '<li><button name="addPokemon" class="majorbutton"><i class="icon-plus"></i> Add Pokemon</button></li>';
|
|
}
|
|
buf += '</ol>';
|
|
buf += '</div>';
|
|
}
|
|
this.$el.html(buf);
|
|
},
|
|
renderSet: function(set, i) {
|
|
var template = Tools.getTemplate(set.species);
|
|
var buf = '<li value="'+i+'">';
|
|
if (!set.species) {
|
|
if (this.deletedSet) {
|
|
buf += '<div class="setmenu setmenu-left"><button name="undeleteSet"><i class="icon-undo"></i> Undo Delete</button></div>';
|
|
}
|
|
buf += '<div class="setchart"><div class="setcol setcol-icon" style="background-image:url(' + Tools.resourcePrefix + 'sprites/bw/0.png);"><span class="itemicon"></span><div class="setcell setcell-pokemon"><label>Pokemon</label><input type="text" name="pokemon" class="chartinput" value="" /></div></div></div>';
|
|
buf += '</li>';
|
|
return buf;
|
|
}
|
|
buf += '<div class="setmenu"><button name="copySet"><i class="icon-copy"></i>Copy</button> <button name="importSet"><i class="icon-upload-alt"></i>Import/Export</button> <button name="moveSet"><i class="icon-move"></i>Move</button> <button name="deleteSet"><i class="icon-trash"></i>Delete</button></div>';
|
|
buf += '<div class="setchart-nickname">';
|
|
buf += '<label>Nickname</label><input type="text" value="'+Tools.escapeHTML(set.name||set.species)+'" name="nickname" />';
|
|
buf += '</div>';
|
|
buf += '<div class="setchart">';
|
|
|
|
// icon
|
|
var itemicon = '<span class="itemicon"></span>';
|
|
if (set.item) {
|
|
var item = Tools.getItem(set.item);
|
|
itemicon = '<span class="itemicon" style="'+Tools.getItemIcon(item)+'"></span>';
|
|
}
|
|
buf += '<div class="setcol setcol-icon" style="'+Tools.getTeambuilderSprite(set)+';">'+itemicon+'<div class="setcell setcell-pokemon"><label>Pokemon</label><input type="text" name="pokemon" class="chartinput" value="'+Tools.escapeHTML(set.species)+'" /></div></div>';
|
|
|
|
// details
|
|
buf += '<div class="setcol setcol-details"><div class="setrow">';
|
|
buf += '<div class="setcell setcell-details"><label>Details</label><button class="setdetails" tabindex="-1" name="details">';
|
|
|
|
var GenderChart = {
|
|
'M': 'Male',
|
|
'F': 'Female',
|
|
'N': '—'
|
|
};
|
|
buf += '<span class="detailcell detailcell-first"><label>Level</label>'+(set.level||100)+'</span>';
|
|
buf += '<span class="detailcell"><label>Gender</label>'+GenderChart[template.gender||set.gender||'N']+'</span>';
|
|
buf += '<span class="detailcell"><label>Happiness</label>'+(typeof set.happiness === 'number'?set.happiness:255)+'</span>';
|
|
buf += '<span class="detailcell"><label>Shiny</label>'+(set.shiny?'Yes':'No')+'</span>';
|
|
|
|
buf += '</button></div>';
|
|
buf += '</div><div class="setrow">';
|
|
buf += '<div class="setcell setcell-item"><label>Item</label><input type="text" name="item" class="chartinput" value="'+Tools.escapeHTML(set.item)+'" /></div>';
|
|
buf += '<div class="setcell setcell-ability"><label>Ability</label><input type="text" name="ability" class="chartinput" value="'+Tools.escapeHTML(set.ability)+'" /></div>';
|
|
buf += '</div></div>';
|
|
|
|
// moves
|
|
if (!set.moves) set.moves = [];
|
|
buf += '<div class="setcol setcol-moves"><div class="setcell"><label>Moves</label>';
|
|
buf += '<input type="text" name="move1" class="chartinput" value="'+Tools.escapeHTML(set.moves[0])+'" /></div>';
|
|
buf += '<div class="setcell"><input type="text" name="move2" class="chartinput" value="'+Tools.escapeHTML(set.moves[1])+'" /></div>';
|
|
buf += '<div class="setcell"><input type="text" name="move3" class="chartinput" value="'+Tools.escapeHTML(set.moves[2])+'" /></div>';
|
|
buf += '<div class="setcell"><input type="text" name="move4" class="chartinput" value="'+Tools.escapeHTML(set.moves[3])+'" /></div>';
|
|
buf += '</div>';
|
|
|
|
// stats
|
|
buf += '<div class="setcol setcol-stats"><div class="setrow"><label>Stats</label><button class="setstats" name="stats" class="chartinput">';
|
|
buf += '<span class="statrow statrow-head"><label></label> <span class="statgraph"></span> <em>EV</em></span>';
|
|
var stats = {};
|
|
for (var j in BattleStatNames) {
|
|
stats[j] = this.getStat(j, set);
|
|
var ev = '<em>'+(set.evs[j] || '')+'</em>';
|
|
if (BattleNatures[set.nature] && BattleNatures[set.nature].plus === j) {
|
|
ev += '<small>+</small>';
|
|
} else if (BattleNatures[set.nature] && BattleNatures[set.nature].minus === j) {
|
|
ev += '<small>−</small>';
|
|
}
|
|
var width = stats[j]*75/504;
|
|
if (j=='hp') width = stats[j]*75/704;
|
|
if (width>75) width = 75;
|
|
var color = Math.floor(stats[j]*180/714);
|
|
if (color>360) color = 360;
|
|
buf += '<span class="statrow"><label>'+BattleStatNames[j]+'</label> <span class="statgraph"><span style="width:'+width+'px;background:hsl('+color+',40%,75%);"></span></span> '+ev+'</span>';
|
|
}
|
|
buf += '</button></div></div>';
|
|
|
|
buf += '</div></li>';
|
|
return buf;
|
|
},
|
|
|
|
saveImport: function() {
|
|
Storage.activeSetList = this.curSetList = Storage.importTeam(this.$('.teamedit textarea').val());
|
|
this.back();
|
|
},
|
|
addPokemon: function() {
|
|
if (!this.curTeam) return;
|
|
var team = this.curSetList;
|
|
if (!team.length || team[team.length-1].species) {
|
|
var newPokemon = {
|
|
name: '',
|
|
species: '',
|
|
item: '',
|
|
nature: '',
|
|
evs: {},
|
|
ivs: {},
|
|
moves: []
|
|
};
|
|
team.push(newPokemon);
|
|
}
|
|
this.curSet = team[team.length-1];
|
|
this.curSetLoc = team.length-1;
|
|
this.curChartName = '';
|
|
this.update();
|
|
this.$('input[name=pokemon]').select();
|
|
},
|
|
pastePokemon: function(i, btn) {
|
|
if (!this.curTeam) return;
|
|
var team = this.curSetList;
|
|
if (team.length >= 6) return;
|
|
if (!this.clipboardCount()) return;
|
|
|
|
if (team.push($.extend(true, {}, this.clipboard[0])) >= 6) {
|
|
$(btn).css('display', 'none');
|
|
}
|
|
this.update();
|
|
this.save();
|
|
},
|
|
saveFlag: false,
|
|
save: function() {
|
|
this.saveFlag = true;
|
|
Storage.saveTeams();
|
|
},
|
|
teamNameChange: function(e) {
|
|
this.curTeam.name = ($.trim(e.currentTarget.value) || 'Untitled '+(this.curTeamLoc+1));
|
|
e.currentTarget.value = this.curTeam.name;
|
|
this.save();
|
|
},
|
|
formatChange: function(e) {
|
|
this.curTeam.format = e.currentTarget.value;
|
|
this.save();
|
|
if (this.curTeam.format.substr(0, 4) === 'gen5' && !Tools.loadedSpriteData['bw']) Tools.loadSpriteData('bw');
|
|
},
|
|
nicknameChange: function(e) {
|
|
var i = +$(e.currentTarget).closest('li').attr('value');
|
|
var team = this.curSetList[i];
|
|
var name = $.trim(e.currentTarget.value) || team.species;
|
|
e.currentTarget.value = team.name = name;
|
|
this.save();
|
|
},
|
|
|
|
// clipboard
|
|
clipboard: [],
|
|
clipboardCount: function() {
|
|
return this.clipboard.length;
|
|
},
|
|
clipboardVisible: function() {
|
|
return !!this.clipboardCount();
|
|
},
|
|
clipboardHTML: function() {
|
|
var buf = '';
|
|
buf += '<div class="teambuilder-clipboard-container" style="display: ' + (this.clipboardVisible() ? 'block' : 'none') + ';">';
|
|
buf += '<div class="teambuilder-clipboard-title">Clipboard:</div>';
|
|
buf += '<div class="teambuilder-clipboard-data" tabindex="-1">' + this.clipboardInnerHTML() + '</div>';
|
|
buf += '<div class="teambuilder-clipboard-buttons">';
|
|
if (this.curTeam && this.curSetList.length < 6) {
|
|
buf += '<button name="pastePokemon" class="teambuilder-clipboard-button-left"><i class="icon-paste"></i> Paste!</button>';
|
|
}
|
|
buf += '<button name="clipboardRemoveAll" class="teambuilder-clipboard-button-right"><i class="icon-trash"></i> Clear clipboard</button>';
|
|
buf += '</div>';
|
|
buf += '</div>';
|
|
|
|
return buf;
|
|
},
|
|
clipboardInnerHTMLCache: '',
|
|
clipboardInnerHTML: function() {
|
|
if (this.clipboardInnerHTMLCache) {
|
|
return this.clipboardInnerHTMLCache;
|
|
}
|
|
|
|
var buf = '';
|
|
for (var i = 0; i < this.clipboardCount(); i++) {
|
|
var res = this.clipboard[i];
|
|
var pokemon = Tools.getTemplate(res.species);
|
|
|
|
buf += '<div class="result" data-id="' + i + '">';
|
|
buf += '<div class="section"><span class="icon" style="' + Tools.getIcon(res.species) + '"></span>';
|
|
buf += '<span class="species">' + (pokemon.species === pokemon.baseSpecies ? pokemon.species : (pokemon.baseSpecies + '-<small>' + pokemon.species.substr(pokemon.baseSpecies.length + 1) + '</small>')) + '</span></div>';
|
|
buf += '<div class="section"><span class="ability-item">' + (res.ability || '<i>No ability</i>') + '<br />' + (res.item || '<i>No item</i>') + '</span></div>';
|
|
buf += '<div class="section no-border">';
|
|
for (var j = 0; j < 4; j++) {
|
|
if (!(j & 1)) {
|
|
buf += '<span class="moves">';
|
|
}
|
|
buf += (res.moves[j] || '<i>No move</i>') + (!(j & 1) ? '<br />' : '');
|
|
if (j & 1) {
|
|
buf += '</span>';
|
|
}
|
|
}
|
|
buf += '</div>';
|
|
buf += '</div>';
|
|
}
|
|
|
|
this.clipboardInnerHTMLCache = buf;
|
|
return buf;
|
|
},
|
|
clipboardUpdate: function() {
|
|
this.clipboardInnerHTMLCache = '';
|
|
$('.teambuilder-clipboard-data').html(this.clipboardInnerHTML());
|
|
},
|
|
clipboardExpanded: false,
|
|
clipboardExpand: function() {
|
|
var $clipboard = $('.teambuilder-clipboard-data');
|
|
$clipboard.animate({ height: this.clipboardCount() * 28 }, 500, function() {
|
|
setTimeout(function() { $clipboard.focus(); }, 100);
|
|
});
|
|
|
|
setTimeout(function() {
|
|
this.clipboardExpanded = true;
|
|
}.bind(this), 10);
|
|
},
|
|
clipboardShrink: function() {
|
|
var $clipboard = $('.teambuilder-clipboard-data');
|
|
$clipboard.animate({ height: 26 }, 500);
|
|
|
|
setTimeout(function() {
|
|
this.clipboardExpanded = false;
|
|
}.bind(this), 10);
|
|
},
|
|
clipboardResultSelect: function(e) {
|
|
if (!this.clipboardExpanded) return;
|
|
|
|
e.stopPropagation();
|
|
var target = +($(e.target).closest('.result').data('id'));
|
|
if (target === -1) {
|
|
this.clipboardShrink();
|
|
this.clipboardRemoveAll();
|
|
return;
|
|
}
|
|
|
|
this.clipboard.unshift(this.clipboard.splice(target, 1)[0]);
|
|
this.clipboardUpdate();
|
|
this.clipboardShrink();
|
|
},
|
|
clipboardAdd: function(set) {
|
|
if (this.clipboard.unshift(set) > 6) {
|
|
// we don't want the clipboard so big that it lags the teambuilder
|
|
this.clipboard.pop();
|
|
}
|
|
this.clipboardUpdate();
|
|
|
|
if (this.clipboardCount() === 1) {
|
|
var $clipboard = $('.teambuilder-clipboard-container').css('opacity', 0);
|
|
$clipboard.slideDown(250, function () {
|
|
$clipboard.animate({ opacity: 1 }, 250);
|
|
});
|
|
}
|
|
},
|
|
clipboardRemoveAll: function() {
|
|
this.clipboard = [];
|
|
|
|
var self = this;
|
|
var $clipboard = $('.teambuilder-clipboard-container');
|
|
$clipboard.animate({ opacity: 0 }, 250, function () {
|
|
$clipboard.slideUp(250, function() {
|
|
self.clipboardUpdate();
|
|
});
|
|
});
|
|
},
|
|
|
|
// copy/import/export/move/delete
|
|
copySet: function(i, button) {
|
|
i = +($(button).closest('li').attr('value'));
|
|
this.clipboardAdd($.extend(true, {}, this.curSetList[i]));
|
|
button.blur();
|
|
},
|
|
wasViewingPokemon: false,
|
|
importSet: function(i, button) {
|
|
i = +($(button).closest('li').attr('value'));
|
|
|
|
this.wasViewingPokemon = true;
|
|
if (!this.curSet) {
|
|
this.wasViewingPokemon = false;
|
|
this.selectPokemon(i);
|
|
}
|
|
|
|
this.$('li').find('input, button').prop('disabled', true);
|
|
this.$chart.hide();
|
|
this.$('.teambuilder-pokemon-import')
|
|
.show()
|
|
.find('textarea')
|
|
.val(Storage.exportTeam([this.curSet]).trim())
|
|
.focus();
|
|
},
|
|
closePokemonImport: function(force) {
|
|
if (!this.wasViewingPokemon) return this.back();
|
|
|
|
var $li = this.$('li');
|
|
var i = +($li.attr('value'));
|
|
this.$('.teambuilder-pokemon-import').hide();
|
|
this.$chart.show();
|
|
|
|
if (force === true) return this.selectPokemon(i);
|
|
$li.find('input, button').prop('disabled', false);
|
|
},
|
|
savePokemonImport: function(i) {
|
|
i = +(this.$('li').attr('value'));
|
|
this.curSet = Storage.importTeam(this.$('.pokemonedit').val())[0];
|
|
// since we just destroyed the reference...
|
|
this.curSetList[i] = this.curSet;
|
|
this.closePokemonImport(true);
|
|
},
|
|
moveSet: function(i, button) {
|
|
i = +($(button).closest('li').attr('value'));
|
|
app.addPopup(MovePopup, {
|
|
i: i,
|
|
team: this.curSetList
|
|
});
|
|
},
|
|
deleteSet: function(i, button) {
|
|
i = +($(button).closest('li').attr('value'));
|
|
this.deletedSetLoc = i;
|
|
this.deletedSet = this.curSetList.splice(i, 1)[0];
|
|
if (this.curSet) {
|
|
this.addPokemon();
|
|
} else {
|
|
this.update();
|
|
}
|
|
this.save();
|
|
},
|
|
undeleteSet: function() {
|
|
if (this.deletedSet) {
|
|
var loc = this.deletedSetLoc;
|
|
this.curSetList.splice(loc, 0, this.deletedSet);
|
|
this.deletedSet = null;
|
|
this.deletedSetLoc = -1;
|
|
this.save();
|
|
|
|
if (this.curSet) {
|
|
this.curSetLoc = loc;
|
|
this.curSet = this.curSetList[loc];
|
|
this.curChartName = '';
|
|
this.update();
|
|
this.updateChart();
|
|
} else {
|
|
this.update();
|
|
}
|
|
}
|
|
},
|
|
|
|
/*********************************************************
|
|
* Set view
|
|
*********************************************************/
|
|
|
|
updateSetView: function() {
|
|
// pokemon
|
|
var buf = '<div class="pad">';
|
|
buf += '<button name="back"><i class="icon-chevron-left"></i> Team</button></div>';
|
|
buf += '<div class="teambar">';
|
|
buf += this.renderTeambar();
|
|
buf += '</div>';
|
|
|
|
// pokemon
|
|
buf += '<div class="teamchartbox">';
|
|
buf += '<ol class="teamchart">';
|
|
buf += this.renderSet(this.curSet, this.curSetLoc);
|
|
buf += '</ol>';
|
|
buf += '</div>';
|
|
|
|
// results
|
|
this.chartPrevSearch = '[init]';
|
|
buf += '<div class="teambuilder-results"></div>';
|
|
|
|
// import/export
|
|
buf += '<div class="teambuilder-pokemon-import">';
|
|
buf += '<div class="pokemonedit-buttons"><button name="closePokemonImport"><i class="icon-chevron-left"></i> Back</button> <button name="savePokemonImport"><i class="icon-save"></i> Save</button></div>';
|
|
buf += '<textarea class="pokemonedit textbox" rows="14"></textarea>';
|
|
buf += '</div>';
|
|
|
|
this.$el.html(buf);
|
|
this.$chart = this.$('.teambuilder-results');
|
|
},
|
|
updateSetTop: function() {
|
|
this.$('.teambar').html(this.renderTeambar());
|
|
this.$('.teamchart').first().html(this.renderSet(this.curSet, this.curSetLoc));
|
|
},
|
|
renderTeambar: function() {
|
|
var buf = '';
|
|
var isAdd = false;
|
|
if (this.curSetList.length && !this.curSetList[this.curSetList.length-1].name && this.curSetLoc !== this.curSetList.length-1) {
|
|
this.curSetList.splice(this.curSetList.length-1, 1);
|
|
}
|
|
for (var i=0; i<this.curSetList.length; i++) {
|
|
var set = this.curSetList[i];
|
|
var pokemonicon = '<span class="pokemonicon pokemonicon-'+i+'" style="'+Tools.getIcon(set)+'"></span>';
|
|
if (!set.name) {
|
|
buf += '<button disabled="disabled" class="addpokemon"><i class="icon-plus"></i></button> ';
|
|
isAdd = true;
|
|
} else if (i == this.curSetLoc) {
|
|
buf += '<button disabled="disabled" class="pokemon">'+pokemonicon+Tools.escapeHTML(set.name || '<i class="icon-plus"></i>')+'</button> ';
|
|
} else {
|
|
buf += '<button name="selectPokemon" value="'+i+'" class="pokemon">'+pokemonicon+Tools.escapeHTML(set.name)+'</button> ';
|
|
}
|
|
}
|
|
if (this.curSetList.length < 6 && !isAdd) {
|
|
buf += '<button name="addPokemon"><i class="icon-plus"></i></button> ';
|
|
}
|
|
return buf;
|
|
},
|
|
updatePokemonSprite: function() {
|
|
var set = this.curSet;
|
|
if (!set) return;
|
|
var shiny = (set.shiny ? '-shiny' : '');
|
|
var sprite = Tools.getTemplate(set.species).spriteid;
|
|
if (BattlePokemonSprites && BattlePokemonSprites[sprite] && BattlePokemonSprites[sprite].front && BattlePokemonSprites[sprite].front.anif && set.gender === 'F') {
|
|
sprite += '-f';
|
|
}
|
|
|
|
this.$('.setcol-icon').css('background-image', Tools.getTeambuilderSprite(set).substr(17));
|
|
|
|
this.$('.pokemonicon-'+this.curSetLoc).css('background', Tools.getIcon(set).substr(11));
|
|
|
|
var item = Tools.getItem(set.item);
|
|
if (item.id) {
|
|
this.$('.setcol-icon .itemicon').css('background', Tools.getItemIcon(item).substr(11));
|
|
} else {
|
|
this.$('.setcol-icon .itemicon').css('background', 'none');
|
|
}
|
|
|
|
this.updateStatGraph();
|
|
},
|
|
updateStatGraph: function() {
|
|
var set = this.curSet;
|
|
if (!set) return;
|
|
|
|
var stats = {hp:'',atk:'',def:'',spa:'',spd:'',spe:''};
|
|
|
|
// stat cell
|
|
var buf = '<span class="statrow statrow-head"><label></label> <span class="statgraph"></span> <em>EV</em></span>';
|
|
for (var stat in stats) {
|
|
stats[stat] = this.getStat(stat, set);
|
|
var ev = '<em>'+(set.evs[stat] || '')+'</em>';
|
|
if (BattleNatures[set.nature] && BattleNatures[set.nature].plus === stat) {
|
|
ev += '<small>+</small>';
|
|
}
|
|
else if (BattleNatures[set.nature] && BattleNatures[set.nature].minus === stat) {
|
|
ev += '<small>−</small>';
|
|
}
|
|
var width = stats[stat]*75/504;
|
|
if (stat == 'hp') width = stats[stat]*75/704;
|
|
if (width > 75) width = 75;
|
|
var color = Math.floor(stats[stat]*180/714);
|
|
if (color > 360) color = 360;
|
|
buf += '<span class="statrow"><label>'+BattleStatNames[stat]+'</label> <span class="statgraph"><span style="width:'+width+'px;background:hsl('+color+',40%,75%);"></span></span> '+ev+'</span>';
|
|
}
|
|
this.$('button[name=stats]').html(buf);
|
|
|
|
if (this.curChartType !== 'stats') return;
|
|
|
|
buf = '<div></div>';
|
|
for (var stat in stats) {
|
|
buf += '<div><b>'+stats[stat]+'</b></div>';
|
|
}
|
|
this.$chart.find('.statscol').html(buf);
|
|
|
|
buf = '<div></div>';
|
|
var totalev = 0;
|
|
for (var stat in stats) {
|
|
var width = stats[stat]*180/504;
|
|
if (stat == 'hp') width = stats[stat]*180/704;
|
|
if (width > 179) width = 179;
|
|
var color = Math.floor(stats[stat]*180/714);
|
|
if (color > 360) color = 360;
|
|
buf += '<div><em><span style="width:'+Math.floor(width)+'px;background:hsl('+color+',85%,45%);border-color:hsl('+color+',85%,35%)"></span></em></div>';
|
|
totalev += (set.evs[stat]||0);
|
|
}
|
|
buf += '<div><em>Remaining:</em></div>';
|
|
this.$chart.find('.graphcol').html(buf);
|
|
|
|
if (totalev <= 510) {
|
|
this.$chart.find('.totalev').html('<em>'+(totalev>508?0:508-totalev)+'</em>');
|
|
} else {
|
|
this.$chart.find('.totalev').html('<b>'+(510-totalev)+'</b>');
|
|
}
|
|
this.$chart.find('select[name=nature]').val(set.nature||'Serious');
|
|
},
|
|
curChartType: '',
|
|
curChartName: '',
|
|
updateChart: function() {
|
|
var type = this.curChartType;
|
|
app.clearGlobalListeners();
|
|
if (type === 'stats') {
|
|
this.updateStatForm();
|
|
return;
|
|
}
|
|
if (type === 'details') {
|
|
this.updateDetailsForm();
|
|
return;
|
|
}
|
|
|
|
// cache movelist ref
|
|
var speciesid = toId(this.curSet.species);
|
|
var g6 = (this.curTeam.format && (this.curTeam.format === 'vgc2014' || this.curTeam.format === 'vgc2015'));
|
|
this.applyMovelist(g6, speciesid);
|
|
|
|
this.$chart.html('<em>Loading '+this.curChartType+'...</em>');
|
|
var self = this;
|
|
if (this.updateChartTimeout) clearTimeout(this.updateChartTimeout);
|
|
this.updateChartTimeout = setTimeout(function() {
|
|
self.updateChartTimeout = null;
|
|
if (self.curChartType === 'stats' || self.curChartType === 'details' || !self.curChartName) return;
|
|
self.$chart.html(Chart.chart(self.$('input[name='+self.curChartName+']').val(), self.curChartType, true, _.bind(self.arrangeCallback[self.curChartType], self)));
|
|
}, 10);
|
|
},
|
|
updateChartTimeout: null,
|
|
updateChartDelayed: function() {
|
|
// cache movelist ref
|
|
var speciesid = toId(this.curSet.species);
|
|
var g6 = (this.curTeam.format && (this.curTeam.format === 'vgc2014' || this.curTeam.format === 'vgc2015'));
|
|
this.applyMovelist(g6, speciesid);
|
|
|
|
var self = this;
|
|
if (this.updateChartTimeout) clearTimeout(this.updateChartTimeout);
|
|
this.updateChartTimeout = setTimeout(function() {
|
|
self.updateChartTimeout = null;
|
|
if (self.curChartType === 'stats' || self.curChartType === 'details') return;
|
|
self.$chart.html(Chart.chart(self.$('input[name='+self.curChartName+']').val(), self.curChartType, false, _.bind(self.arrangeCallback[self.curChartType], self)));
|
|
}, 200);
|
|
},
|
|
selectPokemon: function(i) {
|
|
i = +i;
|
|
var set = this.curSetList[i];
|
|
if (set) {
|
|
this.curSet = set;
|
|
this.curSetLoc = i;
|
|
var name = this.curChartName || 'details';
|
|
if (name === 'details' || name === 'stats') {
|
|
this.update();
|
|
this.updateChart();
|
|
} else {
|
|
this.curChartName = '';
|
|
this.update();
|
|
this.$('input[name='+name+']').select();
|
|
}
|
|
}
|
|
},
|
|
stats: function(i, button) {
|
|
if (!this.curSet) this.selectPokemon($(button).closest('li').val());
|
|
this.curChartName = 'stats';
|
|
this.curChartType = 'stats';
|
|
this.updateStatForm();
|
|
},
|
|
details: function(i, button) {
|
|
if (!this.curSet) this.selectPokemon($(button).closest('li').val());
|
|
this.curChartName = 'details';
|
|
this.curChartType = 'details';
|
|
this.updateDetailsForm();
|
|
},
|
|
|
|
/*********************************************************
|
|
* Set stat form
|
|
*********************************************************/
|
|
|
|
plus: '',
|
|
minus: '',
|
|
updateStatForm: function(setGuessed) {
|
|
var buf = '';
|
|
var set = this.curSet;
|
|
var baseStats = Tools.getTemplate(this.curSet.species).baseStats;
|
|
buf += '<h3>EVs</h3>';
|
|
buf += '<div class="statform">';
|
|
var role = this.guessRole();
|
|
|
|
var guessedEVs = {};
|
|
var guessedPlus = '';
|
|
var guessedMinus = '';
|
|
buf += '<p class="suggested"><small>Suggested spread:';
|
|
if (role === '?') {
|
|
buf += ' (Please choose 4 moves to get a suggested spread)</small></p>';
|
|
} else {
|
|
guessedEVs = this.guessEVs(role);
|
|
guessedPlus = guessedEVs.plusStat; delete guessedEVs.plusStat;
|
|
guessedMinus = guessedEVs.minusStat; delete guessedEVs.minusStat;
|
|
buf += ' </small><button name="setStatFormGuesses">'+role+': ';
|
|
for (var i in guessedEVs) {
|
|
if (guessedEVs[i]) buf += ''+guessedEVs[i]+' '+BattleStatNames[i]+' / ';
|
|
}
|
|
buf += ' (+'+BattleStatNames[guessedPlus]+', -'+BattleStatNames[guessedMinus]+')</button></p>';
|
|
//buf += ' <small>('+role+' | bulk: phys '+Math.round(this.moveCount.physicalBulk/1000)+' + spec '+Math.round(this.moveCount.specialBulk/1000)+' = '+Math.round(this.moveCount.bulk/1000)+')</small>';
|
|
}
|
|
|
|
if (setGuessed) {
|
|
set.evs = guessedEVs;
|
|
this.plus = guessedPlus;
|
|
this.minus = guessedMinus;
|
|
this.updateNature();
|
|
|
|
this.save();
|
|
this.updateStatGraph();
|
|
this.natureChange();
|
|
return;
|
|
}
|
|
|
|
var stats = {hp:'',atk:'',def:'',spa:'',spd:'',spe:''};
|
|
if (!set) return;
|
|
var nature = BattleNatures[set.nature || 'Serious'];
|
|
if (!nature) nature = {};
|
|
|
|
// label column
|
|
buf += '<div class="col labelcol"><div></div>';
|
|
buf += '<div><label>HP</label></div><div><label>Attack</label></div><div><label>Defense</label></div><div><label>Sp. Atk.</label></div><div><label>Sp. Def.</label></div><div><label>Speed</label></div>';
|
|
buf += '</div>';
|
|
|
|
buf += '<div class="col basestatscol"><div><em>Base</em></div>';
|
|
for (var i in stats) {
|
|
buf += '<div><b>'+baseStats[i]+'</b></div>';
|
|
}
|
|
buf += '</div>';
|
|
|
|
buf += '<div class="col graphcol"><div></div>';
|
|
for (var i in stats) {
|
|
stats[i] = this.getStat(i);
|
|
var width = stats[i]*180/504;
|
|
if (i=='hp') width = Math.floor(stats[i]*180/704);
|
|
if (width > 179) width = 179;
|
|
var color = Math.floor(stats[i]*180/714);
|
|
if (color>360) color = 360;
|
|
buf += '<div><em><span style="width:'+Math.floor(width)+'px;background:hsl('+color+',85%,45%);border-color:hsl('+color+',85%,35%)"></span></em></div>';
|
|
}
|
|
buf += '<div><em>Remaining:</em></div>';
|
|
buf += '</div>';
|
|
|
|
buf += '<div class="col evcol"><div><strong>EVs</strong></div>';
|
|
var totalev = 0;
|
|
this.plus = '';
|
|
this.minus = '';
|
|
for (var i in stats) {
|
|
var width = stats[i]*200/504;
|
|
if (i=='hp') width = stats[i]*200/704;
|
|
if (width > 200) width = 200;
|
|
var val = ''+(set.evs[i]||'');
|
|
if (nature.plus === i) {
|
|
val += '+';
|
|
this.plus = i;
|
|
}
|
|
if (nature.minus === i) {
|
|
val += '-';
|
|
this.minus = i;
|
|
}
|
|
buf += '<div><input type="text" name="stat-'+i+'" value="'+val+'" class="inputform numform" /></div>';
|
|
totalev += (set.evs[i]||0);
|
|
}
|
|
if (totalev <= 510) {
|
|
buf += '<div class="totalev"><em>'+(totalev>508?0:508-totalev)+'</em></div>';
|
|
} else {
|
|
buf += '<div class="totalev"><b>'+(510-totalev)+'</b></div>';
|
|
}
|
|
buf += '</div>';
|
|
|
|
buf += '<div class="col evslidercol"><div></div>';
|
|
for (var i in stats) {
|
|
buf += '<div><input type="slider" name="evslider-'+i+'" value="'+(set.evs[i]||'0')+'" min="0" max="252" step="4" class="evslider" /></div>';
|
|
}
|
|
buf += '</div>';
|
|
|
|
buf += '<div class="col ivcol"><div><strong>IVs</strong></div>';
|
|
var totalev = 0;
|
|
if (!set.ivs) set.ivs = {};
|
|
for (var i in stats) {
|
|
if (typeof set.ivs[i] === 'undefined' || isNaN(set.ivs[i])) set.ivs[i] = 31;
|
|
var val = ''+(set.ivs[i]);
|
|
buf += '<div><input type="number" name="iv-'+i+'" value="'+val+'" class="inputform numform" min="0" max="31" step="1" /></div>';
|
|
}
|
|
buf += '</div>';
|
|
|
|
buf += '<div class="col statscol"><div></div>';
|
|
for (var i in stats) {
|
|
buf += '<div><b>'+stats[i]+'</b></div>';
|
|
}
|
|
buf += '</div>';
|
|
|
|
buf += '<p style="clear:both">Nature: <select name="nature">';
|
|
for (var i in BattleNatures) {
|
|
var curNature = BattleNatures[i];
|
|
buf += '<option value="'+i+'"'+(curNature===nature?'selected="selected"':'')+'>'+i;
|
|
if (curNature.plus) {
|
|
buf += ' (+'+BattleStatNames[curNature.plus]+', -'+BattleStatNames[curNature.minus]+')';
|
|
}
|
|
buf += '</option>';
|
|
}
|
|
buf += '</select></p>';
|
|
|
|
buf += '<p><em>Protip:</em> You can also set natures by typing "+" and "-" next to a stat.</p>';
|
|
|
|
buf += '</div>';
|
|
this.$chart.html(buf);
|
|
var self = this;
|
|
this.suppressSliderCallback = true;
|
|
app.clearGlobalListeners();
|
|
this.$chart.find('.evslider').slider({
|
|
from: 0,
|
|
to: 252,
|
|
step: 4,
|
|
skin: 'round_plastic',
|
|
onstatechange: function(val) {
|
|
if (!self.suppressSliderCallback) self.statSlide(val, this);
|
|
},
|
|
callback: function() {
|
|
self.save();
|
|
}
|
|
});
|
|
this.suppressSliderCallback = false;
|
|
},
|
|
setStatFormGuesses: function() {
|
|
this.updateStatForm(true);
|
|
},
|
|
setSlider: function(stat, val) {
|
|
this.suppressSliderCallback = true;
|
|
this.$chart.find('input[name=evslider-'+stat+']').slider('value', val||0);
|
|
this.suppressSliderCallback = false;
|
|
},
|
|
updateNature: function() {
|
|
var set = this.curSet;
|
|
if (!set) return;
|
|
|
|
if (this.plus === '' || this.minus === '') {
|
|
set.nature = 'Serious';
|
|
} else {
|
|
for (var i in BattleNatures) {
|
|
if (BattleNatures[i].plus === this.plus && BattleNatures[i].minus === this.minus) {
|
|
set.nature = i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
statChange: function(e) {
|
|
var inputName = '';
|
|
inputName = e.currentTarget.name;
|
|
var val = Math.abs(parseInt(e.currentTarget.value, 10));
|
|
var set = this.curSet;
|
|
if (!set) return;
|
|
|
|
if (inputName.substr(0,5) === 'stat-') {
|
|
// EV
|
|
// Handle + and -
|
|
var stat = inputName.substr(5);
|
|
if (!set.evs) set.evs = {};
|
|
|
|
var lastchar = e.currentTarget.value.charAt(e.target.value.length-1);
|
|
var firstchar = e.currentTarget.value.charAt(0);
|
|
var natureChange = true;
|
|
if ((lastchar === '+' || firstchar === '+') && stat !== 'hp') {
|
|
if (this.plus && this.plus !== stat) this.$chart.find('input[name=stat-'+this.plus+']').val(set.evs[this.plus]||'');
|
|
this.plus = stat;
|
|
} else if ((lastchar === '-' || lastchar === "\u2212" || firstchar === '-' || firstchar === "\u2212") && stat !== 'hp') {
|
|
if (this.minus && this.minus !== stat) this.$chart.find('input[name=stat-'+this.minus+']').val(set.evs[this.minus]||'');
|
|
this.minus = stat;
|
|
} else if (this.plus === stat) {
|
|
this.plus = '';
|
|
} else if (this.minus === stat) {
|
|
this.minus = '';
|
|
} else {
|
|
natureChange = false;
|
|
}
|
|
if (natureChange) {
|
|
this.updateNature();
|
|
}
|
|
|
|
// cap
|
|
if (val > 252) val = 252;
|
|
if (val < 0) val = 0;
|
|
|
|
if (set.evs[stat] !== val || natureChange) {
|
|
set.evs[stat] = val;
|
|
this.setSlider(stat, val);
|
|
this.updateStatGraph();
|
|
}
|
|
} else {
|
|
// IV
|
|
var stat = inputName.substr(3);
|
|
|
|
if (val > 31 || isNaN(val)) val = 31;
|
|
if (val < 0) val = 0;
|
|
|
|
if (!set.ivs) set.ivs = {};
|
|
if (set.ivs[stat] !== val) {
|
|
set.ivs[stat] = val;
|
|
this.updateStatGraph();
|
|
}
|
|
}
|
|
this.save();
|
|
},
|
|
statSlide: function(val, slider) {
|
|
var stat = slider.inputNode[0].name.substr(9);
|
|
var set = this.curSet;
|
|
if (!set) return;
|
|
val = +val;
|
|
|
|
if (!this.ignoreEVLimits && set.evs) {
|
|
var total = 0;
|
|
for (var i in set.evs) {
|
|
total += (i===stat?val:set.evs[i]);
|
|
}
|
|
if (total > 508 && val - total + 508 >= 0) {
|
|
// don't allow dragging beyond 508 EVs
|
|
val = val - total + 508;
|
|
|
|
// make sure val is a legal value
|
|
val = +val;
|
|
if (!val || val <= 0) val = 0;
|
|
if (val > 252) val = 252;
|
|
|
|
// Don't try this at home.
|
|
// I am a trained professional.
|
|
slider.o.pointers[0].set(val);
|
|
}
|
|
}
|
|
|
|
if (!set.evs) set.evs = {};
|
|
set.evs[stat] = val;
|
|
|
|
val = ''+(val||'')+(this.plus===stat?'+':'')+(this.minus===stat?'-':'');
|
|
this.$('input[name=stat-'+stat+']').val(val);
|
|
|
|
this.updateStatGraph();
|
|
},
|
|
natureChange: function(e) {
|
|
var set = this.curSet;
|
|
if (!set) return;
|
|
|
|
if (e) {
|
|
set.nature = e.currentTarget.value;
|
|
}
|
|
this.plus = '';
|
|
this.minus = '';
|
|
var nature = BattleNatures[set.nature||'Serious'];
|
|
for (var i in BattleStatNames) {
|
|
var val = ''+(set.evs[i]||'');
|
|
if (nature.plus === i) {
|
|
this.plus = i;
|
|
val += '+';
|
|
}
|
|
if (nature.minus === i) {
|
|
this.minus = i;
|
|
val += '-';
|
|
}
|
|
this.$chart.find('input[name=stat-'+i+']').val(val);
|
|
if (!e) this.setSlider(i, set.evs[i]);
|
|
}
|
|
|
|
this.save();
|
|
this.updateStatGraph();
|
|
},
|
|
|
|
/*********************************************************
|
|
* Set details form
|
|
*********************************************************/
|
|
|
|
updateDetailsForm: function() {
|
|
var buf = '';
|
|
var set = this.curSet;
|
|
var template = Tools.getTemplate(set.species);
|
|
if (!set) return;
|
|
buf += '<h3>Details</h3>';
|
|
buf += '<form class="detailsform">';
|
|
|
|
buf += '<div class="formrow"><label class="formlabel">Level:</label><div><input type="number" min="1" max="100" step="1" name="level" value="'+(set.level||100)+'" class="textbox inputform numform" /></div></div>';
|
|
|
|
buf += '<div class="formrow"><label class="formlabel">Gender:</label><div>';
|
|
if (template.gender) {
|
|
var genderTable = {'M': "Male", 'F': "Female", 'N': "Genderless"};
|
|
buf += genderTable[template.gender];
|
|
} else {
|
|
buf += '<label><input type="radio" name="gender" value="M"'+(set.gender==='M'?' checked':'')+' /> Male</label> ';
|
|
buf += '<label><input type="radio" name="gender" value="F"'+(set.gender==='F'?' checked':'')+' /> Female</label> ';
|
|
buf += '<label><input type="radio" name="gender" value="N"'+(!set.gender?' checked':'')+' /> Random</label>';
|
|
}
|
|
buf += '</div></div>';
|
|
|
|
buf += '<div class="formrow"><label class="formlabel">Happiness:</label><div><input type="number" min="0" max="255" step="1" name="happiness" value="'+(typeof set.happiness==='number'?set.happiness:255)+'" class="textbox inputform numform" /></div></div>';
|
|
|
|
buf += '<div class="formrow"><label class="formlabel">Shiny:</label><div>';
|
|
buf += '<label><input type="radio" name="shiny" value="yes"'+(set.shiny?' checked':'')+' /> Yes</label> ';
|
|
buf += '<label><input type="radio" name="shiny" value="no"'+(!set.shiny?' checked':'')+' /> No</label>';
|
|
buf += '</div></div>';
|
|
|
|
buf += '</form>';
|
|
this.$chart.html(buf);
|
|
},
|
|
detailsChange: function() {
|
|
var set = this.curSet;
|
|
if (!set) return;
|
|
|
|
// level
|
|
var level = parseInt(this.$chart.find('input[name=level]').val(),10);
|
|
if (!level || level > 100 || level < 1) level = 100;
|
|
if (level !== 100 || set.level) set.level = level;
|
|
|
|
// happiness
|
|
var happiness = parseInt(this.$chart.find('input[name=happiness]').val(),10);
|
|
if (happiness > 255) happiness = 255;
|
|
if (happiness < 0) happiness = 255;
|
|
set.happiness = happiness;
|
|
if (set.happiness === 255) delete set.happiness;
|
|
|
|
// shiny
|
|
var shiny = (this.$chart.find('input[name=shiny]:checked').val() === 'yes');
|
|
if (shiny) {
|
|
set.shiny = true;
|
|
} else {
|
|
delete set.shiny;
|
|
}
|
|
|
|
var gender = this.$chart.find('input[name=gender]:checked').val();
|
|
if (gender === 'M' || gender === 'F') {
|
|
set.gender = gender;
|
|
} else {
|
|
delete set.gender;
|
|
}
|
|
|
|
// update details cell
|
|
var buf = '';
|
|
var GenderChart = {
|
|
'M': 'Male',
|
|
'F': 'Female',
|
|
'N': '—'
|
|
};
|
|
buf += '<span class="detailcell detailcell-first"><label>Level</label>'+(set.level||100)+'</span>';
|
|
buf += '<span class="detailcell"><label>Gender</label>'+GenderChart[set.gender||'N']+'</span>';
|
|
buf += '<span class="detailcell"><label>Happiness</label>'+(typeof set.happiness==='number'?set.happiness:255)+'</span>';
|
|
buf += '<span class="detailcell"><label>Shiny</label>'+(set.shiny?'Yes':'No')+'</span>';
|
|
this.$('button[name=details]').html(buf);
|
|
|
|
this.save();
|
|
this.updatePokemonSprite();
|
|
},
|
|
|
|
/*********************************************************
|
|
* Set charts
|
|
*********************************************************/
|
|
|
|
arrangeCallback: {
|
|
pokemon: function(pokemon) {
|
|
if (!pokemon) {
|
|
if (this.curTeam) {
|
|
if (this.curTeam.format === 'ubers' || this.curTeam.format === 'anythinggoes') return ['Uber','OU','BL','UU','BL2','RU','BL3','NU','BL4','PU','NFE','LC Uber','LC'];
|
|
if (this.curTeam.format === 'ou') return ['OU','BL','UU','BL2','RU','BL3','NU','BL4','PU','NFE','LC Uber','LC'];
|
|
if (this.curTeam.format === 'cap') return ['CAP','OU','BL','UU','BL2','RU','BL3','NU','BL4','PU','NFE','LC Uber','LC'];
|
|
if (this.curTeam.format === 'uu') return ['UU','BL2','RU','BL3','NU','BL4','PU','NFE','LC Uber','LC'];
|
|
if (this.curTeam.format === 'ru') return ['RU','BL3','NU','BL4','PU','NFE','LC Uber','LC'];
|
|
if (this.curTeam.format === 'nu') return ['NU','BL4','PU','NFE','LC Uber','LC'];
|
|
if (this.curTeam.format === 'pu') return ['PU','NFE','LC Uber','LC'];
|
|
if (this.curTeam.format === 'lc') return ['LC'];
|
|
}
|
|
return ['OU','Uber','BL','UU','BL2','RU','BL3','NU','BL4','PU','NFE','LC Uber','LC','Unreleased','CAP'];
|
|
}
|
|
var tierData = exports.BattleFormatsData[toId(pokemon.species)];
|
|
if (!tierData) return 'Illegal';
|
|
return tierData.tier;
|
|
},
|
|
item: function(item) {
|
|
if (!item) return ['Items'];
|
|
return 'Items';
|
|
},
|
|
ability: function(ability) {
|
|
if (!this.curSet) return;
|
|
if (!ability) return ['Abilities', 'Hidden Ability'];
|
|
var template = Tools.getTemplate(this.curSet.species);
|
|
if (!template.abilities) return 'Abilities';
|
|
if (ability.name === template.abilities['0']) return 'Abilities';
|
|
if (ability.name === template.abilities['1']) return 'Abilities';
|
|
if (ability.name === template.abilities['H']) return 'Hidden Ability';
|
|
if (!this.curTeam || this.curTeam.format !== 'balancedhackmons') return 'Illegal';
|
|
},
|
|
move: function(move) {
|
|
if (!this.curSet) return;
|
|
if (!move) return ['Usable Moves', 'Moves', 'Usable Sketch Moves', 'Sketch Moves'];
|
|
var movelist = this.movelist;
|
|
if (!movelist) return 'Illegal';
|
|
if (!movelist[move.id]) {
|
|
if (movelist['sketch'] && move.id !== 'chatter' && move.id !== 'struggle') {
|
|
if (move.isViable) return 'Usable Sketch Moves';
|
|
return 'Sketch Moves';
|
|
}
|
|
if (!this.curTeam || this.curTeam.format !== 'balancedhackmons') return 'Illegal';
|
|
}
|
|
var speciesid = toId(this.curSet.species);
|
|
if (move.isViable) return 'Usable Moves';
|
|
return 'Moves';
|
|
}
|
|
},
|
|
|
|
chartTypes: {
|
|
pokemon: 'pokemon',
|
|
item: 'item',
|
|
ability: 'ability',
|
|
move1: 'move',
|
|
move2: 'move',
|
|
move3: 'move',
|
|
move4: 'move',
|
|
stats: 'stats',
|
|
details: 'details'
|
|
},
|
|
chartClick: function(e) {
|
|
this.chartSet($(e.currentTarget).data('name'), true);
|
|
},
|
|
chartKeydown: function(e) {
|
|
var modifier = (e.shiftKey || e.ctrlKey || e.altKey || e.metaKey || e.cmdKey);
|
|
if (e.keyCode === 13 || (e.keyCode === 9 && !modifier)) {
|
|
if (!this.arrangeCallback[this.curChartType]) return;
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
|
|
var name = e.currentTarget.name;
|
|
this.$chart.html(Chart.chart(e.currentTarget.value, this.curChartType, false, _.bind(this.arrangeCallback[this.curChartType], this)));
|
|
var val = Chart.firstResult;
|
|
this.chartSet(val, true);
|
|
return;
|
|
}
|
|
},
|
|
chartKeyup: function() {
|
|
this.updateChartDelayed();
|
|
},
|
|
chartFocus: function(e) {
|
|
var $target = $(e.currentTarget);
|
|
var name = e.currentTarget.name;
|
|
var type = this.chartTypes[name];
|
|
$target.removeClass('incomplete');
|
|
|
|
if (this.curChartName === name) return;
|
|
|
|
if (!this.curSet) {
|
|
var i = +$target.closest('li').prop('value');
|
|
this.curSet = this.curSetList[i];
|
|
this.curSetLoc = i;
|
|
this.update();
|
|
if (type === 'stats' || type === 'details') {
|
|
this.$('button[name='+name+']').click();
|
|
} else {
|
|
this.$('input[name='+name+']').select();
|
|
}
|
|
return;
|
|
}
|
|
|
|
this.curChartName = name;
|
|
this.curChartType = type;
|
|
this.updateChart();
|
|
},
|
|
chartChange: function(e) {
|
|
var name = e.currentTarget.name;
|
|
var type = this.chartTypes[name];
|
|
var arrange = null;
|
|
if (this.arrangeCallback[this.curChartType]) {
|
|
arrange = _.bind(this.arrangeCallback[this.curChartType], this);
|
|
}
|
|
this.$chart.html(Chart.chart(e.currentTarget.value, type, false, arrange));
|
|
var val = Chart.firstResult;
|
|
var id = toId(e.currentTarget.value);
|
|
if (toId(val) !== id) {
|
|
$(e.currentTarget).addClass('incomplete');
|
|
return;
|
|
}
|
|
this.chartSet(val);
|
|
},
|
|
chartSet: function(val, selectNext) {
|
|
var inputName = this.curChartName;
|
|
var id = toId(val);
|
|
this.$('input[name='+inputName+']').val(val).removeClass('incomplete');
|
|
switch (inputName) {
|
|
case 'pokemon':
|
|
this.setPokemon(val, selectNext);
|
|
break;
|
|
case 'item':
|
|
this.curSet.item = val;
|
|
this.updatePokemonSprite();
|
|
if (selectNext) this.$('input[name=ability]').select();
|
|
break;
|
|
case 'ability':
|
|
this.curSet.ability = val;
|
|
if (selectNext) this.$('input[name=move1]').select();
|
|
break;
|
|
case 'move1':
|
|
this.curSet.moves[0] = val;
|
|
this.chooseMove(val);
|
|
if (selectNext) this.$('input[name=move2]').select();
|
|
break;
|
|
case 'move2':
|
|
if (!this.curSet.moves[0]) this.curSet.moves[0] = '';
|
|
this.curSet.moves[1] = val;
|
|
this.chooseMove(val);
|
|
this.$('input[name=move3]').select();
|
|
break;
|
|
case 'move3':
|
|
if (!this.curSet.moves[0]) this.curSet.moves[0] = '';
|
|
if (!this.curSet.moves[1]) this.curSet.moves[1] = '';
|
|
this.curSet.moves[2] = val;
|
|
this.chooseMove(val);
|
|
if (selectNext) this.$('input[name=move4]').select();
|
|
break;
|
|
case 'move4':
|
|
if (!this.curSet.moves[0]) this.curSet.moves[0] = '';
|
|
if (!this.curSet.moves[1]) this.curSet.moves[1] = '';
|
|
if (!this.curSet.moves[2]) this.curSet.moves[2] = '';
|
|
this.curSet.moves[3] = val;
|
|
this.chooseMove(val);
|
|
if (selectNext) this.stats();
|
|
break;
|
|
}
|
|
this.save();
|
|
},
|
|
chooseMove: function(move) {
|
|
var set = this.curSet;
|
|
if (!set) return;
|
|
if (move.substr(0,13) === 'Hidden Power ') {
|
|
set.ivs = {};
|
|
for (var i in exports.BattleTypeChart[move.substr(13)].HPivs) {
|
|
set.ivs[i] = exports.BattleTypeChart[move.substr(13)].HPivs[i];
|
|
}
|
|
var moves = this.curSet.moves;
|
|
for (var i = 0; i < moves.length; ++i) {
|
|
if (moves[i] === 'Gyro Ball' || moves[i] === 'Trick Room') set.ivs['spe'] = set.ivs['spe'] % 4;
|
|
}
|
|
} else if (move === 'Gyro Ball' || move === 'Trick Room') {
|
|
var hasHiddenPower = false;
|
|
var moves = this.curSet.moves;
|
|
for (var i = 0; i < moves.length; ++i) {
|
|
if (moves[i].substr(0,13) === 'Hidden Power ') hasHiddenPower = true;
|
|
}
|
|
set.ivs['spe'] = hasHiddenPower ? set.ivs['spe'] % 4 : 0;
|
|
} else if (move === 'Return') {
|
|
this.curSet.happiness = 255;
|
|
} else if (move === 'Frustration') {
|
|
this.curSet.happiness = 0;
|
|
}
|
|
},
|
|
setPokemon: function(val, selectNext) {
|
|
var set = this.curSet;
|
|
var template = Tools.getTemplate(val);
|
|
var newPokemon = !set.species;
|
|
if (!template.exists || set.species === template.species) return;
|
|
|
|
set.name = template.species;
|
|
set.species = val;
|
|
if (set.level) delete set.level;
|
|
if (this.curTeam && (this.curTeam.format === 'lc' || this.curTeam.format === 'gen5lc')) set.level = 5;
|
|
if (set.gender) delete set.gender;
|
|
if (template.gender && template.gender !== 'N') set.gender = template.gender;
|
|
if (set.happiness) delete set.happiness;
|
|
if (set.shiny) delete set.shiny;
|
|
set.item = '';
|
|
set.ability = template.abilities['0'];
|
|
set.moves = [];
|
|
set.evs = {};
|
|
set.ivs = {};
|
|
set.nature = '';
|
|
this.updateSetTop();
|
|
if (selectNext) this.$('input[name=item]').select();
|
|
},
|
|
|
|
/*********************************************************
|
|
* Utility functions
|
|
*********************************************************/
|
|
|
|
// EV guesser
|
|
|
|
guessRole: function() {
|
|
var set = this.curSet;
|
|
if (!set) return '?';
|
|
if (!set.moves) return '?';
|
|
|
|
var moveCount = {
|
|
'Physical': 0,
|
|
'Special': 0,
|
|
'PhysicalOffense': 0,
|
|
'SpecialOffense': 0,
|
|
'PhysicalSetup': 0,
|
|
'SpecialSetup': 0,
|
|
'Support': 0,
|
|
'Setup': 0,
|
|
'Restoration': 0,
|
|
'Offense': 0,
|
|
'Stall': 0,
|
|
'SpecialStall': 0,
|
|
'PhysicalStall': 0,
|
|
'Ultrafast': 0
|
|
};
|
|
var hasMove = {};
|
|
var template = Tools.getTemplate(set.species || set.name);
|
|
var stats = template.baseStats;
|
|
var itemid = toId(set.item);
|
|
var abilityid = toId(set.ability);
|
|
|
|
if (set.moves.length < 4 && template.id !== 'unown' && template.id !== 'ditto') return '?';
|
|
|
|
for (var i=0,len=set.moves.length; i<len; i++) {
|
|
var move = Tools.getMove(set.moves[i]);
|
|
hasMove[move.id] = 1;
|
|
if (move.category === 'Status') {
|
|
if (move.id === 'batonpass' || move.id === 'healingwish' || move.id === 'lunardance') {
|
|
moveCount['Support']++;
|
|
} else if (move.id === 'naturepower') {
|
|
moveCount['Special']++;
|
|
} else if (move.id === 'protect' || move.id === 'detect' || move.id === 'spikyshield' || move.id === 'kingsshield') {
|
|
moveCount['Stall']++;
|
|
} else if (move.id === 'wish') {
|
|
moveCount['Restoration']++;
|
|
moveCount['Stall']++;
|
|
moveCount['Support']++;
|
|
} else if (move.heal) {
|
|
moveCount['Restoration']++;
|
|
moveCount['Stall']++;
|
|
} else if (move.target === 'self') {
|
|
if (move.id === 'agility' || move.id === 'rockpolish' || move.id === 'shellsmash' || move.id === 'growth' || move.id === 'workup') {
|
|
moveCount['PhysicalSetup']++;
|
|
moveCount['SpecialSetup']++;
|
|
} else if (move.id === 'dragondance' || move.id === 'swordsdance' || move.id === 'coil' || move.id === 'bulkup' || move.id === 'curse' || move.id === 'bellydrum') {
|
|
moveCount['PhysicalSetup']++;
|
|
} else if (move.id === 'nastyplot' || move.id === 'tailglow' || move.id === 'quiverdance' || move.id === 'calmmind' || move.id === 'geomancy') {
|
|
moveCount['SpecialSetup']++;
|
|
}
|
|
if (move.id === 'substitute') moveCount['Stall']++;
|
|
moveCount['Setup']++;
|
|
} else {
|
|
if (move.id === 'toxic' || move.id === 'leechseed' || move.id === 'willowisp') moveCount['Stall']++;
|
|
moveCount['Support']++;
|
|
}
|
|
} else if (move.id === 'counter' || move.id === 'endeavor' || move.id === 'metalburst' || move.id === 'mirrorcoat' || move.id === 'rapidspin') {
|
|
moveCount['Support']++;
|
|
} else if (move.id === 'nightshade' || move.id === 'seismictoss' || move.id === 'superfang' || move.id === 'foulplay' || move.id === 'finalgambit') {
|
|
moveCount['Offense']++;
|
|
} else if (move.id === 'fellstinger') {
|
|
moveCount['PhysicalSetup']++;
|
|
moveCount['Setup']++;
|
|
} else {
|
|
moveCount[move.category]++;
|
|
moveCount['Offense']++;
|
|
if (move.id === 'knockoff') moveCount['Support']++;
|
|
if (move.id === 'scald' || move.id === 'voltswitch' || move.id === 'uturn') moveCount[move.category] -= 0.2;
|
|
}
|
|
}
|
|
if (hasMove['batonpass']) moveCount['Support'] += moveCount['Setup'];
|
|
moveCount['PhysicalAttack'] = moveCount['Physical'];
|
|
moveCount['Physical'] += moveCount['PhysicalSetup'];
|
|
moveCount['SpecialAttack'] = moveCount['Special'];
|
|
moveCount['Special'] += moveCount['SpecialSetup'];
|
|
|
|
if (hasMove['dragondance'] || hasMove['quiverdance']) moveCount['Ultrafast'] = 1;
|
|
|
|
var isFast = (stats.spe > 95);
|
|
var physicalBulk = (stats.hp+75)*(stats.def+87);
|
|
var specialBulk = (stats.hp+75)*(stats.spd+87);
|
|
|
|
if (hasMove['willowisp'] || hasMove['acidarmor'] || hasMove['irondefense'] || hasMove['cottonguard']) {
|
|
physicalBulk *= 1.6;
|
|
moveCount['PhysicalStall']++;
|
|
}
|
|
else if (hasMove['scald'] || hasMove['bulkup'] || hasMove['coil'] || hasMove['cosmicpower']) {
|
|
physicalBulk *= 1.3;
|
|
if (hasMove['scald']) { // partial stall goes in reverse
|
|
moveCount['SpecialStall']++;
|
|
} else {
|
|
moveCount['PhysicalStall']++;
|
|
}
|
|
}
|
|
if (abilityid === 'flamebody') physicalBulk *= 1.1;
|
|
|
|
if (hasMove['calmmind'] || hasMove['quiverdance'] || hasMove['geomancy']) {
|
|
specialBulk *= 1.3;
|
|
moveCount['SpecialStall']++;
|
|
}
|
|
if (template.id === 'tyranitar') specialBulk *= 1.5;
|
|
|
|
if (hasMove['bellydrum']) {
|
|
physicalBulk *= 0.6;
|
|
specialBulk *= 0.6;
|
|
}
|
|
if (moveCount['Restoration']) {
|
|
physicalBulk *= 1.5;
|
|
specialBulk *= 1.5;
|
|
} else if (hasMove['painsplit'] && hasMove['substitute']) {
|
|
// SubSplit isn't generally a stall set
|
|
moveCount['Stall']--;
|
|
} else if (hasMove['painsplit'] || hasMove['rest']) {
|
|
physicalBulk *= 1.4;
|
|
specialBulk *= 1.4;
|
|
}
|
|
if ((hasMove['bodyslam'] || hasMove['thunder']) && abilityid === 'serenegrace' || hasMove['thunderwave']) {
|
|
physicalBulk *= 1.1;
|
|
specialBulk *= 1.1;
|
|
}
|
|
if ((hasMove['ironhead'] || hasMove['airslash']) && abilityid === 'serenegrace') {
|
|
physicalBulk *= 1.1;
|
|
specialBulk *= 1.1;
|
|
}
|
|
if (hasMove['gigadrain'] || hasMove['drainpunch'] || hasMove['hornleech']) {
|
|
physicalBulk *= 1.15;
|
|
specialBulk *= 1.15;
|
|
}
|
|
if (itemid === 'leftovers' || itemid === 'blacksludge') {
|
|
physicalBulk *= 1 + 0.1*(1+moveCount['Stall']/1.5);
|
|
specialBulk *= 1 + 0.1*(1+moveCount['Stall']/1.5);
|
|
}
|
|
if (hasMove['leechseed']) {
|
|
physicalBulk *= 1 + 0.1*(1+moveCount['Stall']/1.5);
|
|
specialBulk *= 1 + 0.1*(1+moveCount['Stall']/1.5);
|
|
}
|
|
if ((itemid === 'flameorb' || itemid === 'toxicorb') && abilityid !== 'magicguard') {
|
|
if (itemid === 'toxicorb' && abilityid === 'poisonheal') {
|
|
physicalBulk *= 1 + 0.1*(2+moveCount['Stall']);
|
|
specialBulk *= 1 + 0.1*(2+moveCount['Stall']);
|
|
} else {
|
|
physicalBulk *= 0.8;
|
|
specialBulk *= 0.8;
|
|
}
|
|
}
|
|
if (itemid === 'lifeorb') {
|
|
physicalBulk *= 0.7;
|
|
specialBulk *= 0.7;
|
|
}
|
|
if (abilityid === 'multiscale' || abilityid === 'magicguard' || abilityid === 'regenerator') {
|
|
physicalBulk *= 1.4;
|
|
specialBulk *= 1.4;
|
|
}
|
|
if (itemid === 'eviolite') {
|
|
physicalBulk *= 1.5;
|
|
specialBulk *= 1.5;
|
|
}
|
|
if (itemid === 'assaultvest') specialBulk *= 1.5;
|
|
|
|
var bulk = physicalBulk + specialBulk;
|
|
if (bulk < 46000 && stats.spe >= 70) isFast = true;
|
|
moveCount['bulk'] = bulk;
|
|
moveCount['physicalBulk'] = physicalBulk;
|
|
moveCount['specialBulk'] = specialBulk;
|
|
|
|
if (hasMove['agility'] || hasMove['dragondance'] || hasMove['quiverdance'] || hasMove['rockpolish'] || hasMove['shellsmash'] || hasMove['flamecharge']) {
|
|
isFast = true;
|
|
} else if (abilityid === 'unburden' || abilityid === 'speedboost' || abilityid === 'motordrive') {
|
|
isFast = true;
|
|
moveCount['Ultrafast'] = 1;
|
|
} else if (abilityid === 'chlorophyll' || abilityid === 'swiftswim' || abilityid === 'sandrush') {
|
|
isFast = true;
|
|
moveCount['Ultrafast'] = 2;
|
|
}
|
|
if (hasMove['agility'] || hasMove['shellsmash'] || hasMove['autotomize'] || hasMove['shiftgear'] || hasMove['rockpolish']) moveCount['Ultrafast'] = 2;
|
|
moveCount['Fast'] = isFast?1:0;
|
|
|
|
this.moveCount = moveCount;
|
|
this.hasMove = hasMove;
|
|
|
|
if (template.id === 'ditto') return abilityid==='imposter'?'Physically Defensive':'Fast Bulky Support';
|
|
if (template.id === 'shedinja') return 'Fast Physical Sweeper';
|
|
|
|
if (itemid === 'choiceband' && moveCount['PhysicalAttack'] >= 2) {
|
|
if (!isFast) return 'Bulky Band';
|
|
return 'Fast Band';
|
|
} else if (itemid === 'choicespecs' && moveCount['SpecialAttack'] >= 2) {
|
|
if (!isFast) return 'Bulky Specs';
|
|
return 'Fast Specs';
|
|
} else if (itemid === 'choicescarf') {
|
|
if (moveCount['PhysicalAttack'] === 0) return 'Special Scarf';
|
|
if (moveCount['SpecialAttack'] === 0) return 'Physical Scarf';
|
|
if (moveCount['PhysicalAttack'] > moveCount['SpecialAttack']) return 'Physical Biased Mixed Scarf';
|
|
if (moveCount['PhysicalAttack'] < moveCount['SpecialAttack']) return 'Special Biased Mixed Scarf';
|
|
if (stats.atk < stats.spa) return 'Special Biased Mixed Scarf';
|
|
return 'Physical Biased Mixed Scarf';
|
|
}
|
|
|
|
if (template.id === 'unown') return 'Fast Special Sweeper';
|
|
|
|
if (moveCount['PhysicalStall'] && moveCount['Restoration']) {
|
|
return 'Specially Defensive';
|
|
}
|
|
if (moveCount['SpecialStall'] && moveCount['Restoration'] && itemid !== 'lifeorb') {
|
|
return 'Physically Defensive';
|
|
}
|
|
|
|
var offenseBias = '';
|
|
if (stats.spa > stats.atk && moveCount['Special'] > 1) offenseBias = 'Special';
|
|
else if (stats.spa > stats.atk && moveCount['Special'] > 1) offenseBias = 'Special';
|
|
else if (moveCount['Special'] > moveCount['Physical']) offenseBias = 'Special';
|
|
else offenseBias = 'Physical';
|
|
var offenseStat = stats[offenseBias === 'Special'?'spa':'atk'];
|
|
|
|
if (moveCount['Stall'] + moveCount['Support']/2 <= 2 && bulk < 135000 && moveCount[offenseBias] >= 1.5) {
|
|
if (isFast) {
|
|
if (bulk > 80000 && !moveCount['Ultrafast']) return 'Bulky '+offenseBias+' Sweeper';
|
|
return 'Fast '+offenseBias+' Sweeper';
|
|
} else {
|
|
if (moveCount[offenseBias] >= 3 || moveCount['Stall'] <= 0) {
|
|
return 'Bulky '+offenseBias+' Sweeper';
|
|
}
|
|
}
|
|
}
|
|
|
|
if (isFast && abilityid !== 'prankster') {
|
|
if (stats.spe > 100 || bulk < 55000 || moveCount['Ultrafast']) {
|
|
return 'Fast Bulky Support';
|
|
}
|
|
}
|
|
if (moveCount['SpecialStall']) return 'Physically Defensive';
|
|
if (moveCount['PhysicalStall']) return 'Specially Defensive';
|
|
if (template.id === 'blissey' || template.id === 'chansey') return 'Physically Defensive';
|
|
if (specialBulk >= physicalBulk) return 'Specially Defensive';
|
|
return 'Physically Defensive';
|
|
},
|
|
ensureMinEVs: function(evs, stat, min, evTotal) {
|
|
if (!evs[stat]) evs[stat] = 0;
|
|
var diff = min - evs[stat];
|
|
if (diff <= 0) return evTotal;
|
|
if (evTotal <= 504) {
|
|
var change = Math.min(508 - evTotal, diff);
|
|
evTotal += change;
|
|
evs[stat] += change;
|
|
diff -= change;
|
|
}
|
|
if (diff <= 0) return evTotal;
|
|
var evPriority = {def:1, spd:1, hp:1, atk:1, spa:1, spe:1};
|
|
for (var i in evPriority) {
|
|
if (i === stat) continue;
|
|
if (evs[i] && evs[i] > 128) {
|
|
evs[i] -= diff;
|
|
evs[stat] += diff;
|
|
return evTotal;
|
|
}
|
|
}
|
|
return evTotal; // can't do it :(
|
|
},
|
|
ensureMaxEVs: function(evs, stat, min, evTotal) {
|
|
if (!evs[stat]) evs[stat] = 0;
|
|
var diff = evs[stat] - min;
|
|
if (diff <= 0) return evTotal;
|
|
evs[stat] -= diff;
|
|
evTotal -= diff;
|
|
return evTotal; // can't do it :(
|
|
},
|
|
guessEVs: function(role) {
|
|
var set = this.curSet;
|
|
if (!set) return {};
|
|
var template = Tools.getTemplate(set.species || set.name);
|
|
var stats = template.baseStats;
|
|
|
|
var hasMove = this.hasMove;
|
|
var moveCount = this.moveCount;
|
|
|
|
var evs = {};
|
|
var plusStat = '';
|
|
var minusStat = '';
|
|
|
|
var statChart = {
|
|
'Bulky Band': ['atk', 'hp'],
|
|
'Fast Band': ['spe', 'atk'],
|
|
'Bulky Specs': ['spa', 'hp'],
|
|
'Fast Specs': ['spe', 'spa'],
|
|
'Physical Scarf': ['spe', 'atk'],
|
|
'Special Scarf': ['spe', 'spa'],
|
|
'Physical Biased Mixed Scarf': ['spe', 'atk'],
|
|
'Special Biased Mixed Scarf': ['spe', 'spa'],
|
|
'Fast Physical Sweeper': ['spe', 'atk'],
|
|
'Fast Special Sweeper': ['spe', 'spa'],
|
|
'Bulky Physical Sweeper': ['atk', 'hp'],
|
|
'Bulky Special Sweeper': ['spa', 'hp'],
|
|
'Fast Bulky Support': ['spe', 'hp'],
|
|
'Physically Defensive': ['def', 'hp'],
|
|
'Specially Defensive': ['spd', 'hp']
|
|
};
|
|
|
|
plusStat = statChart[role][0];
|
|
if (role === 'Fast Bulky Support') moveCount['Ultrafast'] = 0;
|
|
if (plusStat === 'spe' && (moveCount['Ultrafast'] || evs['spe'] < 252)) {
|
|
if (statChart[role][1] === 'atk' || statChart[role][1] == 'spa') {
|
|
plusStat = statChart[role][1];
|
|
} else if (moveCount['Physical'] >= 3) {
|
|
plusStat = 'atk';
|
|
} else if (stats.spd > stats.def) {
|
|
plusStat = 'spd';
|
|
} else {
|
|
plusStat = 'def';
|
|
}
|
|
}
|
|
|
|
this.ignoreEVLimits = (this.curTeam.format === 'classichackmons');
|
|
if (this.curTeam && this.ignoreEVLimits) {
|
|
evs = {hp:252, atk:252, def:252, spa:252, spd:252, spe:252};
|
|
if (hasMove['gyroball'] || hasMove['trickroom']) delete evs.spe;
|
|
} else {
|
|
if (!statChart[role]) return {};
|
|
|
|
var evTotal = 0;
|
|
|
|
var i = statChart[role][0];
|
|
var stat = this.getStat(i, null, 252, plusStat===i?1.1:1.0);
|
|
var ev = 252;
|
|
while (stat <= this.getStat(i, null, ev-4, plusStat===i?1.1:1.0)) ev -= 4;
|
|
evs[i] = ev;
|
|
evTotal += ev;
|
|
|
|
var i = statChart[role][1];
|
|
if (i === 'hp' && set.level && set.level < 20) i = 'spd';
|
|
var stat = this.getStat(i, null, 252, plusStat===i?1.1:1.0);
|
|
var ev = 252;
|
|
if (i === 'hp' && (hasMove['substitute'] || hasMove['transform']) && stat == Math.floor(stat/4)*4) stat -= 1;
|
|
while (stat <= this.getStat(i, null, ev-4, plusStat===i?1.1:1.0)) ev -= 4;
|
|
if (ev < 0) ev = 0;
|
|
evs[i] = ev;
|
|
evTotal += ev;
|
|
|
|
if (set.item !== 'Leftovers' && set.item !== 'Black Sludge') {
|
|
var hpParity = 1; // 1 = should be odd, 0 = should be even
|
|
if ((hasMove['substitute'] || hasMove['bellydrum']) && (set.item||'').slice(-5) === 'Berry') {
|
|
hpParity = 0;
|
|
}
|
|
if (this.getStat('hp', null, evs['hp'] || 0, 1) % 2 != hpParity) {
|
|
if (evs['hp']) {
|
|
evs['hp'] -= 4;
|
|
evTotal -= 4;
|
|
} else {
|
|
evs['hp'] = 4;
|
|
evTotal += 4;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (template.id === 'tentacruel') evTotal = this.ensureMinEVs(evs, 'spe', 16, evTotal);
|
|
if (template.id === 'skarmory') evTotal = this.ensureMinEVs(evs, 'spe', 24, evTotal);
|
|
if (template.id === 'jirachi') evTotal = this.ensureMinEVs(evs, 'spe', 32, evTotal);
|
|
if (template.id === 'celebi') evTotal = this.ensureMinEVs(evs, 'spe', 36, evTotal);
|
|
if (template.id === 'volcarona') evTotal = this.ensureMinEVs(evs, 'spe', 52, evTotal);
|
|
if (template.id === 'gliscor') evTotal = this.ensureMinEVs(evs, 'spe', 72, evTotal);
|
|
if (stats.spe == 97) evTotal = this.ensureMaxEVs(evs, 'spe', 220, evTotal);
|
|
if (template.id === 'dragonite' && evs['hp']) evTotal = this.ensureMaxEVs(evs, 'spe', 220, evTotal);
|
|
if (evTotal < 508) {
|
|
var remaining = 508 - evTotal;
|
|
if (remaining > 252) remaining = 252;
|
|
if (!evs['atk'] && moveCount['PhysicalAttack']) {
|
|
evs['atk'] = remaining;
|
|
} else if (!evs['spa'] && moveCount['SpecialAttack']) {
|
|
evs['spa'] = remaining;
|
|
} else if (stats.hp == 1 && !evs['def']) {
|
|
evs['def'] = remaining;
|
|
} else if (stats.def === stats.spd && !evs['spd']) {
|
|
evs['spd'] = remaining;
|
|
} else if (!evs['spd']) {
|
|
evs['spd'] = remaining;
|
|
} else if (!evs['def']) {
|
|
evs['def'] = remaining;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
if (hasMove['gyroball'] || hasMove['trickroom']) {
|
|
minusStat = 'spe';
|
|
} else if (!moveCount['PhysicalAttack']) {
|
|
minusStat = 'atk';
|
|
} else if (!moveCount['SpecialAttack']) {
|
|
minusStat = 'spa';
|
|
} else if (stats.def > stats.spd) {
|
|
minusStat = 'spd';
|
|
} else {
|
|
minusStat = 'def';
|
|
}
|
|
|
|
if (plusStat === minusStat) {
|
|
minusStat = (plusStat==='spe' ? 'spd' : 'spe');
|
|
}
|
|
|
|
evs.plusStat = plusStat;
|
|
evs.minusStat = minusStat;
|
|
|
|
return evs;
|
|
},
|
|
|
|
// Stat calculator
|
|
|
|
getStat: function(stat, set, evOverride, natureOverride) {
|
|
if (!set) set = this.curSet;
|
|
if (!set) return 0;
|
|
|
|
if (!set.ivs) set.ivs = {
|
|
hp: 31,
|
|
atk: 31,
|
|
def: 31,
|
|
spa: 31,
|
|
spd: 31,
|
|
spe: 31
|
|
};
|
|
if (!set.evs) set.evs = {
|
|
hp: 0,
|
|
atk: 0,
|
|
def: 0,
|
|
spa: 0,
|
|
spd: 0,
|
|
spe: 0
|
|
};
|
|
|
|
// do this after setting set.evs because it's assumed to exist
|
|
// after getStat is run
|
|
var template = Tools.getTemplate(set.species);
|
|
if (!template.exists) return 0;
|
|
|
|
if (!set.level) set.level = 100;
|
|
if (typeof set.ivs[stat] === 'undefined') set.ivs[stat] = 31;
|
|
|
|
if (stat === 'hp') {
|
|
if (template.baseStats['hp'] === 1) return 1;
|
|
return Math.floor(Math.floor(2*template.baseStats['hp']+(set.ivs['hp']||0)+Math.floor((evOverride||set.evs['hp']||0)/4)+100)*set.level / 100 + 10);
|
|
}
|
|
var val = Math.floor(Math.floor(2*template.baseStats[stat]+(set.ivs[stat]||0)+Math.floor((evOverride||set.evs[stat]||0)/4))*set.level / 100 + 5);
|
|
if (natureOverride) {
|
|
val *= natureOverride;
|
|
} else if (BattleNatures[set.nature] && BattleNatures[set.nature].plus === stat) {
|
|
val *= 1.1;
|
|
} else if (BattleNatures[set.nature] && BattleNatures[set.nature].minus === stat) {
|
|
val *= 0.9;
|
|
}
|
|
return Math.floor(val);
|
|
},
|
|
|
|
// initialization
|
|
|
|
buildMovelists: function() {
|
|
if (Tools.movelists) return;
|
|
if (!window.BattlePokedex) return;
|
|
Tools.movelists = {};
|
|
Tools.g6movelists = {};
|
|
for (var pokemon in window.BattlePokedex) {
|
|
var template = Tools.getTemplate(pokemon);
|
|
var moves = {};
|
|
var g6moves = {};
|
|
var alreadyChecked = {};
|
|
do {
|
|
alreadyChecked[template.speciesid] = true;
|
|
if (template.learnset) {
|
|
for (var l in template.learnset) {
|
|
moves[l] = true;
|
|
if (template.learnset[l].length) g6moves[l] = true;
|
|
}
|
|
}
|
|
if (template.speciesid === 'shaymin') {
|
|
template = Tools.getTemplate('shayminsky');
|
|
} else if (toId(template.baseSpecies) !== toId(template.species) && toId(template.baseSpecies) !== 'kyurem') {
|
|
template = Tools.getTemplate(template.baseSpecies);
|
|
} else {
|
|
template = Tools.getTemplate(template.prevo);
|
|
}
|
|
} while (template && template.species && !alreadyChecked[template.speciesid]);
|
|
Tools.movelists[pokemon] = moves;
|
|
Tools.g6movelists[pokemon] = g6moves;
|
|
}
|
|
},
|
|
applyMovelist: function(g6only, speciesid) {
|
|
this.buildMovelists();
|
|
if (!Tools.movelists) {
|
|
this.movelist = false;
|
|
} else if (g6only) {
|
|
this.movelist = Tools.g6movelists[speciesid];
|
|
} else {
|
|
this.movelist = Tools.movelists[speciesid];
|
|
}
|
|
},
|
|
destroy: function() {
|
|
app.clearGlobalListeners();
|
|
Room.prototype.destroy.call(this);
|
|
}
|
|
});
|
|
|
|
var MovePopup = exports.MovePopup = Popup.extend({
|
|
initialize: function(data) {
|
|
var buf = '<ul class="popupmenu">';
|
|
this.i = data.i;
|
|
this.team = data.team;
|
|
for (var i=0; i<data.team.length; i++) {
|
|
var set = data.team[i];
|
|
if (i !== data.i && i !== data.i+1) {
|
|
buf += '<li><button name="moveHere" value="'+i+'"><i class="icon-arrow-right"></i> Move here</button></li>';
|
|
}
|
|
buf += '<li'+(i===data.i?' style="opacity:.3"':' style="opacity:.6"')+'><span class="pokemonicon" style="display:inline-block;vertical-align:middle;'+Tools.getIcon(set)+'"></span> '+Tools.escapeHTML(set.name)+'</li>';
|
|
}
|
|
if (i !== data.i && i !== data.i+1) {
|
|
buf += '<li><button name="moveHere" value="'+i+'"><i class="icon-arrow-right"></i> Move here</button></li>';
|
|
}
|
|
buf += '</ul>';
|
|
this.$el.html(buf);
|
|
},
|
|
moveHere: function(i) {
|
|
this.close();
|
|
i = +i;
|
|
|
|
var movedSet = this.team.splice(this.i, 1)[0];
|
|
|
|
if (i > this.i) i--;
|
|
this.team.splice(i, 0, movedSet);
|
|
|
|
app.rooms['teambuilder'].save();
|
|
if (app.rooms['teambuilder'].curSet) {
|
|
app.rooms['teambuilder'].curSetLoc = i;
|
|
app.rooms['teambuilder'].update();
|
|
app.rooms['teambuilder'].updateChart();
|
|
} else {
|
|
app.rooms['teambuilder'].update();
|
|
}
|
|
}
|
|
});
|
|
|
|
})(window, jQuery);
|