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

Working on test panel, updated database administrative interface.

Browse Source 
Co-authored-by: dudleycu <dudleyc.twitch@gmail.com>
This commit is contained in:
Joshua Sigona 2021-08-06 21:55:41 +09:00
parent a60c4c2e86
commit 749c109309
1 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/TestPanel.js
View File

@ -5,19 +5,21 @@ function DefaultTooltip(p) {
} }
function ExpandTooltip(p) { function ExpandTooltip(p) {
return <Tooltip return <Tooltip
arrow={15} background="rgba(38,53,63,0.95);"
border="0"
arrow={10}
fadeDuration={200} fadeDuration={200}
fadeEasing="linear" fadeEasing="linear"
fixed={true} fixed={false}
offset={0} offset={0}
padding={16} padding={16}
placement="top" placement="top"
radius={10} radius={5}
zIndex={1} zIndex={1}
className="xTooltip" content={p.tooltip}>{p.mouseOverText}</Tooltip> className="xTooltip" content={p.tooltip}>{p.mouseOverText}</Tooltip>
} }
function TestPanel() { function TestPanel(p) {
return ( //Futasuke is a genius return ( //Futasuke is a genius
<div className="main"> <div className="main">
<div className="containerA"> <div className="containerA">
@ -26,6 +28,11 @@ function TestPanel() {
<h1>Basic Information</h1> <h1>Basic Information</h1>
<div className="boxExit"></div> <div className="boxExit"></div>
</div> </div>
<div>
<
</div>
<table className="basicInfo"> <table className="basicInfo">
<tr> <tr>
<td>Author</td> <td>Author</td>
@ -112,13 +119,12 @@ function TestPanel() {
<h3>Abilitiy Details</h3> <h3>Abilitiy Details</h3>
<ul> <ul>
<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 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 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 alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} />} tooltip={<>Potency +4%</>}/><span className="fixa">Fixa Attack Lv.3</span></li>
<li><div className="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>Potency +4%</span></div><span className="fixa">Fixa Attack Lv.3</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><div className="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>PP +5<br />Ranged Weapon Potency +2.0%</span></div><span className="aug">Pettas Soul 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><div className="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>HP -10, Potency +1.5%,<br />Potency Floor Increase +1.5%<br />Damage Resistance -1.5%</span></div><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<br />Ranged Weapon Potency +2.0%</>}/><span className="aug">Gigas Precision II</span></li>
<li><div className="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>HP +10<br />Ranged Weapon Potency +2.0%</span></div><span className="aug">Gigas Precision II</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><div className="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>Ranged Weapon Potency +2.0%</span></div><span className="aug">Precision III</span></li> <li><img alt="" src={process.env.PUBLIC_URL+"/icons/aug_plus.png"} /></li>
<li><img alt="" src="./icons/aug_plus.png" /></li>
</ul> </ul>
</div> </div>
<div className="pr"> <div className="pr">
@ -141,7 +147,7 @@ function TestPanel() {
<table className="statsInfo"> <table className="statsInfo">
<tr> <tr>
<td>Battle Power</td> <td>Battle Power</td>
<td className="ri">1344</td> <td className="ri">{p.bp}</td>
<td>&nbsp;</td> <td>&nbsp;</td>
</tr> </tr>
<tr> <tr>