endernon/wynnbuilder-forked-for-changes
1
0
Fork 0
forked from morphNon/wynnbuilder-idk
Code Pull requests Activity

feat: stuffs

Browse source
This commit is contained in:
reschan 2021-10-21 21:11:04 +07:00
parent afb02b33dc
commit c651816392
6 changed files with 1185 additions and 260 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

121
sq2bs.css
View file

@ -1,4 +1,6 @@
* {
font-family: 'Nunito', sans-serif;
}
/* sidebar stuff */
.sidebar {
@ -44,6 +46,14 @@
/* builder containers */
/* wynn-related css(es) */
.positive {
color: #5f5;
}
.negative {
color: #f55;
}
.Health {
color: #AA0000
}
@ -52,6 +62,14 @@
content: "\2764" ' ';
}
.lvl:before {
content: 'Lv. '
}
.Damage {
color: rgb(255, 198, 85)
}
.Normal {
color: #FFFFFF;
}
@ -73,7 +91,12 @@
}
.Mythic {
color: #AA00AA
color: #AA00AA;
}
.Set {
display: inline;
color: #5f5;
}
.eDam, .Earth, .Earth_powder {
@ -110,9 +133,37 @@
color: #FFAA00;
}
.nDam:before, .Neutral:before { content: "\2724" ' '; }
.nDam:before, .Neutral:before {
content: "\2724" ' ';
}
.Mana {
color: #5ff;
}
.Mana:after {
content: "\273A"
}
/* equipment field specifics */
.text-right {
float: right;
}
.text-left {
float: left;
}
.spell-display p {
margin-bottom: 0;
}
.spell-display b {
font-size: 3rem;
font-weight: bold;
}
input {
min-width: 0;
width: 100%;
@ -131,34 +182,72 @@ input.equipment-input {
font-weight: bold;
}
.warning {
color: #ff8180;
font-size: 1.875rem;
margin-bottom: 0;
font-weight: bold;
}
.scaled-item-icon {
width: 128px;
width: 8rem;
}
.scaled-item-icon img {
width: 104px;
width: 6.5rem;
}
@media screen and (min-width: 992px) {
.scaled-font {
font-size: 1rem;
@media screen and (min-width: 1200px) and (max-width: 1400px) {
.scaled-font {
font-size: .8rem;
}
.skp-tooltip {
font-size: .875rem;
font-weight: bold;
font-size: .625rem;
}
.scaled-item-icon {
width: 64px;
width: 3.2rem;
}
.scaled-item-icon img {
width: 56px;
width: 2.8rem;
}
.warning {
font-size: .7rem;
}
.spell-display b {
font-size: 1rem;
}
}
@media screen and (min-width: 1400px) {
.scaled-font {
font-size: 1rem;
}
.skp-tooltip {
font-size: .78rem;
}
.scaled-item-icon {
width: 4rem;
}
.scaled-item-icon img {
width: 3.5rem;
}
.warning {
font-size: .8rem;
}
.spell-display b {
font-size: 1.2rem;
}
}
/* Fake button for build stats */
.fake-button {
@ -208,8 +297,8 @@ input.equipment-input {
.dark-shadow {
box-shadow: 0rem 0rem 1.25rem 0.1875rem black;
}
}
.dark-shadow-sm {
box-shadow: 0rem 0rem 0.625rem 0.125rem black;
}
}

857
sq2bs.html
View file

File diff suppressed because it is too large Load diff

150
sq2bs.js
View file

@ -1,3 +1,153 @@
$().ready(function(){
// sp fields
jQuery(document).on("input", '.skp-update', function(){
updateStatSchedule();
});
// equipment fields
$("#weapon-choice").on('input', function(e){
update_fields('weapon');
calcBuildSchedule();
});
$("#weapon-powder").on('input', function(e){
calcBuildSchedule();
});
$("#helmet-choice").on('input', function(e){
update_fields('helmet', '|example: t6t6');
calcBuildSchedule();
});
$("#helmet-powder").on('input', function(e){
calcBuildSchedule();
});
$("#chestplate-choice").on('input', function(e){
update_fields('chestplate');
calcBuildSchedule();
});
$("#chestplate-powder").on('input', function(e){
calcBuildSchedule();
});
$("#leggings-choice").on('input', function(e){
update_fields('leggings');
calcBuildSchedule();
});
$("#leggings-powder").on('input', function(e){
calcBuildSchedule();
});
$("#boots-choice").on('input', function(e){
update_fields('boots');
calcBuildSchedule();
});
$("#boots-powder").on('input', function(e){
calcBuildSchedule();
});
$("#ring1-choice").on('input', function(e){
update_fields('ring1');
calcBuildSchedule();
});
$("#ring2-choice").on('input', function(e){
update_fields('ring2');
calcBuildSchedule();
});
$("#bracelet-choice").on('input', function(e){
update_fields('bracelet');
calcBuildSchedule();
});
$("#necklace-choice").on('input', function(e){
update_fields('necklace');
calcBuildSchedule();
});
$("#level-choice").on('input', function(e){
calcBuildSchedule();
});
// tabular stats view
let tabs = ['minimal-stats', 'minimal-offensive-stats', 'minimal-defensive-stats'];
let btns = ['tab-basic-btn', 'tab-offense-btn', 'tab-defense-btn'];
$(".fake-button").on('click' ,function(e){
let target_tab;
if (e.target.id == 'tab-basic-btn') {
target_tab = 'minimal-stats';
}
else if (e.target.id == 'tab-offense-btn') {
target_tab = 'minimal-offensive-stats';
}
else if (e.target.id == 'tab-defense-btn') {
target_tab = 'minimal-defensive-stats';
}
for (const i in tabs) {
$("#"+tabs[i]).hide();
$("#"+btns[i]).removeClass("dark-6").addClass("dark-4");
}
$("#"+e.target.id).addClass("dark-6");
$("#"+target_tab).show();
});
});
let calcBuildTask = null;
let updateStatTask = null;
let doSearchTask = null;
function calcBuildSchedule(){
if (calcBuildTask !== null) {
clearTimeout(calcBuildTask);
}
calcBuildTask = setTimeout(function(){
calcBuildTask = null;
calculateBuild();
}, 500);
}
function updateStatSchedule(){
if (updateStatTask !== null) {
clearTimeout(updateStatTask);
}
updateStatTask = setTimeout(function(){
updateStatTask = null;
updateStats();
}, 500);
}
function doSearchSchedule(){
if (doSearchTask !== null) {
clearTimeout(doSearchTask);
}
doSearchTask = setTimeout(function(){
doSearchTask = null;
doItemSearch();
}, 500);
}
function update_fields(type, alt="") {
let item = itemMap.get($("#"+type+"-choice").val());
if (item) {
$("#"+type+"-powder").attr("placeholder", item["slots"]+" slots"+alt);
$("#"+type+"-choice").removeClass("text-light").addClass(item.tier);
if (type == 'weapon') {
$("#"+type+"-img").attr('src', 'media/items/new/generic-'+item.type+'.png');
}
} else {
$("#"+type+"-choice").removeClass('Normal Unique Rare Legendary Fabled Mythic Set').addClass("text-light");
}
}
function init_field_styles() {
let equipment_keys = ['weapon', 'helmet', 'chestplate', 'leggings', 'boots', 'ring1', 'ring2', 'bracelet', 'necklace'];
for (const i in equipment_keys) {
update_fields(equipment_keys[i]);
}
}

24
sq2builder.js
View file

@ -165,7 +165,7 @@ function init() {
});*/
decodeBuild(url_tag);
init_equipUI();
init_field_styles();
}
function getItemNameFromID(id) {
@ -469,7 +469,7 @@ function calculateBuild(save_skp, skp){
const assigned = player_build.base_skillpoints;
const skillpoints = player_build.total_skillpoints;
for (let i in skp_order){ //big bren
setText(skp_order[i] + "-skp-base", "Original Value: " + skillpoints[i]);
setText(skp_order[i] + "-skp-base", "Original: " + skillpoints[i]);
}
for (let id of editable_item_fields) {
@ -761,10 +761,10 @@ function calculateBuildStats() {
let summarybox = document.getElementById("summary-box");
summarybox.textContent = "";
let skpRow = document.createElement("p");
let td = document.createElement("p");
// let td = document.createElement("p");
let remainingSkp = document.createElement("p");
remainingSkp.classList.add("center");
remainingSkp.classList.add("scaled-font");
let remainingSkpTitle = document.createElement("b");
remainingSkpTitle.textContent = "Assigned " + player_build.assigned_skillpoints + " skillpoints. Remaining skillpoints: ";
let remainingSkpContent = document.createElement("b");
@ -778,13 +778,14 @@ function calculateBuildStats() {
summarybox.append(skpRow);
summarybox.append(remainingSkp);
if(player_build.assigned_skillpoints > levelToSkillPoints(player_build.level)){
let skpWarning = document.createElement("p");
let skpWarning = document.createElement("span");
//skpWarning.classList.add("itemp");
skpWarning.classList.add("warning");
skpWarning.classList.add("small-text");
// skpWarning.classList.add("skp-tooltip");
skpWarning.textContent = "WARNING: Too many skillpoints need to be assigned!";
let skpCount = document.createElement("p");
skpCount.classList.add("small-text");
skpCount.classList.add("warning");
// skpCount.classList.add("skp-tooltip");
skpCount.textContent = "For level " + (player_build.level>101 ? "101+" : player_build.level) + ", there are only " + levelToSkillPoints(player_build.level) + " skill points available.";
summarybox.append(skpWarning);
summarybox.append(skpCount);
@ -830,14 +831,13 @@ function calculateBuildStats() {
}
for (let i in player_build.items) {
displaysq2ExpandedItem(player_build.items[i], buildFields[i], true);
// displaysq2ExpandedItem(player_build.items[i], buildFields[i], true);
}
displaysq2WeaponBase(player_build);
displaysq2ArmorStats(player_build);
displayMinimalBuildStats("all-stats", player_build, build_all_display_commands);
displayMinimalBuildStats("minimal-stats", player_build, build_basic_display_commands);
displayMinimalBuildStats("minimal-offensive-stats",player_build, build_offensive_display_commands);
displaysq2BuildStats("all-stats", player_build, build_all_display_commands);
displaysq2BuildStats("minimal-stats", player_build, build_basic_display_commands);
displaysq2BuildStats("minimal-offensive-stats",player_build, build_offensive_display_commands);
displaySetBonuses("set-info",player_build);
displayNextCosts("int-info",player_build);

291
sq2display.js
View file

@ -1,4 +1,4 @@
function displayMinimalBuildStats(parent_id,build,command_group){
function displaysq2BuildStats(parent_id,build,command_group){
// Commands to "script" the creation of nice formatting.
// #commands create a new element.
// !elemental is some janky hack for elemental damage.
@ -22,35 +22,13 @@ function displayMinimalBuildStats(parent_id,build,command_group){
for (const command of display_commands) {
// style instructions
if (command.charAt(0) === "#") {
if (command === "#cdiv") {
active_elem = document.createElement('div');
active_elem.classList.add('itemcenter');
if (command === "#defense-stats") {
displaysq2DefenseStats(parent_div, build, true);
}
else if (command === "#ldiv") {
active_elem = document.createElement('div');
active_elem.classList.add('itemleft');
}
else if (command === "#table") {
active_elem = document.createElement('table');
active_elem.classList.add('full-border')
}
else if (command === "#defense-stats") {
displaysq2DefenseStats(active_elem, build, true);
}
else if(command === "#spacer") {
let row = document.createElement('tr');
let filler = document.createElement('td');
filler.colSpan = 2
filler.classList.add('center')
filler.classList.add('shaded-table')
filler.classList.add('spacer-table')
row.appendChild(filler);
active_elem.appendChild(row);
}
parent_div.appendChild(active_elem);
}
else if (command.charAt(0) === "!") {
if (command.charAt(0) === "!") {
// TODO: This is sooo incredibly janky.....
if (command === "!elemental") {
elemental_format = !elemental_format;
@ -79,12 +57,14 @@ function displayMinimalBuildStats(parent_id,build,command_group){
if (id === "poison" && id_val > 0) {
id_val = Math.ceil(id_val*build.statMap.get("poisonPct")/100);
}
displaysq2FixedID(active_elem, id, id_val, elemental_format, style);
displaysq2FixedID(parent_div, id, id_val, elemental_format, style);
if (id === "poison" && id_val > 0) {
let row = document.createElement('tr');
let value_elem = document.createElement('td');
value_elem.classList.add('right');
value_elem.setAttribute("colspan", "2");
let row = document.createElement('div');
row.classList.add("row")
let value_elem = document.createElement('div');
value_elem.classList.add('col');
value_elem.classList.add('text-end');
let prefix_elem = document.createElement('b');
prefix_elem.textContent = "\u279C With Strength: ";
let number_elem = document.createElement('b');
@ -94,7 +74,7 @@ function displayMinimalBuildStats(parent_id,build,command_group){
value_elem.append(number_elem);
row.appendChild(value_elem);
active_elem.appendChild(row);
parent_div.appendChild(row);
}
// sp thingy
@ -109,7 +89,7 @@ function displayMinimalBuildStats(parent_id,build,command_group){
style = "negative";
}
if (diff != 0) {
displaysq2FixedID(active_elem, id, diff, false, style);
displaysq2FixedID(parent_div, id, diff, false, style);
}
}
}
@ -565,11 +545,12 @@ function displaysq2WeaponBase(build) {
function displaysq2FixedID(active, id, value, elemental_format, style) {
if (style) {
let row = document.createElement('tr');
let desc_elem = document.createElement('td');
desc_elem.classList.add('shaded-table');
desc_elem.classList.add('left');
desc_elem.classList.add('se-padded');
let row = document.createElement('div');
row.classList.add("row");
let desc_elem = document.createElement('div');
desc_elem.classList.add('col');
desc_elem.classList.add('text-start');
if (elemental_format) {
apply_elemental_format(desc_elem, id);
}
@ -578,10 +559,9 @@ function displaysq2FixedID(active, id, value, elemental_format, style) {
}
row.appendChild(desc_elem);
let value_elem = document.createElement('td');
value_elem.classList.add('right');
value_elem.classList.add('shaded-table');
value_elem.classList.add('se-padded');
let value_elem = document.createElement('div');
value_elem.classList.add('col');
value_elem.classList.add('text-end');
value_elem.classList.add(style);
value_elem.textContent = value + idSuffixes[id];
row.appendChild(value_elem);
@ -610,19 +590,13 @@ function displaysq2PoisonDamage(overallparent_elem, build) {
overallparent_elem.textContent = "";
//Title
let title_elemavg = document.createElement("p");
title_elemavg.classList.add('no-newline');
// title_elemavg.classList.add("smalltitle");
// title_elemavg.classList.add("Normal");
let title_elemavg = document.createElement("b");
title_elemavg.textContent = "Poison Stats";
overallparent_elem.append(title_elemavg);
let overallpoisonDamage = document.createElement("p");
// overallpoisonDamage.classList.add("lessbottom");
let overallpoisonDamageFirst = document.createElement("p");
let overallpoisonDamageSecond = document.createElement("p");
overallpoisonDamageFirst.classList.add('no-newline');
overallpoisonDamageSecond.classList.add('no-newline');
let overallpoisonDamageFirst = document.createElement("span");
let overallpoisonDamageSecond = document.createElement("span");
let poison_tick = Math.ceil(build.statMap.get("poison") * (1+skillPointsToPercentage(build.total_skillpoints[0])) * (build.statMap.get("poisonPct") + build.externalStats.get("poisonPct"))/100 /3);
overallpoisonDamageFirst.textContent = "Poison Tick: ";
overallpoisonDamageSecond.textContent = Math.max(poison_tick,0);
@ -634,8 +608,8 @@ function displaysq2PoisonDamage(overallparent_elem, build) {
}
function displaysq2MeleeDamage(parent_elem, overallparent_elem, meleeStats){
console.log("Melee Stats");
console.log(meleeStats);
// console.log("Melee Stats");
// console.log(meleeStats);
let tooltipinfo = meleeStats[13];
let attackSpeeds = ["Super Slow", "Very Slow", "Slow", "Normal", "Fast", "Very Fast", "Super Fast"];
//let damagePrefixes = ["Neutral Damage: ","Earth Damage: ","Thunder Damage: ","Water Damage: ","Fire Damage: ","Air Damage: "];
@ -667,9 +641,7 @@ function displaysq2MeleeDamage(parent_elem, overallparent_elem, meleeStats){
parent_elem.append(document.createElement("br"));
//overall title
let title_elemavg = document.createElement("p");
title_elemavg.classList.add('no-newline');
title_elemavg.classList.add("box-title");
let title_elemavg = document.createElement("b");
title_elemavg.textContent = "Melee Stats";
overallparent_elem.append(title_elemavg);
@ -684,12 +656,10 @@ function displaysq2MeleeDamage(parent_elem, overallparent_elem, meleeStats){
//overall average DPS
let overallaverageDamage = document.createElement("p");
let overallaverageDamageFirst = document.createElement("p");
overallaverageDamageFirst.classList.add('no-newline');
let overallaverageDamageFirst = document.createElement("span");
overallaverageDamageFirst.textContent = "Average DPS: "
let overallaverageDamageSecond = document.createElement("p");
overallaverageDamageSecond.classList.add('no-newline');
let overallaverageDamageSecond = document.createElement("span");
overallaverageDamageSecond.classList.add("Damage");
overallaverageDamageSecond.textContent = stats[10];
overallaverageDamage.appendChild(overallaverageDamageFirst);
@ -707,11 +677,9 @@ function displaysq2MeleeDamage(parent_elem, overallparent_elem, meleeStats){
//overall attack speed
let overallatkSpd = document.createElement("p");
let overallatkSpdFirst = document.createElement("p");
overallatkSpdFirst.classList.add('no-newline');
let overallatkSpdFirst = document.createElement("span");
overallatkSpdFirst.textContent = "Attack Speed: ";
let overallatkSpdSecond = document.createElement("p");
overallatkSpdSecond.classList.add('no-newline');
let overallatkSpdSecond = document.createElement("span");
overallatkSpdSecond.classList.add("Damage");
overallatkSpdSecond.textContent = attackSpeeds[stats[11]];
overallatkSpd.appendChild(overallatkSpdFirst);
@ -758,11 +726,9 @@ function displaysq2MeleeDamage(parent_elem, overallparent_elem, meleeStats){
//overall average DPS
let singleHitDamage = document.createElement("p");
let singleHitDamageFirst = document.createElement("p");
singleHitDamageFirst.classList.add('no-newline');
let singleHitDamageFirst = document.createElement("span");
singleHitDamageFirst.textContent = "Single Hit Average: ";
let singleHitDamageSecond = document.createElement("p");
singleHitDamageSecond.classList.add('no-newline');
let singleHitDamageSecond = document.createElement("span");
singleHitDamageSecond.classList.add("Damage");
singleHitDamageSecond.textContent = stats[12].toFixed(2);
tooltiptext = ` = ((${stats[6][0]} + ${stats[6][1]}) / 2) * ${stats[6][2].toFixed(2)} + ((${stats[7][0]} + ${stats[7][1]}) / 2) * ${stats[7][2].toFixed(2)}`;
@ -834,7 +800,6 @@ function displaysq2ArmorStats(build) {
document.getElementById(armor_keys[i]+'-health').textContent = build[armor_keys[i]].get('hp');
document.getElementById(armor_keys[i]+'-lv').textContent = build[armor_keys[i]].get('lvl');
}
}
function displaysq2DefenseStats(parent_elem, build, insertSummary){
@ -846,8 +811,7 @@ function displaysq2DefenseStats(parent_elem, build, insertSummary){
const stats = defenseStats.slice();
// parent_elem.append(document.createElement("br"));
let statsTable = document.createElement("table");
statsTable.classList.add("full-border");
let statsTable = document.createElement("div");
//[total hp, ehp, total hpr, ehpr, [def%, agi%], [edef,tdef,wdef,fdef,adef]]
for(const i in stats){
@ -861,16 +825,17 @@ function displaysq2DefenseStats(parent_elem, build, insertSummary){
}
//total HP
let hpRow = document.createElement("tr");
let hp = document.createElement("td");
let hpRow = document.createElement("div");
hpRow.classList.add('row');
let hp = document.createElement("div");
hp.classList.add('col');
hp.classList.add("Health");
hp.classList.add("shaded-table");
hp.classList.add("left");
hp.classList.add("text-start");
hp.textContent = "Total HP:";
let boost = document.createElement("td");
let boost = document.createElement("div");
boost.classList.add('col');
boost.textContent = stats[0];
boost.classList.add("right");
boost.classList.add("shaded-table")
boost.classList.add("text-end");
hpRow.appendChild(hp);
hpRow.append(boost);
@ -887,16 +852,17 @@ function displaysq2DefenseStats(parent_elem, build, insertSummary){
if (!defMult) {defMult = 1}
//EHP
let ehpRow = document.createElement("tr");
let ehp = document.createElement("td");
ehp.classList.add("left");
ehp.classList.add("shaded-table");
let ehpRow = document.createElement("div");
ehpRow.classList.add("row");
let ehp = document.createElement("div");
ehp.classList.add("col");
ehp.classList.add("text-start");
ehp.textContent = "Effective HP:";
boost = document.createElement("td");
boost = document.createElement("div");
boost.textContent = stats[1][0];
boost.classList.add("right");
boost.classList.add("shaded-table");
boost.classList.add("col");
boost.classList.add("text-end");
tooltiptext = `= ${stats[0]} / ((1 - ${skillPointsToPercentage(build.total_skillpoints[3]).toFixed(3)}) * (1 - ${skillPointsToPercentage(build.total_skillpoints[4]).toFixed(3)}) * (2 - ${defMult}) * (2 - ${build.defenseMultiplier}))`
// tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
@ -909,16 +875,17 @@ function displaysq2DefenseStats(parent_elem, build, insertSummary){
statsTable.append(ehpRow);
}
ehpRow = document.createElement("tr");
ehp = document.createElement("td");
ehp.classList.add("left");
ehp.classList.add("shaded-table");
ehpRow = document.createElement("div");
ehpRow.classList.add("row");
ehp = document.createElement("div");
ehp.classList.add("col");
ehp.classList.add("text-start");
ehp.textContent = "Effective HP (no agi):";
boost = document.createElement("td");
boost = document.createElement("div");
boost.textContent = stats[1][1];
boost.classList.add("right");
boost.classList.add("shaded-table");
boost.classList.add("col");
boost.classList.add("text-end");
tooltiptext = `= ${stats[0]} / ((1 - ${skillPointsToPercentage(build.total_skillpoints[3]).toFixed(3)}) * (2 - ${defMult}) * (2 - ${build.defenseMultiplier}))`
// tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
@ -927,16 +894,17 @@ function displaysq2DefenseStats(parent_elem, build, insertSummary){
statsTable.append(ehpRow);
//total HPR
let hprRow = document.createElement("tr");
let hpr = document.createElement("td");
let hprRow = document.createElement("div");
hprRow.classList.add("row")
let hpr = document.createElement("div");
hpr.classList.add("Health");
hpr.classList.add("shaded-table");
hpr.classList.add("left");
hpr.classList.add("col");
hpr.classList.add("text-start");
hpr.textContent = "HP Regen (Total):";
boost = document.createElement("td");
boost = document.createElement("div");
boost.textContent = stats[2];
boost.classList.add("right");
boost.classList.add("shaded-table")
boost.classList.add("col");
boost.classList.add("text-end");
hprRow.appendChild(hpr);
hprRow.appendChild(boost);
@ -948,16 +916,17 @@ function displaysq2DefenseStats(parent_elem, build, insertSummary){
}
//EHPR
let ehprRow = document.createElement("tr");
let ehpr = document.createElement("td");
ehpr.classList.add("left");
ehpr.classList.add("shaded-table");
let ehprRow = document.createElement("div");
ehprRow.classList.add("row")
let ehpr = document.createElement("div");
ehpr.classList.add("col");
ehpr.classList.add("text-start");
ehpr.textContent = "Effective HP Regen:";
boost = document.createElement("td");
boost = document.createElement("div");
boost.textContent = stats[3][0];
boost.classList.add("right");
boost.classList.add("shaded-table");
boost.classList.add("col");
boost.classList.add("text-end");
tooltiptext = `= ${stats[2]} / ((1 - ${skillPointsToPercentage(build.total_skillpoints[3]).toFixed(3)}) * (1 - ${skillPointsToPercentage(build.total_skillpoints[4]).toFixed(3)}) * (2 - ${defMult}) * (2 - ${build.defenseMultiplier}))`
// tooltip = createTooltip(tooltip, "p", tooltiptext, boost, ["def-tooltip"]);
@ -981,29 +950,28 @@ function displaysq2DefenseStats(parent_elem, build, insertSummary){
//eledefs
let eledefs = stats[5];
for (let i = 0; i < eledefs.length; i++){
let eledefElemRow = document.createElement("tr");
let eledefElemRow = document.createElement("div");
eledefElemRow.classList.add("row")
let eledef = document.createElement("td");
eledef.classList.add("left");
eledef.classList.add("shaded-table");
let eledefTitle = document.createElement("p");
eledefTitle.classList.add('no-newline');
let eledef = document.createElement("div");
eledef.classList.add("col");
eledef.classList.add("text-start");
let eledefTitle = document.createElement("span");
eledefTitle.textContent = damageClasses[i+1];
eledefTitle.classList.add(damageClasses[i+1]);
let defense = document.createElement("p");
defense.classList.add('no-newline');
let defense = document.createElement("span");
defense.textContent = " Def (Total): ";
eledef.appendChild(eledefTitle);
eledef.appendChild(defense);
eledefElemRow.appendChild(eledef);
let boost = document.createElement("td");
let boost = document.createElement("div");
boost.textContent = eledefs[i];
boost.classList.add(eledefs[i] >= 0 ? "positive" : "negative");
boost.classList.add("right");
boost.classList.add("shaded-table");
boost.classList.add("col");
boost.classList.add("text-end");
let defRaw = build.statMap.get("defRaw")[i];
let defPct = build.statMap.get("defBonus")[i]/100;
@ -1027,27 +995,29 @@ function displaysq2DefenseStats(parent_elem, build, insertSummary){
if (!insertSummary) {
//skp
let defRow = document.createElement("tr");
let defElem = document.createElement("td");
defElem.classList.add("left");
defElem.classList.add("shaded-table");
let defRow = document.createElement("div");
defRow.classList.add("row");
let defElem = document.createElement("div");
defElem.classList.add("col");
defElem.classList.add("text-start");
defElem.textContent = "Damage Absorbed %:";
boost = document.createElement("td");
boost.classList.add("right");
boost.classList.add("shaded-table");
boost = document.createElement("div");
boost.classList.add("col");
boost.classList.add("text-end");
boost.textContent = stats[4][0] + "%";
defRow.appendChild(defElem);
defRow.appendChild(boost);
statsTable.append(defRow);
let agiRow = document.createElement("tr");
let agiElem = document.createElement("td");
agiElem.classList.add("left");
agiElem.classList.add("shaded-table");
let agiRow = document.createElement("div");
agiRow.classList.add("row");
let agiElem = document.createElement("div");
agiElem.classList.add("col");
agiElem.classList.add("text-start");
agiElem.textContent = "Dodge Chance %:";
boost = document.createElement("td");
boost.classList.add("right");
boost.classList.add("shaded-table")
boost = document.createElement("div");
boost.classList.add("col");
boost.classList.add("text-end");
boost.textContent = stats[4][1] + "%";
agiRow.appendChild(agiElem);
agiRow.appendChild(boost);
@ -1191,26 +1161,19 @@ function displaysq2SpellDamage(parent_elem, overallparent_elem, build, spell, sp
let tooltip; let tooltiptext;
const stats = build.statMap;
let title_elem = document.createElement("p");
// title_elem.classList.add("smalltitle");
// title_elem.classList.add("Normal");
overallparent_elem.textContent = "";
let title_elemavg = document.createElement("p");
// title_elemavg.classList.add('smalltitle');
// title_elemavg.classList.add('Normal');
let title_elemavg = document.createElement("b");
if (spellIdx != 0) {
let first = document.createElement("p");
first.classList.add('no-newline');
let first = document.createElement("span");
first.textContent = spell.title + " (";
title_elem.appendChild(first.cloneNode(true)); //cloneNode is needed here.
title_elemavg.appendChild(first);
let second = document.createElement("p");
second.classList.add('no-newline');
let second = document.createElement("span");
second.textContent = build.getSpellCost(spellIdx, spell.cost);
second.classList.add("Mana");
// second.classList.add("tooltip");
let int_redux = skillPointsToPercentage(build.total_skillpoints[2]).toFixed(2);
let spPct_redux = (build.statMap.get("spPct" + spellIdx)/100).toFixed(2);
@ -1229,8 +1192,7 @@ function displaysq2SpellDamage(parent_elem, overallparent_elem, build, spell, sp
third.classList.add('no-newline');
third.textContent = ") [Base: " + build.getBaseSpellCost(spellIdx, spell.cost) + " ]";
title_elem.appendChild(third);
let third_summary = document.createElement("p");
third_summary.classList.add('no-newline');
let third_summary = document.createElement("span");
third_summary.textContent = ")";
title_elemavg.appendChild(third_summary);
}
@ -1247,7 +1209,6 @@ function displaysq2SpellDamage(parent_elem, overallparent_elem, build, spell, sp
let save_damages = [];
let part_divavg = document.createElement("p");
// part_divavg.classList.add("lessbottom");
overallparent_elem.append(part_divavg);
let spell_parts;
@ -1266,13 +1227,12 @@ function displaysq2SpellDamage(parent_elem, overallparent_elem, build, spell, sp
//console.log(spell_parts);
for (const part of spell_parts) {
parent_elem.append(document.createElement("br"));
// parent_elem.append(document.createElement("br"));
let part_div = document.createElement("p");
parent_elem.append(part_div);
let subtitle_elem = document.createElement("p");
subtitle_elem.textContent = part.subtitle;
// subtitle_elem.classList.add("nomargin");
part_div.append(subtitle_elem);
if (part.type === "damage") {
@ -1304,10 +1264,8 @@ function displaysq2SpellDamage(parent_elem, overallparent_elem, build, spell, sp
if (part.summary == true) {
let overallaverageLabel = document.createElement("p");
let first = document.createElement("p");
let second = document.createElement("p");
first.classList.add('no-newline');
second.classList.add('no-newline');
let first = document.createElement("span");
let second = document.createElement("span");
first.textContent = part.subtitle + " Average: ";
second.textContent = averageDamage.toFixed(2);
overallaverageLabel.appendChild(first);
@ -1356,33 +1314,14 @@ function displaysq2SpellDamage(parent_elem, overallparent_elem, build, spell, sp
part_div.append(healLabel);
if (part.summary == true) {
let overallhealLabel = document.createElement("p");
let first = document.createElement("p");
let second = document.createElement("p");
first.classList.add('no-newline');
second.classList.add('no-newline');
let first = document.createElement("span");
let second = document.createElement("span");
first.textContent = part.subtitle + ": ";
second.textContent = heal_amount;
overallhealLabel.appendChild(first);
second.classList.add("Set");
overallhealLabel.appendChild(second);
// overallhealLabel.classList.add("itemp");
// tooltip = createTooltip(tooltip, "p", tooltiptext, second, ["spell-tooltip"]);
part_divavg.append(overallhealLabel);
/*
let effectiveHealLabel = document.createElement("p");
first = document.createElement("b");
second = document.createElement("b");
let defStats = build.getDefenseStats();
tooltiptext = ` = ${heal_amount} * ${defStats[1][0].toFixed(2)} / ${defStats[0]}`;
first.textContent = "Effective Heal: ";
second.textContent = (defStats[1][0]*heal_amount/defStats[0]).toFixed(2);
effectiveHealLabel.appendChild(first);
second.classList.add("Set");
effectiveHealLabel.appendChild(second);
// effectiveHealLabel.classList.add("itemp");
// tooltip = createTooltip(tooltip, "p", tooltiptext, second, ["spell-tooltip"]);
part_divavg.append(effectiveHealLabel);*/
}
} else if (part.type === "total") {
let total_damage = 0;
@ -1403,15 +1342,11 @@ function displaysq2SpellDamage(parent_elem, overallparent_elem, build, spell, sp
part_div.append(averageLabel);
let overallaverageLabel = document.createElement("p");
overallaverageLabel.classList.add("damageSubtitle");
let overallaverageLabelFirst = document.createElement("p");
let overallaverageLabelSecond = document.createElement("p");
overallaverageLabelFirst.classList.add('no-newline');
overallaverageLabelSecond.classList.add('no-newline');
let overallaverageLabelFirst = document.createElement("span");
let overallaverageLabelSecond = document.createElement("span");
overallaverageLabelFirst.textContent = "Average: ";
overallaverageLabelSecond.textContent = total_damage.toFixed(2);
overallaverageLabelSecond.classList.add("Damage");
// tooltip = createTooltip(tooltip, "p", tooltiptext, overallaverageLabel, ["spell-tooltip", "summary-tooltip"]);
overallaverageLabel.appendChild(overallaverageLabelFirst);

2
sq2display_constants.js
View file

@ -48,9 +48,7 @@ let build_offensive_display_commands = [
];
let build_basic_display_commands = [
'#table',
'#defense-stats',
'#spacer',
// defense stats [hp, ehp, hpr, ]
// "sPot", // base * atkspd + spell raws
// melee potential