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>
This commit is contained in:
Joshua Sigona 2021-08-08 03:57:07 +09:00
parent 7ea381f0cf
commit 51e12ef157
2 changed files with 42 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.js
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
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
} }