diff --git a/ngoplanner/src/App.css b/ngoplanner/src/App.css index 53bc857..d60512b 100644 --- a/ngoplanner/src/App.css +++ b/ngoplanner/src/App.css @@ -27,7 +27,7 @@ body { background-size: 1903px,2560px; background-color: #e8ecf4; background-repeat: no-repeat,repeat-y; - background-position: center; + background-position: center 0px; color: black; font-family: ngs,sans-serif; font-size: 16px; @@ -306,4 +306,9 @@ td:last-child { } .ye { color: #ffb74c; +} + +.hover:hover{ + background-color:rgba(255,255,0,0.4); + cursor:pointer; } \ No newline at end of file diff --git a/ngoplanner/src/App.js b/ngoplanner/src/App.js index 6eb1201..f11a3aa 100644 --- a/ngoplanner/src/App.js +++ b/ngoplanner/src/App.js @@ -1,183 +1,191 @@ import logo from './logo.svg'; import './App.css'; +import React, {useState,useEffect,useRef} from 'react'; + +function Col(p) { + return
+ {p.children} +
+} + +function Box(p) { + return <> +
+

♦ {p.title}

+ {p.children} +
+ +} + +function EditBox(p) { + const [loaded,setLoaded] = useState(false) + useEffect(()=>{ + setTimeout(()=>{document.getElementById("editBox").focus()},100) + setLoaded(true) + }) +return { + if (e.key==="Enter") {p.setEdit(false)} +}} maxLength={p.maxlength?p.maxlength:20} onBlur={()=>{p.setEdit(false)}} value={p.value} onChange={(f)=>{p.setName(f.currentTarget.value)}}> + + +} + +function EditableBox(p) { + const [name,setName] = useState(p.data) + const [edit,setEdit] = useState(false) + return <> +
{setEdit(true)}}> + {edit? + + :<>{name}} +
+ +} + +function MainBox() { + return + + + + Ranger}>Lv.20 + Force}>Lv.15 +
+ +} + +function StatsBox() { + return + + + + + + +34%}> +34% + +34%}> + +
+ +} + +function EffectsBox() { + return + +

Effect Name

+ + +} + +function EquipBox() { + return +
+

Weapon



Ophistia Shooter+35
+

Slot 1



Klauzdyne+10
+

Slot 2



Klauznum+10
+

Slot 3



Klauzment+10
+
+ +} + +function EquippedWeaponBox() { + return +

Ophistia Shooter+35

+ +
+
+

Abilitiy Details

+
    +
  • Wellspring Unit Lv.3
    • +
  • Fixa Fatale Lv.5
    • +
  • Legaro S Attack II
    • +
  • Legaro S Efficet
    • +
  • Legaro S Efficet
    • +
  • Legaro Souls 2
    • +
  • Legaro Reverij
    • +
  • Legaro Factalz
    • +
  • Legaro Crakus
    • +
  • Legaro Attack Vaz III
    • +
+
+
+

Properties

+
    +
  • Enhancement Lv. +35
    • +
  • Multi-Weapon -
    • +
  • Element -
    • +
+
+
+ +} + +function DamageBox() { + return + +

+ + 5% + 120% + 126 + 152 + 127 +
+ +} + +function ListRow(p) { + return + {p.title} + {p.content} + {p.children} + +} function App() { return ( <>
-
-
-

♦ NGS Planner

- - - - - - - - - - - - - - - - - - - - - -
Author Dudley
Build Name Fatimah
Class RangerLv.20
  ForceLv.15
-
-
-

♦ Stats

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Battle Power1344 
HP289 
PP100 
Defense402 
Weapon Up +34% +34%
+34% 
Damage Resist.18% 
-
-
-

♦ Current Effects

-
    -
  • 1
    • -
  • 2
    • -
-

Effect Name

-
    -
  • Food Bost Effect -
      -
    •  [Meat] Potency +10.0%
      • -
    •  [Crisp] Potency to Weak Point +5.0%
      • -
    -
    • -
  • Shifta / Deband -
      -
    •  Potency +5.0%
      • -
    •  Damage Resistance +10.0%
      • -
    -
    • -
  • Region Mag Boost -
      -
    •  Potency +5.0%
      • -
    -
    • -
-
-
-
-
-

♦ Equip

-
-

Weapon



Ophistia Shooter+35
-

Slot 1



Klauzdyne+10
-

Slot 2



Klauznum+10
-

Slot 3



Klauzment+10
-
-
-
-

♦ Equipped Weapon

-

Ophistia Shooter+35

-
    -
  • W
    • -
  • 1
    • -
  • 2
    • -
  • 3
    • -
-
-
-

Abilitiy Details

-
    -
  • Wellspring Unit Lv.3
    • -
  • Fixa Fatale Lv.5
    • -
  • Legaro S Attack II
    • -
  • Legaro S Efficet
    • -
  • Legaro S Efficet
    • -
  • Legaro Souls 2
    • -
  • Legaro Reverij
    • -
  • Legaro Factalz
    • -
  • Legaro Crakus
    • -
  • Legaro Attack Vaz III
    • -
-
-
-

Properties

-
    -
  • Enhancement Lv. +35
    • -
  • Multi-Weapon -
    • -
  • Element -
    • -
-
-
-
-
-
-
-

♦ Damage

-
    -
  • 1
    • -
  • 2
    • -
  • 3
    • -
-

- - - - - - - - - - - - - - - - - - - - - -
Critical Hit Rate5%
Critical Multiplier120%
Midrange126
Critcal152
Effective127
-
-
+ + + + + + + + + + + +
); }