sigonasr2
/
ngsplanner
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

i maek augment selector thing and started formula breakdown and badguydotpng

Browse Source
master
Dudley C 3 years ago
parent 1fdca4e618
commit f708c60ac6
3 changed files with 59 additions and 33 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 87
      src/TestPanel.js
  2. BIN
      src/icons/badguy.png
  3. 5
      src/style.css

87
src/TestPanel.js
Unescape View File

@ -447,6 +447,7 @@ const [treePage,setTreePage] = useState(1)
const [weaponSelectWindowOpen,setWeaponSelectWindowOpen] = useState(false)
const [armorSelectWindowOpen,setArmorSelectWindowOpen] = useState(false)
const [augmentSelectWindowOpen,setAugmentSelectWindowOpen] = useState(false)
const [augmentDetailsWindowOpen,setAugmentDetailsWindowOpen] = useState(false)
const [selectedWeapon,setSelectedWeapon] = useState([])
@ -726,7 +727,7 @@ function deepCopySkills(skillData) {
<div className="editOverlay"><p><PencilFill /> Edit</p></div>
+40</div>
</div>
<PageControl pages={3} currentPage={weaponPage} setCurrentPage={setWeaponPage}><div onClick={()=>{setAugmentSelectWindowOpen(true)}}><PencilFill /> Edit Details</div></PageControl>
<PageControl pages={3} currentPage={weaponPage} setCurrentPage={setWeaponPage}><div onClick={()=>{setAugmentDetailsWindowOpen(true)}}><PencilFill /> Edit Details</div></PageControl>
{weaponPage === 1 ?
<>
@ -752,7 +753,7 @@ function deepCopySkills(skillData) {
</div></div>
</div>
<div className="itemDetailsGridBottom editOverlayWrapper">
<div className="editOverlay" onClick={()=>{setAugmentSelectWindowOpen(true)}}><p><PencilFill /> Edit</p></div>
<div className="editOverlay" onClick={()=>{setAugmentDetailsWindowOpen(true)}}><p><PencilFill /> Edit</p></div>
<div className="itemPotential"><span className="pot">Soulspring Unit Lv.3</span></div>
<div className="itemFixa"><span className="fixa">Fixa Attack Lv.3</span></div>
<div className="itemDetailsAugment">
@ -926,6 +927,23 @@ function deepCopySkills(skillData) {
</table>
</ReactPlaceholder>
</div>
<div className="box">
<div className="boxTitleBar">
<h1>Damage Formula Breakdown</h1></div><div style={{padding:"10px",lineHeight:"22px",fontSize:"11px",fontFamily:"Courier"}}>
( <span style={{color:"OrangeRed"}}>Weapon Attack Power</span> * <span style={{color:"PaleGreen"}}>Variance</span> + <span style={{color:"PowderBlue"}}>Base Attack Power</span> - <span className="badGuy">Enemy Defense</span> )<br />
<span style={{}}> * Attack Potency</span>
<span style={{}}> * Main Class Weapon Boost</span>
<span style={{}}> * Class Skill Multi</span>
<span style={{}}> * Buffs</span>
<span style={{}}> * Debuffs</span>
<span style={{}}> * Enemy Part Multi</span>
<span style={{}}> * Enemy Debuffs</span>
<span style={{}}> * 0.2</span></div>
</div>
</div>
</div>
@ -1039,31 +1057,8 @@ function deepCopySkills(skillData) {
setFoodPointData={setFoodPointData}
prevFoodPointData={prevFoodPointData}/>
<Modal ariaHideApp={false} isOpen={augmentSelectWindowOpen} onRequestClose={()=>{setAugmentSelectWindowOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlayAugment">
<Modal ariaHideApp={false} isOpen={augmentDetailsWindowOpen} onRequestClose={()=>{setAugmentDetailsWindowOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlayAugment">
<div className="augmentSelectorPopup">
<div className="box boxModal">
<div className="boxTitleBar">
<h1>Select Augments</h1></div>
<div className="augmentSelectorList customScrollbar noSelect">
<ul>
<li className="pot">Dynamo Unit Lv.1</li>
<li className="pot">Dynamo Unit Lv.2</li>
<li className="pot">Dynamo Unit Lv.3</li>
<li className="pot">Dynamo Unit Lv.4</li>
<li className="fixa">Fixa Attack Lv.1</li>
<li className="fixa">Fixa Attack Lv.2</li>
<li className="fixa">Fixa Attack Lv.3</li>
<li className="fixa">Fixa Attack Lv.4</li>
<li className="aug">Melee I</li>
<li className="aug">Melee II</li>
<li className="aug">Melee III</li>
<li className="aug">Precision I</li>
<li className="aug">Precision II</li>
<li className="aug">Precision III</li>
</ul>
</div>
</div>
<div className="box boxModal">
<div className="boxTitleBar">
<h1>Equipped Weapon</h1></div>
@ -1080,12 +1075,12 @@ function deepCopySkills(skillData) {
<div className="augmentDetailsStatsHeader"><h3>Stat Adjustment</h3></div>
<div className="augmentDetailsList customScrollbar noSelect">
<ul>
<li className="pot">Dynamo Unit Lv.3</li>
<li className="fixa">Fixa Attack Lv.3</li>
<li className="aug">test</li>
<li className="aug">test</li>
<li className="aug">test</li>
<li className="aug">test</li>
<li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="pot">Dynamo Unit Lv.3</li>
<li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="fixa">Fixa Attack Lv.3</li>
<li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="aug">test</li>
<li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="aug">test</li>
<li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="aug">test</li>
<li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="aug">test</li>
</ul>
</div>
<div className="augmentDetailsStats">
@ -1108,6 +1103,34 @@ function deepCopySkills(skillData) {
</div>
</div>
</Modal>
<Modal ariaHideApp={false} isOpen={augmentSelectWindowOpen} onRequestClose={()=>{setAugmentSelectWindowOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlayAugment">
<div className="augmentSelectorPopup">
<div className="box boxModal">
<div className="boxTitleBar">
<h1>Select Augments</h1></div>
<div className="augmentSelectorList customScrollbar noSelect">
<ul>
<li className="pot">Dynamo Unit Lv.1</li>
<li className="pot">Dynamo Unit Lv.2</li>
<li className="pot">Dynamo Unit Lv.3</li>
<li className="pot">Dynamo Unit Lv.4</li>
<li className="fixa">Fixa Attack Lv.1</li>
<li className="fixa">Fixa Attack Lv.2</li>
<li className="fixa">Fixa Attack Lv.3</li>
<li className="fixa">Fixa Attack Lv.4</li>
<li className="aug">Melee I</li>
<li className="aug">Melee II</li>
<li className="aug">Melee III</li>
<li className="aug">Precision I</li>
<li className="aug">Precision II</li>
<li className="aug">Precision III</li>
</ul>
</div>
</div>
</div>
</Modal>
</>
)

BIN
src/icons/badguy.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

5
src/style.css
Unescape View File

@ -1211,7 +1211,7 @@ button {
display: grid;
justify-items: stretch;
align-items: center;
grid-template-columns: minmax(10px,1fr) minmax(auto,910px) minmax(10px,1fr);
grid-template-columns: minmax(10px,1fr) minmax(0, auto) minmax(10px,1fr);
grid-template-rows: 10px minmax(10px, 1fr) 10px;
min-height: 100vh;
/* mobile viewport bug fix */
@ -1812,4 +1812,7 @@ dd:before {
.buildPalette{
width:360px;
margin:auto;
}
.badGuy:before {
content:url("./icons/badguy.png");
}
Write Preview
Loading…
Cancel
Save