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

Merge pull request #19 from hppeng-wynn/reset_button

Browse source 
Reset button
This commit is contained in:
ferricles 2022-05-21 23:08:40 -07:00 committed by GitHub
commit dca59a5fba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 101 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

126
builder/index.html
View file

@ -184,7 +184,7 @@
<input class="equipment-input text-light form-control" id="leggings-choice" name="leggings-choice" placeholder="No leggings" value="" tabindex="1"/> <input class="equipment-input text-light form-control" id="leggings-choice" name="leggings-choice" placeholder="No leggings" value="" tabindex="1"/>
</div> </div>
<div class="col d-flex justify-content-end"> <div class="col d-flex justify-content-end">
<input class="equipment-input text-light form-control" type="text" id="leggings-powder" name="leggings-powder" placeholder="no powders" tabindex="1"/> <input class="equipment-input text-light form-control" type="text" id="leggings-powder" name="leggings-powder" placeholder="powders" tabindex="1"/>
</div> </div>
</div> </div>
</div> </div>
@ -299,24 +299,24 @@
</div> </div>
<div class="col-auto order-xl-0 order-1"> <div class="col-auto order-xl-0 order-1">
<div class="row h-100 dark-shadow dark-6 rounded"> <div class="row h-100 dark-shadow dark-6 rounded">
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="weapon-img-loc">
<img class="img-fluid rounded" src="../media/icons/new/Gears.png">
</div>
<div class="col"> <div class="col">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-3 text-nowrap scaled-font"> <div class="col-3 text-nowrap fw-bold scaled-font">
Level: Level:
</div> </div>
<div class="col d-flex justify-content-end"> <div class="col d-flex justify-content-end">
<input class="equipment-input text-light form-control form-control-sm" id="level-choice" name="level-choice" value="106" placeholder="Build level" value="" tabindex="2"/> <input class="equipment-input text-light form-control form-control-sm" id="level-choice" name="level-choice" value="106" placeholder="Build level" value="" tabindex="2"/>
</div> </div>
</div>
<div class="row align-items-center">
<div class="col-auto px-1 text-nowrap scaled-font"> <div class="col-auto px-1 text-nowrap scaled-font">
<button class="border-dark text-light dark-5 scaled-font rounded" id=copy-button onclick="copyBuild()">Copy short</button> <button class="button fw-bold text-light dark-5 scaled-font rounded" id="reset-button" onclick="sq2ResetFields()">Reset</button>
</div>
</div>
<div class="row align-items-center justify-content-center my-1">
<div class="col-auto px-1 text-nowrap scaled-font">
<button class="button fw-bold text-light dark-5 scaled-font rounded" id="copy-button" onclick="copyBuild()">Copy short</button>
</div> </div>
<div class="col-auto px-1 text-nowrap scaled-font"> <div class="col-auto px-1 text-nowrap scaled-font">
<button class="border-dark text-light dark-5 scaled-font rounded" id=share-button onclick="shareBuild()">Copy for sharing</button> <button class="button fw-bold text-light dark-5 scaled-font rounded" id="share-button" onclick="shareBuild()">Copy for sharing</button>
</div> </div>
</div> </div>
</div> </div>
@ -456,7 +456,7 @@
<div class="col g-0 rounded"> <div class="col g-0 rounded">
<div class="row row-cols-1 h-100 align-items-center"> <div class="row row-cols-1 h-100 align-items-center">
<div class="col d-flex justify-content-end"> <div class="col d-flex justify-content-end">
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="weaponTome1-choice" name="weaponTome1-choice" placeholder="No Tome" value=""/> <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="weaponTome1-choice" name="weaponTome1-choice" placeholder="No Tome" value=""/>
</div> </div>
</div> </div>
</div> </div>
@ -480,7 +480,7 @@
<div class="col g-0 rounded"> <div class="col g-0 rounded">
<div class="row row-cols-1 h-100 align-items-center"> <div class="row row-cols-1 h-100 align-items-center">
<div class="col d-flex justify-content-end"> <div class="col d-flex justify-content-end">
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="weaponTome2-choice" name="weaponTome2-choice" placeholder="No Tome" value=""/> <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="weaponTome2-choice" name="weaponTome2-choice" placeholder="No Tome" value=""/>
</div> </div>
</div> </div>
</div> </div>
@ -504,7 +504,7 @@
<div class="col g-0 rounded"> <div class="col g-0 rounded">
<div class="row row-cols-1 h-100 align-items-center"> <div class="row row-cols-1 h-100 align-items-center">
<div class="col d-flex justify-content-end"> <div class="col d-flex justify-content-end">
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="armorTome1-choice" name="armorTome1-choice" placeholder="No Tome" value=""/> <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome1-choice" name="armorTome1-choice" placeholder="No Tome" value=""/>
</div> </div>
</div> </div>
</div> </div>
@ -528,7 +528,7 @@
<div class="col g-0 rounded"> <div class="col g-0 rounded">
<div class="row row-cols-1 h-100 align-items-center"> <div class="row row-cols-1 h-100 align-items-center">
<div class="col d-flex justify-content-end"> <div class="col d-flex justify-content-end">
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="armorTome2-choice" name="armorTome2-choice" placeholder="No Tome" value=""/> <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome2-choice" name="armorTome2-choice" placeholder="No Tome" value=""/>
</div> </div>
</div> </div>
</div> </div>
@ -552,7 +552,7 @@
<div class="col g-0 rounded"> <div class="col g-0 rounded">
<div class="row row-cols-1 h-100 align-items-center"> <div class="row row-cols-1 h-100 align-items-center">
<div class="col d-flex justify-content-end"> <div class="col d-flex justify-content-end">
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="armorTome3-choice" name="armorTome3-choice" placeholder="No Tome" value=""/> <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome3-choice" name="armorTome3-choice" placeholder="No Tome" value=""/>
</div> </div>
</div> </div>
</div> </div>
@ -576,7 +576,7 @@
<div class="col g-0 rounded"> <div class="col g-0 rounded">
<div class="row row-cols-1 h-100 align-items-center"> <div class="row row-cols-1 h-100 align-items-center">
<div class="col d-flex justify-content-end"> <div class="col d-flex justify-content-end">
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="armorTome4-choice" name="armorTome4-choice" placeholder="No Tome" value=""/> <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome4-choice" name="armorTome4-choice" placeholder="No Tome" value=""/>
</div> </div>
</div> </div>
</div> </div>
@ -600,7 +600,7 @@
<div class="col g-0 rounded"> <div class="col g-0 rounded">
<div class="row row-cols-1 h-100 align-items-center"> <div class="row row-cols-1 h-100 align-items-center">
<div class="col d-flex justify-content-end"> <div class="col d-flex justify-content-end">
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="guildTome1-choice" name="guildTome1-choice" placeholder="No Tome" value=""/> <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="guildTome1-choice" name="guildTome1-choice" placeholder="No Tome" value=""/>
</div> </div>
</div> </div>
</div> </div>
@ -618,7 +618,7 @@
Spell Damage %: Spell Damage %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="sdPct" name="sdPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="sdPct" name="sdPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "sdPct-base"> <div class = "row" id = "sdPct-base">
Original Value: 0 Original Value: 0
@ -629,7 +629,7 @@
Spell Damage Raw: Spell Damage Raw:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="sdRaw" name="sdRaw" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="sdRaw" name="sdRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "sdRaw-base"> <div class = "row" id = "sdRaw-base">
Original Value: 0 Original Value: 0
@ -640,7 +640,7 @@
Melee Damage %: Melee Damage %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="mdPct" name="mdPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="mdPct" name="mdPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "mdPct-base"> <div class = "row" id = "mdPct-base">
Original Value: 0 Original Value: 0
@ -651,7 +651,7 @@
Melee Damage Raw: Melee Damage Raw:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="mdRaw" name="mdRaw" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="mdRaw" name="mdRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "mdRaw-base"> <div class = "row" id = "mdRaw-base">
Original Value: 0 Original Value: 0
@ -664,7 +664,7 @@
Poison: Poison:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="poison" name="poison" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="poison" name="poison" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "poison-base"> <div class = "row" id = "poison-base">
Original Value: 0 Original Value: 0
@ -675,7 +675,7 @@
Damage %: Damage %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="eDamPct" name="eDamPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="eDamPct" name="eDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "eDamPct-base"> <div class = "row" id = "eDamPct-base">
Original Value: 0 Original Value: 0
@ -686,7 +686,7 @@
Damage %: Damage %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="tDamPct" name="tDamPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="tDamPct" name="tDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "tDamPct-base"> <div class = "row" id = "tDamPct-base">
Original Value: 0 Original Value: 0
@ -697,7 +697,7 @@
Damage %: Damage %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="wDamPct" name="wDamPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="wDamPct" name="wDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "wDamPct-base"> <div class = "row" id = "wDamPct-base">
Original Value: 0 Original Value: 0
@ -710,7 +710,7 @@
Damage %: Damage %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="fDamPct" name="fDamPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="fDamPct" name="fDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "fDamPct-base"> <div class = "row" id = "fDamPct-base">
Original Value: 0 Original Value: 0
@ -721,7 +721,7 @@
Damage %: Damage %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="aDamPct" name="aDamPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="aDamPct" name="aDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "aDamPct-base"> <div class = "row" id = "aDamPct-base">
Original Value: 0 Original Value: 0
@ -732,7 +732,7 @@
+ Tier: + Tier:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="atkTier" name="atkTier" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="atkTier" name="atkTier" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "atkTier-base"> <div class = "row" id = "atkTier-base">
Original Value: 0 Original Value: 0
@ -751,7 +751,7 @@
Defense %: Defense %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="eDefPct" name="eDefPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="eDefPct" name="eDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "eDefPct-base"> <div class = "row" id = "eDefPct-base">
Original Value: 0 Original Value: 0
@ -762,7 +762,7 @@
Defense %: Defense %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="tDefPct" name="tDefPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="tDefPct" name="tDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "tDefPct-base"> <div class = "row" id = "tDefPct-base">
Original Value: 0 Original Value: 0
@ -773,7 +773,7 @@
Defense %: Defense %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="wDefPct" name="wDefPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="wDefPct" name="wDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "wDefPct-base"> <div class = "row" id = "wDefPct-base">
Original Value: 0 Original Value: 0
@ -784,7 +784,7 @@
Defense %: Defense %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="fDefPct" name="fDefPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="fDefPct" name="fDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "fDefPct-base"> <div class = "row" id = "fDefPct-base">
Original Value: 0 Original Value: 0
@ -797,7 +797,7 @@
Defense %: Defense %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="aDefPct" name="aDefPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="aDefPct" name="aDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "aDefPct-base"> <div class = "row" id = "aDefPct-base">
Original Value: 0 Original Value: 0
@ -808,7 +808,7 @@
Health Regen Raw: Health Regen Raw:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="hprRaw" name="hprRaw" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="hprRaw" name="hprRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "hprRaw-base"> <div class = "row" id = "hprRaw-base">
Original Value: 0 Original Value: 0
@ -819,7 +819,7 @@
Health Regen %: Health Regen %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="hprPct" name="hprPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="hprPct" name="hprPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "hprPct-base"> <div class = "row" id = "hprPct-base">
Original Value: 0 Original Value: 0
@ -830,7 +830,7 @@
Health Bonus: Health Bonus:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="hpBonus" name="hpBonus" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="hpBonus" name="hpBonus" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "hpBonus-base"> <div class = "row" id = "hpBonus-base">
Original Value: 0 Original Value: 0
@ -846,7 +846,7 @@
1st Spell Cost %: 1st Spell Cost %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="spPct1" name="spPct1" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="spPct1" name="spPct1" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "spPct1-base"> <div class = "row" id = "spPct1-base">
Original Value: 0 Original Value: 0
@ -857,7 +857,7 @@
2nd Spell Cost %: 2nd Spell Cost %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="spPct2" name="spPct2" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="spPct2" name="spPct2" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "spPct2-base"> <div class = "row" id = "spPct2-base">
Original Value: 0 Original Value: 0
@ -868,7 +868,7 @@
3rd Spell Cost %: 3rd Spell Cost %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="spPct3" name="spPct3" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="spPct3" name="spPct3" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "spPct3-base"> <div class = "row" id = "spPct3-base">
Original Value: 0 Original Value: 0
@ -879,7 +879,7 @@
4th Spell Cost %: 4th Spell Cost %:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="spPct4" name="spPct4" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="spPct4" name="spPct4" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "spPct4-base"> <div class = "row" id = "spPct4-base">
Original Value: 0 Original Value: 0
@ -892,7 +892,7 @@
1st Spell Cost Raw: 1st Spell Cost Raw:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="spRaw1" name="spRaw1" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="spRaw1" name="spRaw1" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "spRaw1-base"> <div class = "row" id = "spRaw1-base">
Original Value: 0 Original Value: 0
@ -903,7 +903,7 @@
2nd Spell Cost Raw: 2nd Spell Cost Raw:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="spRaw2" name="spRaw2" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="spRaw2" name="spRaw2" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "spRaw2-base"> <div class = "row" id = "spRaw2-base">
Original Value: 0 Original Value: 0
@ -914,7 +914,7 @@
3rd Spell Cost Raw: 3rd Spell Cost Raw:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="spRaw3" name="spRaw3" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="spRaw3" name="spRaw3" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "spRaw3-base"> <div class = "row" id = "spRaw3-base">
Original Value: 0 Original Value: 0
@ -925,7 +925,7 @@
4th Spell Cost Raw: 4th Spell Cost Raw:
</div> </div>
<div class = "row"> <div class = "row">
<input type = "number" placeholder = "0" id="spRaw4" name="spRaw4" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/> <input type = "number" placeholder = "0" id="spRaw4" name="spRaw4" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
</div> </div>
<div class = "row" id = "spRaw4-base"> <div class = "row" id = "spRaw4-base">
Original Value: 0 Original Value: 0
@ -1271,44 +1271,44 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col" id="masonry-container"> <div class="col-12 mx-4" id="masonry-container">
<div id="helmet-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="helmet-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="chestplate-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="chestplate-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="leggings-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="leggings-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="boots-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="boots-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="ring1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="ring1-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="ring2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="ring2-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="bracelet-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="bracelet-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="necklace-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="necklace-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="weapon-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="weapon-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="weaponTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="weaponTome1-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="weaponTome2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="weaponTome2-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="armorTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="armorTome1-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="armorTome2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="armorTome2-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="armorTome3-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="armorTome3-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="armorTome4-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="armorTome4-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="guildTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="guildTome1-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3" id = "build-order"> <div class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3" id = "build-order">
</div> </div>
<div class = "rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div> <div class = "rounded row g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div>
</div> </div>
<div class="col dark-5 scaled-font"> <div class="col-12 dark-5 scaled-font">
<footer class="text-center"> <footer class="text-center">
<div id="header2"> <div id="header2">
<p>Made by <b class = "hppeng">hppeng</b> and <b class = "ferricles">ferricles</b> with <a href = "../atlas" target = "_blank" class = "atlas link">Atlas Inc</a> (JavaScript required to function, nothing works without js)</p> <p>Made by <b class = "hppeng">hppeng</b> and <b class = "ferricles">ferricles</b> with <a href = "../atlas" target = "_blank" class = "atlas link">Atlas Inc</a> (JavaScript required to function, nothing works without js)</p>

14
css/sq2bs.css
View file

@ -358,6 +358,10 @@ input.equipment-input {
background-color: hsl(0, 0%, 16%) !important; background-color: hsl(0, 0%, 16%) !important;
} }
.dark-10 {
background-color: hsl(0, 0%, 20%) !important;
}
.dark-1u { .dark-1u {
background-color: hsl(0, 0%, 5%); background-color: hsl(0, 0%, 5%);
} }
@ -430,3 +434,13 @@ input[type=number]::-webkit-outer-spin-button {
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
} }
/* Make links bold when hovered over */
a:hover {
font-weight: bold;
}
.button {
border-color: #fff;
}

21
js/sq2bs.js
View file

@ -113,6 +113,27 @@ function doSearchSchedule(){
}, 500); }, 500);
} }
function sq2ResetFields(){
for (let i in powderInputs) {
setValue(powderInputs[i], "");
}
for (let i in equipmentInputs) {
setValue(equipmentInputs[i], "");
}
for (let i in tomeInputs) {
setValue(tomeInputs[i], "");
}
setValue("str-skp", "0");
setValue("dex-skp", "0");
setValue("int-skp", "0");
setValue("def-skp", "0");
setValue("agi-skp", "0");
setValue("level-choice", "106");
location.hash = "";
calculateBuild();
}
// equipment field dynamic styling // equipment field dynamic styling
function update_field(field) { function update_field(field) {
// built on the assumption of no one will type in CI/CR letter by letter // built on the assumption of no one will type in CI/CR letter by letter

5
js/sq2display.js
View file

@ -498,7 +498,8 @@ function displaysq2ExpandedItem(item, parent_id){
base_dps_elem.textContent = "Base DPS: "+base_dps_min.toFixed(3)+"\u279c"+base_dps_max.toFixed(3); base_dps_elem.textContent = "Base DPS: "+base_dps_min.toFixed(3)+"\u279c"+base_dps_max.toFixed(3);
} }
else { else {
base_dps_elem.textContent = "Base DPS: "+(total_damages * damage_mult); let bdps = total_damages * damage_mult;
base_dps_elem.textContent = "Base DPS: " + (bdps ? bdps : 0);
} }
parent_div.appendChild(document.createElement("p")); parent_div.appendChild(document.createElement("p"));
parent_div.appendChild(base_dps_elem); parent_div.appendChild(base_dps_elem);
@ -588,7 +589,7 @@ function displaysq2WeaponStats(build) {
tot /= 2; tot /= 2;
let dps = Math.max(0, Math.round(tot * baseDamageMultiplier[attackSpeeds.indexOf(item.get("atkSpd"))] )); //atkspeeds let dps = Math.max(0, Math.round(tot * baseDamageMultiplier[attackSpeeds.indexOf(item.get("atkSpd"))] )); //atkspeeds
document.getElementById("weapon-dps").textContent = "base dps: " + dps; document.getElementById("weapon-dps").textContent = "base dps: " + (isNaN(dps) ? 0 : dps);
document.getElementById("weapon-lv").textContent = item.get("lvl"); document.getElementById("weapon-lv").textContent = item.get("lvl");
if (item.get("type")) { if (item.get("type")) {