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

No more warnings!

Browse Source 
Co-authored-by: dudleycu <dudleyc.twitch@gmail.com>
master
Joshua Sigona 4 years ago
parent 7ea381f0cf
commit 51e12ef157
2 changed files with 42 additions and 43 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. 14
      src/App.js
  2. 71
      src/TestPanel.js

14
src/App.js
Unescape View File

@ -22,8 +22,6 @@ import TestPanel from './TestPanel'; // Dudley's Test Panel
const axios = require('axios'); const axios = require('axios');
const parse = require('csv-parse/lib/sync') const parse = require('csv-parse/lib/sync')
Function.prototype.toJSON = function() { return "Unstorable function" }
/* /*
Damage types Damage types
const MELEE_DMG = 0 const MELEE_DMG = 0
@ -579,7 +577,7 @@ function DatabaseEditor(p) {
}) })
setUpdate(false) setUpdate(false)
} }
},[update]) },[update,p.BACKENDURL])
return <> return <>
{!loading?<> {!loading?<>
@ -655,6 +653,8 @@ function DatabaseEditor(p) {
setLoading(false) setLoading(false)
}) })
}}><CloudUploadFill/> Restore</button></span><br/></> }}><CloudUploadFill/> Restore</button></span><br/></>
} else {
return <></>
} }
})} })}
</> </>
@ -945,15 +945,15 @@ function App() {
const [buildName,setBuildName] = useState("Fatimah") const [buildName,setBuildName] = useState("Fatimah")
const [className,setClassName] = useState("Ranger") const [className,setClassName] = useState("Ranger")
const [secondaryClassName,setSecondaryClassName] = useState("Force") const [secondaryClassName,setSecondaryClassName] = useState("Force")
const [classLv,setClassLv] = useState(20) const [classLv] = useState(20)
const [secondaryClassLv,setSecondaryClassLv] = useState(15) const [secondaryClassLv] = useState(15)
const [bp,setBP] = useState(1330) const [bp,setBP] = useState(1330)
const [hp,setHP] = useState(388) const [hp,setHP] = useState(388)
const [pp,setPP] = useState(154) const [pp,setPP] = useState(154)
const [weaponTotalAtk,setweaponTotalAtk] = useState(282) const [weaponTotalAtk] = useState(282)
const [baseAtk,setbaseAtk] = useState(650) const [baseAtk] = useState(650)
const [statDisplayAtk,setstatDisplayAtk] = useState(282) const [statDisplayAtk,setstatDisplayAtk] = useState(282)
useEffect(()=>{ useEffect(()=>{

71
src/TestPanel.js
Unescape View File

@ -1,7 +1,6 @@
import React, { useEffect,useState,useRef } from 'react'; import React, { useEffect,useState,useRef } from 'react';
import Tooltip from 'react-simple-tooltip' //Mess with all tooltip props here: https://cedricdelpoux.github.io/react-simple-tooltip/ import Tooltip from 'react-simple-tooltip' //Mess with all tooltip props here: https://cedricdelpoux.github.io/react-simple-tooltip/
import Modal from 'react-modal' import Modal from 'react-modal'
import {XSquare} from 'react-bootstrap-icons'
/** /**
* Hook that alerts clicks outside of the passed ref * Hook that alerts clicks outside of the passed ref
@ -94,7 +93,7 @@ function ExpandTooltip(p) {
function Class(p) { function Class(p) {
const CLASSES = p.GetData("class") const CLASSES = p.GetData("class")
const class_obj = CLASSES[p.name] const class_obj = CLASSES[p.name]
return class_obj?<><img src={process.env.PUBLIC_URL+class_obj.icon}/>{class_obj.name}</>:<></> return class_obj?<><img alt="" src={process.env.PUBLIC_URL+class_obj.icon}/>{class_obj.name}</>:<></>
} }
function ClassSelector(p){ function ClassSelector(p){
@ -105,7 +104,7 @@ function ClassSelector(p){
Class Selector<hr/> Class Selector<hr/>
<div className="popup"> <div className="popup">
{Object.keys(CLASSES).map((cl,i)=>{ {Object.keys(CLASSES).map((cl,i)=>{
return <button id={i} className="rounded" onClick={()=>{p.setClassName(cl);p.setEdit(false)}}><img src={process.env.PUBLIC_URL+CLASSES[cl].icon}/><br/>{CLASSES[cl].name}</button> return <button id={i} className="rounded" onClick={()=>{p.setClassName(cl);p.setEdit(false)}}><img alt="" src={process.env.PUBLIC_URL+CLASSES[cl].icon}/><br/>{CLASSES[cl].name}</button>
})} })}
</div> </div>
</div> </div>
@ -192,7 +191,7 @@ useEffect(()=>{
return [weapon_type,weapon,potential] return [weapon_type,weapon,potential]
})) }))
} }
},[p.GetData]) },[p])
//console.log(p.GetData("class",p.className,"icon")) //console.log(p.GetData("class",p.className,"icon"))
@ -245,19 +244,19 @@ useEffect(()=>{
{ {
effectPage===1?<><li>Food Boost Effect effectPage===1?<><li>Food Boost Effect
<ul> <ul>
<li><img src="https://i.imgur.com/TQ8EBW2.png" />&ensp;[Meat] Potency +10.0%</li> <li><img alt="" src="https://i.imgur.com/TQ8EBW2.png" />&ensp;[Meat] Potency +10.0%</li>
<li><img src="https://i.imgur.com/TQ8EBW2.png" />&ensp;[Crisp] Potency to Weak Point +5.0%</li> <li><img alt="" src="https://i.imgur.com/TQ8EBW2.png" />&ensp;[Crisp] Potency to Weak Point +5.0%</li>
</ul> </ul>
</li> </li>
<li>Shifta / Deband <li>Shifta / Deband
<ul> <ul>
<li><img src="https://i.imgur.com/VIYYNIm.png" />&ensp;Potency +5.0%</li> <li><img alt="" src="https://i.imgur.com/VIYYNIm.png" />&ensp;Potency +5.0%</li>
<li><img src="https://i.imgur.com/VIYYNIm.png" />&ensp;Damage Resistance +10.0%</li> <li><img alt="" src="https://i.imgur.com/VIYYNIm.png" />&ensp;Damage Resistance +10.0%</li>
</ul> </ul>
</li> </li>
<li>Region Mag Boost <li>Region Mag Boost
<ul> <ul>
<li><img src="https://i.imgur.com/N6M74Qr.png" />&ensp;Potency +5.0%</li> <li><img alt="" src="https://i.imgur.com/N6M74Qr.png" />&ensp;Potency +5.0%</li>
</ul> </ul>
</li></>:<></> </li></>:<></>
} }
@ -271,10 +270,10 @@ useEffect(()=>{
<div className="boxExit"></div> <div className="boxExit"></div>
</div> </div>
<div className="equipPalette"> <div className="equipPalette">
<div onClick={()=>{setModalOpen(true)}} className="equipPaletteSlot"><h3>Weapons</h3><div className="equipPaletteSlotWrapper"><span>1</span><img className="r4" src="./64px-NGSUIItemResurgirRifle.png" /></div></div> <div onClick={()=>{setModalOpen(true)}} className="equipPaletteSlot"><h3>Weapons</h3><div className="equipPaletteSlotWrapper"><span>1</span><img alt="" className="r4" src="https://i.imgur.com/Xvx0qvt.png" /></div></div>
<div className="equipPaletteSlot"><h3>Armor 1</h3><div className="equipPaletteSlotWrapper"><img className="r3" src="./photon_barrier.png" /></div></div> <div className="equipPaletteSlot"><h3>Armor 1</h3><div className="equipPaletteSlotWrapper"><img alt="" className="r3" src="https://i.imgur.com/GtusK2X.png" /></div></div>
<div className="equipPaletteSlot"><h3>Armor 2</h3><div className="equipPaletteSlotWrapper"><img className="r3" src="./photon_barrier.png" /></div></div> <div className="equipPaletteSlot"><h3>Armor 2</h3><div className="equipPaletteSlotWrapper"><img alt="" className="r3" src="https://i.imgur.com/GtusK2X.png" /></div></div>
<div className="equipPaletteSlot"><h3>Armor 3</h3><div className="equipPaletteSlotWrapper"><img className="r3" src="./photon_barrier.png" /></div></div> <div className="equipPaletteSlot"><h3>Armor 3</h3><div className="equipPaletteSlotWrapper"><img alt="" className="r3" src="https://i.imgur.com/GtusK2X.png" /></div></div>
</div> </div>
</div> </div>
<div className="box"> <div className="box">
@ -289,23 +288,23 @@ useEffect(()=>{
<h3>Abilitiy Details</h3> <h3>Abilitiy Details</h3>
{weaponPage===1? {weaponPage===1?
<ul> <ul>
<li><ExpandTooltip mouseOverText={<img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>Potency +20%/<br />Critical Hit Rage +15% for 30 seconds after a successful sidestep</>}/><span className="pot">Dynamo Unit Lv.3</span></li> <li><ExpandTooltip mouseOverText={<img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>Potency +20%/<br />Critical Hit Rage +15% for 30 seconds after a successful sidestep</>}/><span className="pot">Dynamo Unit Lv.3</span></li>
<li><ExpandTooltip mouseOverText={<img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>Potency +4%</>}/><span className="fixa">Fixa Attack Lv.3</span></li> <li><ExpandTooltip mouseOverText={<img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>Potency +4%</>}/><span className="fixa">Fixa Attack Lv.3</span></li>
<li><ExpandTooltip mouseOverText={<img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>PP +5<br />Ranged Weapon Potency +2.0%</>}/><span className="aug">Pettas Soul II</span></li> <li><ExpandTooltip mouseOverText={<img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>PP +5<br />Ranged Weapon Potency +2.0%</>}/><span className="aug">Pettas Soul II</span></li>
<li><ExpandTooltip mouseOverText={<img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>HP -10, Potency +1.5%,<br />Potency Floor Increase +1.5%<br />Damage Resistance -1.5%</>}/><span className="aug">Alts Secreta II</span></li> <li><ExpandTooltip mouseOverText={<img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>HP -10, Potency +1.5%,<br />Potency Floor Increase +1.5%<br />Damage Resistance -1.5%</>}/><span className="aug">Alts Secreta II</span></li>
<li><ExpandTooltip mouseOverText={<img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>HP +10<br />Ranged Weapon Potency +2.0%</>}/><span className="aug">Gigas Precision II</span></li> <li><ExpandTooltip mouseOverText={<img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>HP +10<br />Ranged Weapon Potency +2.0%</>}/><span className="aug">Gigas Precision II</span></li>
<li><ExpandTooltip mouseOverText={<img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>Ranged Weapon Potency +2.0%</>}/><span className="aug">Precision III</span></li> <li><ExpandTooltip mouseOverText={<img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>Ranged Weapon Potency +2.0%</>}/><span className="aug">Precision III</span></li>
<li className="addAug"><img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li> <li className="addAug"><img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li>
</ul> </ul>
: :
<ul> <ul>
<li className="addAug"><img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li> <li className="addAug"><img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li>
<li className="addAug"><img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li> <li className="addAug"><img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li>
<li className="addAug"><img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li> <li className="addAug"><img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li>
<li className="addAug"><img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li> <li className="addAug"><img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li>
<li className="addAug"><img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li> <li className="addAug"><img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li>
<li className="addAug"><img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li> <li className="addAug"><img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li>
<li className="addAug"><img src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li> <li className="addAug"><img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li>
</ul> </ul>
} }
</div> </div>
@ -361,9 +360,9 @@ useEffect(()=>{
</tr> </tr>
<tr> <tr>
<td>Weapon Up</td> <td>Weapon Up</td>
<td><img src={process.env.PUBLIC_URL+"/icons/mel.png"} /><span className="ye">&nbsp;+{(p.weaponUp1*100).toFixed(1)}%</span><br /> <td><img alt="" src={process.env.PUBLIC_URL+"/icons/mel.png"} /><span className="ye">&nbsp;+{(p.weaponUp1*100).toFixed(1)}%</span><br />
<img src={process.env.PUBLIC_URL+"/icons/tec.png"} /><span className="ye">&nbsp;+{(p.weaponUp3*100).toFixed(1)}%</span></td> <img alt="" src={process.env.PUBLIC_URL+"/icons/tec.png"} /><span className="ye">&nbsp;+{(p.weaponUp3*100).toFixed(1)}%</span></td>
<td><img src={process.env.PUBLIC_URL+"/icons/rng.png"} /><span className="ye">&nbsp;+{(p.weaponUp2*100).toFixed(1)}%</span></td> <td><img alt="" src={process.env.PUBLIC_URL+"/icons/rng.png"} /><span className="ye">&nbsp;+{(p.weaponUp2*100).toFixed(1)}%</span></td>
<td>&nbsp;</td> <td>&nbsp;</td>
</tr> </tr>
<tr> <tr>
@ -461,16 +460,16 @@ useEffect(()=>{
switch (tabPage) { switch (tabPage) {
case 2:{ case 2:{
return item[0].name==="Assault Rifle" return item[0].name==="Assault Rifle"
}break; }
case 3:{ case 3:{
return item[0].name==="Launcher" return item[0].name==="Launcher"
}break; }
case 4:{ case 4:{
return item[0].name==="Rod" return item[0].name==="Rod"
}break; }
case 5:{ case 5:{
return item[0].name==="Talis" return item[0].name==="Talis"
}break; }
default:{ default:{
return true return true
} }
@ -485,10 +484,10 @@ useEffect(()=>{
switch (sortSelector) { switch (sortSelector) {
case "Rarity":{ case "Rarity":{
return b[1].rarity-a[1].rarity return b[1].rarity-a[1].rarity
}break; }
case "Attack":{ case "Attack":{
return b[1].atk-a[1].atk return b[1].atk-a[1].atk
}break; }
default:{ default:{
return 0 return 0
} }

Write Preview
Loading…
Cancel
Save