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

Working on item details box

Browse Source
This commit is contained in:
dudleycu 2021-08-10 22:05:10 +09:00
parent 26ed0359fb
commit b665b37fb1
4 changed files with 21836 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21779
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

BIN
public/icons/items/124/ui_item_1150003.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
public/nicodotpng.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 161 KiB

96
src/TestPanel.js
View File

@ -1,6 +1,7 @@
import React, { useEffect,useState,useRef } from 'react'; import React, { useEffect,useState,useRef } from 'react';
import ReactTooltip from 'react-tooltip' //https://wwayne.github.io/react-tooltip/ import ReactTooltip from 'react-tooltip' //https://wwayne.github.io/react-tooltip/
import Modal from 'react-modal' import Modal from 'react-modal'
import { urlencoded } from 'express';
/** /**
* Hook that alerts clicks outside of the passed ref * Hook that alerts clicks outside of the passed ref
@ -286,39 +287,86 @@ useEffect(()=>{
<div className="box"> <div className="box">
<div className="boxTitleBar"> <div className="boxTitleBar">
<h1>Equipped Weapon</h1></div> <h1>Equipped Weapon</h1></div>
<h2 className="rifle">{selectedWeapon[WEAPON_WEAPON]?.name+" "+selectedWeapon[WEAPON_WEAPONTYPE]?.name}+40</h2> <h2 className="rifle">{selectedWeapon[WEAPON_WEAPON]?.name + " " + selectedWeapon[WEAPON_WEAPONTYPE]?.name}+40</h2>
<PageControl pages={3} currentPage={weaponPage} setCurrentPage={setWeaponPage}/> <div><PageControl pages={3} currentPage={weaponPage} setCurrentPage={setWeaponPage} /><div></div></div>
{weaponPage === 1 ?
<>
<div className="itemDetailsGrid1">
<div className="itemDetailsIcon"><img src={process.env.PUBLIC_URL+"/icons/items/124/ui_item_1150003.png"} /></div><div className="itemDetailsProperties">RARITY, ATTACK, ELEMENT, EQUIP CONDITIONS, NOT TRADABLE</div>
<div>POTENTIAL
{weaponPage===3? </div>
</div>
</>
:weaponPage === 3 ?
<div class="equipDetails"> <div class="equipDetails">
<div class="equipAugs"> <div class="equipAugs">
<h3>Ability Details</h3> <h3>Ability Details</h3>
<ul> <ul>
<li><div class="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>Potency +20%/<br />Critical Hit Rage +15% for 30 seconds after a successful sidestep</span></div><span class="pot">Dynamo Unit Lv.3</span></li> <li><div class="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>Potency +20%/<br />Critical Hit Rage +15% for 30 seconds after a successful sidestep</span></div><span class="pot">Dynamo Unit Lv.3</span></li>
<li><div class="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>Potency +4%</span></div><span class="fixa">Fixa Attack Lv.3</span></li> <li><div class="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>Potency +4%</span></div><span class="fixa">Fixa Attack Lv.3</span></li>
<li><div class="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>PP +5<br />Ranged Weapon Potency +2.0%</span></div><span class="aug">Pettas Soul II</span></li> <li><div class="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>PP +5<br />Ranged Weapon Potency +2.0%</span></div><span class="aug">Pettas Soul II</span></li>
<li><div class="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 class="aug">Alts Secreta II</span></li> <li><div class="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 class="aug">Alts Secreta II</span></li>
<li><div class="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>HP +10<br />Ranged Weapon Potency +2.0%</span></div><span class="aug">Gigas Precision II</span></li> <li><div class="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>HP +10<br />Ranged Weapon Potency +2.0%</span></div><span class="aug">Gigas Precision II</span></li>
<li><div class="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>Ranged Weapon Potency +2.0%</span></div><span class="aug">Precision III</span></li> <li><div class="equipAugsExpand tooltip"><img alt="" src="./icons/aug_plus.png" /><span>Ranged Weapon Potency +2.0%</span></div><span class="aug">Precision III</span></li>
<li><img alt="" src="./icons/aug_plus.png" /></li> <li><img alt="" src="./icons/aug_plus.png" /></li>
</ul> </ul>
</div> </div>
<div class="pr"> <div class="pr">
<h3>Stat Adjustment</h3> <h3>Stat Adjustment</h3>
<ul> <ul>
<li>Enhancement Lv.&emsp;<span>+35</span></li> <li>Enhancement Lv.&emsp;<span>+35</span></li>
<li>Multi-Weapon&emsp;<span>-</span></li> <li>Multi-Weapon&emsp;<span>-</span></li>
<li>Element&emsp;<span>-</span></li> <li>Element&emsp;<span>-</span></li>
</ul> </ul>
</div> </div>
</div> </div>
: :
<>hi</> <>hi</>
} }
</div> </div>
<div className="box">
<div className="boxTitleBar">
<h1>To Do List</h1></div>
<h3>my things to do</h3>
<ul>
<li>Finish "Item Details" for Weapons/Armor</li>
<li>Grids. Grids everywhere.</li>
<li>Class Skill Window</li>
<li>PA Select Window</li>
<li>Food/Buffs Menu</li>
<li>Get all the fckn icons</li>
</ul>
<h3>sig's to do list lol</h3>
<ul>
<li>Default icon for weapons/armor etc</li>
<li>make big picture small times 1000</li>
<li>sig make the page thingie i would do it but im big dum</li>
</ul>
</div>
</div> </div>
<div className="containerC"> <div className="containerC">
<div className="box"> <div className="box">