diff --git a/src/App.js b/src/App.js index 26e701d..7f95fc2 100644 --- a/src/App.js +++ b/src/App.js @@ -57,11 +57,11 @@ function Box(p) { } function Table(p) { - return

+ return {p.children} -

+ } function InputBox(p) { @@ -93,7 +93,7 @@ function InputBox(p) { return p.data?:{keydownFunc(f)}} onChange={(f)=>{changeFunc(f)}} onBlur={(f)=>{blurFunc(f)}}/> } @@ -212,7 +212,7 @@ function TableEditor(p) { {!loading?
- {importAllowed&& {{fields.map((col,i)=>)}{SubmitBoxes()}} className="submitbutton"/>} + (f)=>{setSubmitVal({field:col.name,value:f});}}/>})}} {data.map((dat)=>{fields.map((col,i)=>)})} @@ -323,13 +323,13 @@ function DatabaseEditor(p) {

Live Database    Test Database
- {databases.map((db)=>{ + {databases.map((db,i)=>{ var label = "" if (db.datname!=="ngsplanner"&&db.datname!=="ngsplanner2") { var dateStr = db.datname.replace("ngsplanner","") var date = new Date(dateStr.slice(0,4),dateStr.slice(4,6),dateStr.slice(6,8),dateStr.slice(8,10),dateStr.slice(10,12),dateStr.slice(12,14)) label=<>{"Backup from "+date} - return <>{label}
+ }}> Restore
} else { - return <> + return } })} @@ -430,10 +430,10 @@ function AdminPanel(p) {

Navigation

-

Testing Mode {p.setTESTMODE(f.target.checked)}}/> {p.TESTMODE?ON:OFF}

+ Testing Mode {p.setTESTMODE(f.target.checked)}}/> {p.TESTMODE?ON:OFF}
{ + {importAllowed&&{ const reader = new FileReader() reader.onload=(ev)=>{ var promises=[] @@ -239,7 +239,7 @@ function TableEditor(p) {
{{setSubmitVal({field:col.name,value:f});}}/>}
{SubmitBoxes()}} className="submitbutton"/>
patchValue(value,p,col,dat)} callback2={(f,value)=>{if (f.key==='Enter') {f.currentTarget.blur()} else {return 'Chill'}}} value={String(dat[col.name])}/>
- {navigationData.map((nav)=>(nav.hr)?
:<>{nav.page}
)} + {navigationData.map((nav,i)=>(nav.hr)?
:{nav.page}
)} Database Manager
@@ -442,7 +442,7 @@ function AdminPanel(p) { - {navigationData.map((nav)=>(nav.duplicate===undefined&&nav.hr===undefined)&& + {navigationData.map((nav,i)=>(nav.duplicate===undefined&&nav.hr===undefined)&&

{nav.page}

diff --git a/src/TestPanel.js b/src/TestPanel.js index 1829756..7bf8aac 100644 --- a/src/TestPanel.js +++ b/src/TestPanel.js @@ -74,7 +74,7 @@ function EditableClass(p){ function PopupWindow(p) { - return {p.setModalOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlay"> + return {p.setModalOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlay">

{p.title}

@@ -117,7 +117,7 @@ function SelectorWindow(p) { {(p.sortItems||p.filter)&&
{p.sortItems&&}
@@ -127,7 +127,7 @@ function SelectorWindow(p) { }
    - {p.filter?itemList.filter((item)=>p.filterFunction(tabPage,item)).filter((item)=>p.searchFieldFunction(filter,item)).sort((a,b)=>p.sortOrderFunction(sortSelector,a,b)).map((item)=>p.displayFunction(item)):itemList.map((item)=>p.displayFunction(item))} + {p.filter?itemList.filter((item)=>p.filterFunction(tabPage,item)).filter((item)=>p.searchFieldFunction(filter,item)).sort((a,b)=>p.sortOrderFunction(sortSelector,a,b)).map((item,i)=>{p.displayFunction(item)}):itemList.map((item,i)=>{p.displayFunction(item)})} {p.children}
@@ -230,7 +230,7 @@ function SkillTreeBoxes(p) { return <> {p.skillTreeSkillData&&p.skillTreeSkillData.map((skill,i)=>{ var splitter = skill.split(",") - return splitter[0]!==""&&splitter[1]!==""&&splitter[2]!==""&&0?"skillActive":""} boxId={i} skillPointData={p.skillPointData} setSkillPointData={p.setSkillPointData} page={p.page} cl={p.cl} maxPoints={GetHighestLevel(splitter[2])} points={p.points} setPoints={p.setPoints} GetData={p.GetData} skill={splitter.map((numb)=>Number(numb))}/> + return splitter[0]!==""&&splitter[1]!==""&&splitter[2]!==""&&0?"skillActive":""} boxId={i} skillPointData={p.skillPointData} setSkillPointData={p.setSkillPointData} page={p.page} cl={p.cl} maxPoints={GetHighestLevel(splitter[2])} points={p.points} setPoints={p.setPoints} GetData={p.GetData} skill={splitter.map((numb)=>Number(numb))}/> })} } @@ -711,7 +711,7 @@ AUGMENT
- { setClassSkillTreeWindowOpen(false) }} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlay"> + { setClassSkillTreeWindowOpen(false) }} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlay">

Class Skill Tree

@@ -765,7 +765,7 @@ AUGMENT } }} displayFunction={(item)=>{ - return
  • {setSelectedWeapon(item);setWeaponSelectWindowOpen(false)}}>
    {GetSpecialWeaponName(item)}

    {item[WEAPON_WEAPON].atk} {item[WEAPON_POTENTIAL_TOOLTIP].map((pot,i)=><>{(i!==0)&&
    }{pot.name}: {pot.description?pot.description.split("\\n").map((it)=><>{it}
    ):<>})}}> + return
  • {setSelectedWeapon(item);setWeaponSelectWindowOpen(false)}}>
    {GetSpecialWeaponName(item)}

    {item[WEAPON_WEAPON].atk} {item[WEAPON_POTENTIAL_TOOLTIP].map((pot,i)=>{(i!==0)&&
    }{pot.name}: {pot.description?pot.description.split("\\n").map((it,ii)=>{it}
    ):})}}> {item[WEAPON_POTENTIAL].name}
    • }} /> diff --git a/src/skilltree/skillTree.js b/src/skilltree/skillTree.js index d2c8356..be9ba50 100644 --- a/src/skilltree/skillTree.js +++ b/src/skilltree/skillTree.js @@ -47,7 +47,7 @@ function SkillTree(p) { return {p.children} + height={height} ref={canvasRef} style={p.style} className={p.className}>{p.children} } export {SkillTree} \ No newline at end of file diff --git a/src/skilltree/skillTreeEditor.js b/src/skilltree/skillTreeEditor.js index 721d060..9f36631 100644 --- a/src/skilltree/skillTreeEditor.js +++ b/src/skilltree/skillTreeEditor.js @@ -1,5 +1,5 @@ import { SkillTree } from "./skillTree"; -import { useEffect,useState,useMemo,useCallback } from "react"; +import React, { useEffect,useState,useMemo,useCallback } from "react"; import { SkillTreeSelector } from "./skillTreeSelector"; import axios from "axios"; @@ -174,9 +174,9 @@ function SkillTreeEditor(p) { return <> {loading?:<>

    {message}

    - {setCl(Number(f.currentTarget.value))}}> - {Object.keys(classList).map((c)=>)} + {Object.keys(classList).map((c)=>)}

    @@ -189,19 +189,19 @@ function SkillTreeEditor(p) { gridDimensionsX={dimensionX} gridDimensionsY={dimensionY} gridSizeX={gridSizeX} gridSizeY={gridSizeY} gridPaddingX={gridPaddingX} gridPaddingY={gridPaddingY} skillLines={skillLines} halflineheight={halflineheight} /> - {renderedInputs.map((control)=>control)} + {renderedInputs.map((control,i)=>{control})}

    - {setLineColor(f.currentTarget.value)}}/>
    - {setLineWidth(f.currentTarget.value)}}/>
    - {setDimensionX(f.currentTarget.value)}}/>
    - {setDimensionY(f.currentTarget.value)}}/>
    - {setHalfLineHeight(f.currentTarget.value)}}/>
    - {setGridSizeX(f.currentTarget.value)}}/>
    - {setGridSizeY(f.currentTarget.value)}}/>
    - {setGridPaddingX(f.currentTarget.value)}}/>
    - {setGridPaddingY(f.currentTarget.value)}}/>
    + {setLineColor(f.currentTarget.value)}}/>
    + {setLineWidth(f.currentTarget.value)}}/>
    + {setDimensionX(f.currentTarget.value)}}/>
    + {setDimensionY(f.currentTarget.value)}}/>
    + {setHalfLineHeight(f.currentTarget.value)}}/>
    + {setGridSizeX(f.currentTarget.value)}}/>
    + {setGridSizeY(f.currentTarget.value)}}/>
    + {setGridPaddingX(f.currentTarget.value)}}/>
    + {setGridPaddingY(f.currentTarget.value)}}/>
    } diff --git a/src/skilltree/skillTreeSelector.js b/src/skilltree/skillTreeSelector.js index 29dce30..37429b4 100644 --- a/src/skilltree/skillTreeSelector.js +++ b/src/skilltree/skillTreeSelector.js @@ -13,11 +13,11 @@ function SkillTreeSelector(p) { return <> {p.defaultValue==='□'&&}