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

Sticky spell damage

Browse source
This commit is contained in:
b 2021-01-18 19:57:26 -06:00
parent a31fdf46ad
commit e06cd4103f
4 changed files with 43 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
display.js
View file

@ -914,7 +914,7 @@ function displayMeleeDamage(parent_elem, overallparent_elem, meleeStats){
overallaverageDamage.appendChild(overallaverageDamageSecond); overallaverageDamage.appendChild(overallaverageDamageSecond);
overallparent_elem.append(overallaverageDamage); overallparent_elem.append(overallaverageDamage);
overallparent_elem.append(document.createElement("br")); //overallparent_elem.append(document.createElement("br"));
//attack speed //attack speed
let atkSpd = document.createElement("p"); let atkSpd = document.createElement("p");
@ -936,7 +936,7 @@ function displayMeleeDamage(parent_elem, overallparent_elem, meleeStats){
overallatkSpd.appendChild(overallatkSpdFirst); overallatkSpd.appendChild(overallatkSpdFirst);
overallatkSpd.appendChild(overallatkSpdSecond); overallatkSpd.appendChild(overallatkSpdSecond);
overallparent_elem.append(overallatkSpd); overallparent_elem.append(overallatkSpd);
overallparent_elem.append(document.createElement("br")); //overallparent_elem.append(document.createElement("br"));
//Non-Crit: n->elem, total dmg, DPS //Non-Crit: n->elem, total dmg, DPS
let nonCritStats = document.createElement("p"); let nonCritStats = document.createElement("p");
@ -1374,24 +1374,20 @@ function displaySpellDamage(parent_elem, overallparent_elem, build, spell, spell
let save_damages = []; let save_damages = [];
let part_divavg = document.createElement("p");
part_divavg.classList.add("nomargin");
overallparent_elem.append(part_divavg);
for (const part of 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"); let part_div = document.createElement("p");
parent_elem.append(part_div); parent_elem.append(part_div);
let part_divavg = document.createElement("p");
//part_divavg.classList.add("Normal");
overallparent_elem.append(part_divavg);
let subtitle_elem = document.createElement("p"); let subtitle_elem = document.createElement("p");
subtitle_elem.textContent = part.subtitle; subtitle_elem.textContent = part.subtitle;
subtitle_elem.classList.add("nomargin");
part_div.append(subtitle_elem); part_div.append(subtitle_elem);
if (part.summary == true) {
let subtitle_elemavg = document.createElement("p");
subtitle_elemavg.textContent = part.subtitle;
part_divavg.append(subtitle_elemavg);
}
if (part.type === "damage") { if (part.type === "damage") {
//console.log(build.expandedStats); //console.log(build.expandedStats);
let _results = calculateSpellDamage(stats, part.conversion, let _results = calculateSpellDamage(stats, part.conversion,
@ -1418,12 +1414,12 @@ function displaySpellDamage(parent_elem, overallparent_elem, build, spell, spell
let overallaverageLabel = document.createElement("p"); let overallaverageLabel = document.createElement("p");
let first = document.createElement("b"); let first = document.createElement("b");
let second = document.createElement("b"); let second = document.createElement("b");
first.textContent = "Average: "; first.textContent = part.subtitle + " Average: ";
second.textContent = averageDamage.toFixed(2); second.textContent = averageDamage.toFixed(2);
overallaverageLabel.appendChild(first); overallaverageLabel.appendChild(first);
overallaverageLabel.appendChild(second); overallaverageLabel.appendChild(second);
second.classList.add("Damage"); second.classList.add("Damage");
overallaverageLabel.classList.add("damageSubtitle"); overallaverageLabel.classList.add("overallp");
part_divavg.append(overallaverageLabel); part_divavg.append(overallaverageLabel);
} }
@ -1466,9 +1462,14 @@ function displaySpellDamage(parent_elem, overallparent_elem, build, spell, spell
part_div.append(healLabel); part_div.append(healLabel);
if (part.summary == true) { if (part.summary == true) {
let overallhealLabel = document.createElement("p"); let overallhealLabel = document.createElement("p");
overallhealLabel.textContent = heal_amount; let first = document.createElement("b");
overallhealLabel.classList.add("damagep"); let second = document.createElement("b");
overallhealLabel.classList.add("Set"); first.textContent = part.subtitle + ":";
second.textContent = heal_amount;
overallhealLabel.appendChild(first);
second.classList.add("Set");
overallhealLabel.appendChild(second);
overallhealLabel.classList.add("overallp");
part_divavg.append(overallhealLabel); part_divavg.append(overallhealLabel);
} }
} }

36
index.html
View file

@ -418,23 +418,25 @@
</div> </div>
</div> </div>
<div class="spell-info-container hide-container-block" style="display: none;"> <div class="spell-info-container hide-container-block" style="display: none;">
<div class="spell-info"> <div class="sticky-box">
<div class="center" id="build-melee-statsAvg">melee</div> <div class="spell-info">
</div> <div class="center" id="build-melee-statsAvg">melee</div>
<div class="spell-info"> </div>
<div class="center" id="spell0-infoAvg">spell1</div> <div class="spell-info">
</div> <div class="center" id="spell0-infoAvg">spell1</div>
<div class="spell-info"> </div>
<div class="center" id="spell1-infoAvg">spell2</div> <div class="spell-info">
</div> <div class="center" id="spell1-infoAvg">spell2</div>
<div class="spell-info"> </div>
<div class="center" id="spell2-infoAvg">spell3</div> <div class="spell-info">
</div> <div class="center" id="spell2-infoAvg">spell3</div>
<div class="spell-info"> </div>
<div class="center" id="spell3-infoAvg">spell4</div> <div class="spell-info">
</div> <div class="center" id="spell3-infoAvg">spell4</div>
<div class="spell-info"> </div>
<div class="center" id="build-poison-stats">poison</div> <div class="spell-info">
<div class="center" id="build-poison-stats">poison</div>
</div>
</div> </div>
</div> </div>
</div> </div>

3
styles.css
View file

@ -14,6 +14,7 @@ th, td {
.nomargin { .nomargin {
padding: 0px; padding: 0px;
margin: 0px;
} }
div { div {
@ -72,6 +73,8 @@ a.link{
.smalltitle{ .smalltitle{
text-align: center; text-align: center;
font-size: 125%; font-size: 125%;
margin-top: 10px;
margin-bottom: 4px;
} }
.center { .center {
text-align: center; text-align: center;

4
wide.css
View file

@ -4,6 +4,10 @@
.spell-info-container { .spell-info-container {
grid-column:4; grid-column:4;
} }
.sticky-box {
position: sticky;
top: 0;
}
.summary { .summary {
padding: 2% 4% 4%; padding: 2% 4% 4%;
display: grid; display: grid;