90 lines
4.4 KiB
TypeScript
90 lines
4.4 KiB
TypeScript
import React from "react";
|
|
import {Karakter2E} from "../domain-models/karakter2E";
|
|
import {SignedNumberToText} from "../../shared/components/Helpers";
|
|
import {Mentok, MentoTipus, MentoTipusLabel, MentokTotal} from "../domain-models/mentok";
|
|
import {BaseHP, HP} from "../domain-models/masodlagos_ertekek";
|
|
import {MultiClassTamadasBonusz} from "../domain-models/tamadas_bonusz";
|
|
import {Osztaly2E} from "../domain-models/osztaly2E";
|
|
|
|
function MentoNovekedes(props : {tipus: MentoTipus, ujMentok: Mentok, regiMentok: Mentok}) {
|
|
const {tipus, ujMentok, regiMentok} = props
|
|
if (ujMentok[tipus] === regiMentok[tipus]) {
|
|
return null
|
|
}
|
|
return <div className='row m-2'>
|
|
<label className='col-sm-6 col-8 col-form-label'>{MentoTipusLabel(tipus)} mentő növekedés{' '}</label>
|
|
<span className='col col-form-label'>{SignedNumberToText(ujMentok[tipus] - regiMentok[tipus])}</span>
|
|
</div>;
|
|
}
|
|
|
|
function UjMento(props : {tipus: MentoTipus, ujMentok: Mentok, regiMentok: Mentok}) {
|
|
const {tipus, ujMentok, regiMentok} = props
|
|
if (ujMentok[tipus] === regiMentok[tipus]) {
|
|
return null
|
|
}
|
|
return <div className='row m-2'>
|
|
<label className='col-sm-6 col-8 col-form-label'>{MentoTipusLabel(tipus)} mentő új értéke{' '}</label>
|
|
<span className='col col-form-label'>{SignedNumberToText(ujMentok[tipus])}</span>
|
|
</div>;
|
|
}
|
|
|
|
function BasicNewLevel(props: {
|
|
karakter: Pick<Karakter2E, 'tulajdonsagok' | 'szintlepesek'>
|
|
szint: number
|
|
osztaly: Osztaly2E
|
|
changeRolledHP: (hp: number) => void,
|
|
}) {
|
|
const {karakter, szint, osztaly, changeRolledHP} = props
|
|
const regiMentok = MentokTotal({...karakter, szintlepesek: karakter.szintlepesek.slice(0, szint - 1)})
|
|
const ujMentok = MentokTotal({...karakter, szintlepesek: karakter.szintlepesek.slice(0, szint)})
|
|
|
|
const regiTB = MultiClassTamadasBonusz(karakter.szintlepesek.slice(0, szint-1))
|
|
const ujTB = MultiClassTamadasBonusz(karakter.szintlepesek.slice(0, szint))
|
|
if (regiTB.length < ujTB.length) {
|
|
regiTB.push(0)
|
|
}
|
|
const TBdiff = ujTB.map((x, i) => x - regiTB[i])
|
|
const isTBincreased = TBdiff.length > 0 && TBdiff.some(x => x > 0)
|
|
|
|
return <>
|
|
<div className='row'>
|
|
<div className='col-lg-6'>
|
|
<div className='row m-2'>
|
|
<label className='col-sm-6 col-8 col-form-label'>Plusz dobott HP (d{BaseHP(osztaly)}){' '}</label>
|
|
<div className='col-sm-2 col'>
|
|
<input
|
|
className='form-control'
|
|
maxLength={2}
|
|
type='number'
|
|
value={karakter.szintlepesek[szint-1].HProll || 1}
|
|
min={1}
|
|
max={12}
|
|
onChange={e => changeRolledHP(Number(e.target.value))} />
|
|
</div>
|
|
</div>
|
|
{ isTBincreased && <div className='row m-2'>
|
|
<label className='col-sm-6 col-8 col-form-label'>Támadás bónusz növekedés{' '}</label>
|
|
<span className='col col-form-label'>{TBdiff.map(SignedNumberToText).join(" / ")}</span>
|
|
</div>}
|
|
<MentoNovekedes tipus={'kitartas'} ujMentok={ujMentok} regiMentok={regiMentok} />
|
|
<MentoNovekedes tipus={'reflex'} ujMentok={ujMentok} regiMentok={regiMentok} />
|
|
<MentoNovekedes tipus={'akaratero'} ujMentok={ujMentok} regiMentok={regiMentok} />
|
|
</div>
|
|
<div className='col-lg-6'>
|
|
<div className='row m-2'>
|
|
<label className='col-sm-6 col-8 col-form-label'>Új HP{' '}</label>
|
|
<span className='col col-form-label'>{HP({...karakter, szintlepesek: karakter.szintlepesek.slice(0, szint)})}</span>
|
|
</div>
|
|
{isTBincreased && <div className='row m-2'>
|
|
<label className='col-sm-6 col-8 col-form-label'>Új Támadás bónusz{' '}</label>
|
|
<span className='col col-form-label'>{ujTB.map(SignedNumberToText).join(" / ")}</span>
|
|
</div>}
|
|
<UjMento tipus={'kitartas'} ujMentok={ujMentok} regiMentok={regiMentok} />
|
|
<UjMento tipus={'reflex'} ujMentok={ujMentok} regiMentok={regiMentok} />
|
|
<UjMento tipus={'akaratero'} ujMentok={ujMentok} regiMentok={regiMentok} />
|
|
</div>
|
|
</div>
|
|
</>
|
|
}
|
|
|
|
export default BasicNewLevel |