a33bdcbf38
Calculates the link range for portals with <8 resonators as well, but uses a dashed circle and a striked-through range value for those. The tooltip over the range value in the details pane shows base range, link amp boost and total range. The range for portals with missing resonators can be important because links with shorter lengths might originate here. Those will collapse when the total link range drops below their length, but not as soon as a resonator is destroyed.
281 lines
10 KiB
JavaScript
281 lines
10 KiB
JavaScript
// PORTAL DETAILS DISPLAY ////////////////////////////////////////////
|
||
// hand any of these functions the details-hash of a portal, and they
|
||
// will return pretty, displayable HTML or parts thereof.
|
||
|
||
// returns displayable text+link about portal range
|
||
window.getRangeText = function(d) {
|
||
var range = getPortalRange(d);
|
||
|
||
var title = 'Base range:\t' + digits(Math.floor(range.base))+'m'
|
||
+ '\nLink amp boost:\t×'+range.boost
|
||
+ '\nRange:\t'+digits(Math.floor(range.range))+'m';
|
||
|
||
if(!range.isLinkable) title += '\nPortal is missing resonators,\nno new links can be made';
|
||
|
||
return ['range',
|
||
'<a onclick="window.rangeLinkClick()"'
|
||
+ (range.isLinkable ? '' : ' style="text-decoration:line-through;"')
|
||
+ ' title="'+title+'">'
|
||
+ (range.range > 1000
|
||
? Math.floor(range.range/1000) + ' km'
|
||
: Math.floor(range.range) + ' m')
|
||
+ '</a>'];
|
||
}
|
||
|
||
// generates description text from details for portal
|
||
window.getPortalDescriptionFromDetails = function(details) {
|
||
var descObj = details.portalV2.descriptiveText;
|
||
// FIXME: also get real description?
|
||
var desc = descObj.TITLE;
|
||
if(descObj.ADDRESS)
|
||
desc += '\n' + descObj.ADDRESS;
|
||
if(descObj.ATTRIBUTION)
|
||
desc += '\nby '+descObj.ATTRIBUTION+' ('+descObj.ATTRIBUTION_LINK+')';
|
||
return desc;
|
||
}
|
||
|
||
// Grabs more info, including the submitter name for the current main
|
||
// portal image
|
||
window.getPortalDescriptionFromDetailsExtended = function(details) {
|
||
var descObj = details.portalV2.descriptiveText;
|
||
var photoStreamObj = details.photoStreamInfo;
|
||
|
||
var submitterObj = new Object();
|
||
submitterObj.type = "";
|
||
submitterObj.name = "";
|
||
submitterObj.team = "";
|
||
submitterObj.link = "";
|
||
submitterObj.voteCount = undefined;
|
||
|
||
if(photoStreamObj && photoStreamObj.hasOwnProperty("coverPhoto") && photoStreamObj.coverPhoto.hasOwnProperty("attributionMarkup")) {
|
||
submitterObj.name = "Unknown";
|
||
|
||
var attribution = photoStreamObj.coverPhoto.attributionMarkup;
|
||
submitterObj.type = attribution[0];
|
||
if(attribution[1].hasOwnProperty("plain"))
|
||
submitterObj.name = attribution[1].plain;
|
||
if(attribution[1].hasOwnProperty("team"))
|
||
submitterObj.team = attribution[1].team;
|
||
if(attribution[1].hasOwnProperty("attributionLink"))
|
||
submitterObj.link = attribution[1].attributionLink;
|
||
if(photoStreamObj.coverPhoto.hasOwnProperty("voteCount"))
|
||
submitterObj.voteCount = photoStreamObj.coverPhoto.voteCount;
|
||
}
|
||
|
||
|
||
var portalDetails = {
|
||
title: descObj.TITLE,
|
||
description: descObj.DESCRIPTION,
|
||
address: descObj.ADDRESS,
|
||
submitter: submitterObj
|
||
};
|
||
|
||
return portalDetails;
|
||
}
|
||
|
||
|
||
// given portal details, returns html code to display mod details.
|
||
window.getModDetails = function(d) {
|
||
var mods = [];
|
||
var modsTitle = [];
|
||
var modsColor = [];
|
||
$.each(d.portalV2.linkedModArray, function(ind, mod) {
|
||
var modName = '';
|
||
var modTooltip = '';
|
||
var modColor = '#000';
|
||
|
||
if (mod) {
|
||
// all mods seem to follow the same pattern for the data structure
|
||
// but let's try and make this robust enough to handle possible future differences
|
||
|
||
if (mod.displayName) {
|
||
modName = mod.displayName;
|
||
} else if (mod.type) {
|
||
modName = mod.type;
|
||
} else {
|
||
modName = '(unknown mod)';
|
||
}
|
||
|
||
if (mod.rarity) {
|
||
modName = mod.rarity.capitalize().replace(/_/g,' ') + ' ' + modName;
|
||
}
|
||
|
||
modTooltip = modName + '\n';
|
||
if (mod.installingUser) {
|
||
modTooltip += 'Installed by: '+ getPlayerName(mod.installingUser) + '\n';
|
||
}
|
||
|
||
if (mod.stats) {
|
||
modTooltip += 'Stats:';
|
||
for (var key in mod.stats) {
|
||
if (!mod.stats.hasOwnProperty(key)) continue;
|
||
var val = mod.stats[key];
|
||
|
||
if (key === 'REMOVAL_STICKINESS' && val == 0) continue; // stat on all mods recently - unknown meaning, not displayed in stock client
|
||
|
||
// special formatting for known mod stats, where the display of the raw value is less useful
|
||
if (mod.type === 'HEATSINK' && key === 'HACK_SPEED') val = (val/10000)+'%'; // 500000 = 50%
|
||
else if (mod.type === 'FORCE_AMP' && key === 'FORCE_AMPLIFIER') val = (val/1000)+'x'; // 2000 = 2x
|
||
else if (mod.type === 'LINK_AMPLIFIER' && key === 'LINK_RANGE_MULTIPLIER') val = (val/1000)+'x' // 2000 = 2x
|
||
else if (mod.type === 'TURRET' && key === 'HIT_BONUS') val = (val/10000)+'%'; // 2000 = 0.2% (although this seems pretty small to be useful?)
|
||
else if (mod.type === 'TURRET' && key === 'ATTACK_FREQUENCY') val = (val/1000)+'x' // 2000 = 2x
|
||
// else display unmodified. correct for shield mitigation and multihack - unknown for future/other mods
|
||
|
||
modTooltip += '\n+' + val + ' ' + key.capitalize().replace(/_/g,' ');
|
||
}
|
||
}
|
||
|
||
if (mod.rarity) {
|
||
modColor = COLORS_MOD[mod.rarity];
|
||
} else {
|
||
modColor = '#fff';
|
||
}
|
||
}
|
||
|
||
mods.push(modName);
|
||
modsTitle.push(modTooltip);
|
||
modsColor.push(modColor);
|
||
});
|
||
|
||
var t = '<span'+(modsTitle[0].length ? ' title="'+modsTitle[0]+'"' : '')+' style="color:'+modsColor[0]+'">'+mods[0]+'</span>'
|
||
+ '<span'+(modsTitle[1].length ? ' title="'+modsTitle[1]+'"' : '')+' style="color:'+modsColor[1]+'">'+mods[1]+'</span>'
|
||
+ '<span'+(modsTitle[2].length ? ' title="'+modsTitle[2]+'"' : '')+' style="color:'+modsColor[2]+'">'+mods[2]+'</span>'
|
||
+ '<span'+(modsTitle[3].length ? ' title="'+modsTitle[3]+'"' : '')+' style="color:'+modsColor[3]+'">'+mods[3]+'</span>'
|
||
|
||
return t;
|
||
}
|
||
|
||
window.getEnergyText = function(d) {
|
||
var currentNrg = getCurrentPortalEnergy(d);
|
||
var totalNrg = getTotalPortalEnergy(d);
|
||
var inf = currentNrg + ' / ' + totalNrg;
|
||
var fill = prettyEnergy(currentNrg) + ' / ' + prettyEnergy(totalNrg)
|
||
return ['energy', '<tt title="'+inf+'">' + fill + '</tt>'];
|
||
}
|
||
|
||
window.getAvgResoDistText = function(d) {
|
||
var avgDist = Math.round(10*getAvgResoDist(d))/10;
|
||
return ['res dist', avgDist + ' m'];
|
||
}
|
||
|
||
window.getResonatorDetails = function(d) {
|
||
var resoDetails = [];
|
||
// octant=slot: 0=E, 1=NE, 2=N, 3=NW, 4=W, 5=SW, 6=S, SE=7
|
||
// resos in the display should be ordered like this:
|
||
// N NE Since the view is displayed in columns, they
|
||
// NW E need to be ordered like this: N, NW, W, SW, NE,
|
||
// W SE E, SE, S, i.e. 2 3 4 5 1 0 7 6
|
||
// SW S
|
||
|
||
$.each([2, 1, 3, 0, 4, 7, 5, 6], function(ind, slot) {
|
||
var reso = d.resonatorArray.resonators[slot];
|
||
if(!reso) {
|
||
resoDetails.push(renderResonatorDetails(slot, 0, 0, null, null));
|
||
return true;
|
||
}
|
||
|
||
var l = parseInt(reso.level);
|
||
var v = parseInt(reso.energyTotal);
|
||
var nick = window.getPlayerName(reso.ownerGuid);
|
||
var dist = reso.distanceToPortal;
|
||
// if array order and slot order drift apart, at least the octant
|
||
// naming will still be correct.
|
||
slot = parseInt(reso.slot);
|
||
|
||
resoDetails.push(renderResonatorDetails(slot, l, v, dist, nick));
|
||
});
|
||
return genFourColumnTable(resoDetails);
|
||
}
|
||
|
||
// helper function that renders the HTML for a given resonator. Does
|
||
// not work with raw details-hash. Needs digested infos instead:
|
||
// slot: which slot this resonator occupies. Starts with 0 (east) and
|
||
// rotates clockwise. So, last one is 7 (southeast).
|
||
window.renderResonatorDetails = function(slot, level, nrg, dist, nick) {
|
||
if(level === 0) {
|
||
var meter = '<span class="meter" title="octant:\t' + OCTANTS[slot] + ' ' + OCTANTS_ARROW[slot] + '"></span>';
|
||
} else {
|
||
var max = RESO_NRG[level];
|
||
var fillGrade = nrg/max*100;
|
||
|
||
var inf = 'energy:\t' + nrg + ' / ' + max + ' (' + Math.round(fillGrade) + '%)\n'
|
||
+ 'level:\t' + level + '\n'
|
||
+ 'distance:\t' + dist + 'm\n'
|
||
+ 'owner:\t' + nick + '\n'
|
||
+ 'octant:\t' + OCTANTS[slot] + ' ' + OCTANTS_ARROW[slot];
|
||
|
||
var style = 'width:'+fillGrade+'%; background:'+COLORS_LVL[level]+';';
|
||
|
||
var color = (level < 3 ? "#9900FF" : "#FFFFFF");
|
||
|
||
var lbar = '<span class="meter-level" style="color: ' + color + ';"> ' + level + ' </span>';
|
||
|
||
var fill = '<span style="'+style+'"></span>';
|
||
|
||
var meter = '<span class="meter" title="'+inf+'">' + fill + lbar + '</span>';
|
||
}
|
||
nick = nick ? '<span class="nickname">'+nick+'</span>' : null;
|
||
return [meter, nick || ''];
|
||
}
|
||
|
||
// calculate AP gain from destroying portal and then capturing it by deploying resonators
|
||
window.getAttackApGainText = function(d) {
|
||
var breakdown = getAttackApGain(d);
|
||
var totalGain = breakdown.enemyAp;
|
||
|
||
function tt(text) {
|
||
var t = '';
|
||
if (PLAYER.team == d.controllingTeam.team) {
|
||
totalGain = breakdown.friendlyAp;
|
||
t += 'Friendly AP:\t' + breakdown.friendlyAp + '\n';
|
||
t += ' Deploy ' + breakdown.deployCount + ', ';
|
||
t += 'Upgrade ' + breakdown.upgradeCount + '\n';
|
||
t += '\n';
|
||
}
|
||
t += 'Enemy AP:\t' + breakdown.enemyAp + '\n';
|
||
t += ' Destroy AP:\t' + breakdown.destroyAp + '\n';
|
||
t += ' Capture AP:\t' + breakdown.captureAp + '\n';
|
||
return '<tt title="' + t + '">' + text + '</tt>';
|
||
}
|
||
|
||
return [tt('AP Gain'), tt(digits(totalGain))];
|
||
}
|
||
|
||
|
||
window.getHackDetailsText = function(d) {
|
||
var hackDetails = getPortalHackDetails(d);
|
||
|
||
var shortHackInfo = hackDetails.hacks+' @ '+formatInterval(hackDetails.cooldown);
|
||
|
||
function tt(text) {
|
||
var t = 'Hacks available every 4 hours\n';
|
||
t += 'Hack count:\t'+hackDetails.hacks+'\n';
|
||
t += 'Cooldown time:\t'+formatInterval(hackDetails.cooldown)+'\n';
|
||
t += 'Burnout time:\t'+formatInterval(hackDetails.burnout)+'\n';
|
||
|
||
return '<span title="'+t+'">'+text+'</span>';
|
||
}
|
||
|
||
return [tt('hacks'), tt(shortHackInfo)];
|
||
}
|
||
|
||
|
||
window.getMitigationText = function(d) {
|
||
var mitigationDetails = getPortalMitigationDetails(d);
|
||
|
||
var mitigationShort = mitigationDetails.total;
|
||
if (mitigationDetails.excess) mitigationShort += ' (+'+mitigationDetails.excess+')';
|
||
|
||
function tt(text) {
|
||
var t = 'Mitigation:\t'+mitigationDetails.total+'\n';
|
||
t += 'Shields:\t'+mitigationDetails.shields+'\n';
|
||
t += 'Links:\t'+mitigationDetails.links+'\n';
|
||
t += 'Excess:\t'+mitigationDetails.excess+'\n';
|
||
|
||
return '<span title="'+t+'">'+text+'</span>';
|
||
}
|
||
|
||
// 'mitigation' doesn't quite fit in the space.
|
||
return [tt('mitig…'), tt(mitigationShort)];
|
||
}
|