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

Add non-functional share-save buttons

Browse Source
This commit is contained in:
Joshua Sigona 2021-07-11 19:20:25 +09:00
parent b291ae9e3b
commit fbc21be857
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/App.css
View File

@ -338,4 +338,16 @@ input#editBox{
overflow:wrap; overflow:wrap;
background-color:rgba(64,64,96,0.9); background-color:rgba(64,64,96,0.9);
color:rgba(210,210,210,1); color:rgba(210,210,210,1);
}
button{
padding:0px 3px 0px 3px;
border: 1px black solid;
background-color:gray;
color:white;
font-family: ngs,sans-serif;
font-size: 16px;
font-weight: normal;
text-align: center;
-webkit-font-smoothing: antialiased;
text-shadow: -1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
} }

10
src/App.js
View File

@ -1,6 +1,6 @@
import './App.css'; import './App.css';
import React, {useState,useEffect,useRef} from 'react'; import React, {useState,useEffect,useRef} from 'react';
//import ReactWindow from 'reactjs-windows' import ReactWindow from 'reactjs-windows'
import 'reactjs-windows/dist/index.css' import 'reactjs-windows/dist/index.css'
function Col(p) { function Col(p) {
@ -181,6 +181,7 @@ function MainBox(p) {
<ListRow title="Build Name"><EditableBox setData={p.setBuildName} data={p.buildName}/></ListRow> <ListRow title="Build Name"><EditableBox setData={p.setBuildName} data={p.buildName}/></ListRow>
<ListRow title="Class" content={<EditableClass setClassName={p.setClassName} class={p.className}></EditableClass>}><span className="ye">Lv.20</span></ListRow> <ListRow title="Class" content={<EditableClass setClassName={p.setClassName} class={p.className}></EditableClass>}><span className="ye">Lv.20</span></ListRow>
<ListRow content={<><EditableClass setClassName={p.setSecondaryClassName} class={p.secondaryClassName}></EditableClass></>}>Lv.15</ListRow> <ListRow content={<><EditableClass setClassName={p.setSecondaryClassName} class={p.secondaryClassName}></EditableClass></>}>Lv.15</ListRow>
<ListRow><button>Share</button> <button>Save</button></ListRow>
</Table> </Table>
</Box> </Box>
} }
@ -336,6 +337,12 @@ function ListRow(p) {
</tr> </tr>
} }
function PopupWindow(p) {
return <ReactWindow title="Test Window">
This is a test window.
</ReactWindow>
}
function App() { function App() {
const [author,setAuthor] = useState("Dudley") const [author,setAuthor] = useState("Dudley")
const [buildName,setBuildName] = useState("Fatimah") const [buildName,setBuildName] = useState("Fatimah")
@ -404,6 +411,7 @@ function App() {
<StatsBox bp={bp} setBP={setBP} hp={hp} setHP={setHP} pp={pp} setPP={setPP} def={def} setDef={setDef} weaponUp1={weaponUp1} setWeaponUp1={setWeaponUp1} weaponUp2={weaponUp2} setWeaponUp2={setWeaponUp2} weaponUp3={weaponUp3} setWeaponUp3={setWeaponUp3} damageResist={damageResist} setDamageResist={setDamageResist}/> <StatsBox bp={bp} setBP={setBP} hp={hp} setHP={setHP} pp={pp} setPP={setPP} def={def} setDef={setDef} weaponUp1={weaponUp1} setWeaponUp1={setWeaponUp1} weaponUp2={weaponUp2} setWeaponUp2={setWeaponUp2} weaponUp3={weaponUp3} setWeaponUp3={setWeaponUp3} damageResist={damageResist} setDamageResist={setDamageResist}/>
<DamageBox criticalHitRate={criticalHitRate} setCriticalHitRate={setCriticalHitRate} criticalMultiplier={criticalMultiplier} setCriticalMultiplier={setCriticalMultiplier} midRange={midRange} setMidRange={setMidRange} critical={critical} setCritical={setCritical} effective={effective} setEffective={setEffective}/> <DamageBox criticalHitRate={criticalHitRate} setCriticalHitRate={setCriticalHitRate} criticalMultiplier={criticalMultiplier} setCriticalMultiplier={setCriticalMultiplier} midRange={midRange} setMidRange={setMidRange} critical={critical} setCritical={setCritical} effective={effective} setEffective={setEffective}/>
</Col> </Col>
<PopupWindow/>
</div></> </div></>
); );
} }