feat: multiclassing almost works in 2e

Kemkas.Web/frontend/src/second-edition/components/LevelUps.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import {Karakter2E} from "../domain-models/karakter2E";
+import {ChangeOsztalyAtSzint, Karakter2E} from "../domain-models/karakter2E";
 import BasicNewLevel from "./BasicNewLevel";
 import TulajdonsagNoveles from "./TulajdonsagNoveles";
 import {Tulajdonsag2E, TulajdonsagokTotal} from "../domain-models/tulajdonsag2E";
@@ -7,24 +7,31 @@ import {arraySetN} from "../../util";
 import {Osztaly2E} from "../domain-models/osztaly2E";
 import KalozKritikus from "./KalozKritikus";
 import HarcosFegyverSpecializacio from "./HarcosFegyverSpec";
+import {BasicOsztalySelector2E} from "./OsztalySelector2E";
 
 function LevelUp(props: {
     szint: number,
+    osztaly: Osztaly2E,
     karakter: Karakter2E,
     changeTulajdonsagNoveles: (t: Tulajdonsag2E) => void,
     changeRolledHP: (rolledHP: number) => void,
     changeHarcosSpec: (spec: string) => void,
     changeKalozKritikus: (krit: string) => void,
+    changeOsztaly: (osztaly: Osztaly2E) => void
 }) {
     const {
         szint,
+        osztaly,
         karakter,
         changeTulajdonsagNoveles,
         changeRolledHP,
         changeHarcosSpec,
         changeKalozKritikus,
+        changeOsztaly
     } = props
 
+    const harcosSzint = karakter.szintlepesek.filter(x => x.osztaly === Osztaly2E.Harcos).length
+    const kalozSzint = karakter.szintlepesek.filter(x => x.osztaly === Osztaly2E.Tengeresz).length
     const specialization = karakter.szintlepesek[szint-1].harcosFegyver
     const krit = karakter.szintlepesek[szint-1].kalozKritikus
 
@@ -32,6 +39,7 @@ function LevelUp(props: {
         <div className='row mt-3'>
             <h5 className='col align-self-center'>{szint}. Szint</h5>
         </div>
+        <BasicOsztalySelector2E faj={karakter.faj} osztaly={osztaly} changeOsztaly={changeOsztaly} />
         {szint % 4 === 0 
             && <TulajdonsagNoveles
             tulajdonsagok={karakter.tulajdonsagok}
@@ -41,22 +49,23 @@ function LevelUp(props: {
         <BasicNewLevel
             szint={szint}
             karakter={karakter}
+            osztaly={osztaly}
             changeRolledHP={changeRolledHP}
         />
-        {karakter.osztaly === Osztaly2E.Harcos && szint % 2 === 1 &&
+        {osztaly === Osztaly2E.Harcos && harcosSzint % 2 === 1 &&
             <HarcosFegyverSpecializacio
                 specialization={specialization!}
                 existingSpecializations={karakter.szintlepesek.map(x => x.harcosFegyver)}
                 changeSpecialization={changeHarcosSpec}
-                szint={szint}
+                szint={harcosSzint}
             />
         }
-        {karakter.osztaly === Osztaly2E.Tengeresz && szint % 3 === 0 && !!krit &&
+        {osztaly === Osztaly2E.Tengeresz && kalozSzint % 3 === 0 && !!krit &&
             <KalozKritikus
                 kritFegyverId={krit}
                 existingKrits={karakter.szintlepesek.map(x => x.kalozKritikus)}
                 changeKrit={changeKalozKritikus}
-                szint={szint}
+                szint={kalozSzint}
             />
         }
     </div>
@@ -65,10 +74,10 @@ function LevelUp(props: {
 export function LevelUps(props: {karakter: Karakter2E, changeKarakter: (inputs: Karakter2E) => void}){
     const {karakter, changeKarakter} = props;
 
-    const tulajdonsagokAtSzint = (szint: number) => TulajdonsagokTotal({...karakter, szintlepesek: karakter.szintlepesek.slice(0, szint - 1)})
+    const tulajdonsagokAtSzint = (szint: number) => TulajdonsagokTotal({...karakter, szintlepesek: karakter.szintlepesek.slice(0, szint)})
 
     const changeRolledHPAtSzint = (szint: number) => (newHProll: number) => {
-        changeKarakter({...karakter, szintlepesek: arraySetN(karakter.szintlepesek, szint-2, {...karakter.szintlepesek[szint-2], HProll: newHProll})})
+        changeKarakter({...karakter, szintlepesek: arraySetN(karakter.szintlepesek, szint-1, {...karakter.szintlepesek[szint-1], HProll: newHProll})})
         console.log(karakter)
     }
     const changeTulajdonsagNovelesAtSzint = (szint: number) => {
@@ -113,11 +122,13 @@ export function LevelUps(props: {karakter: Karakter2E, changeKarakter: (inputs:
             <LevelUp
                 key={`level-up-${szint}`}
                 szint={szint}
-                karakter={{...karakter, tulajdonsagok: tulajdonsagokAtSzint(szint)}}
+                osztaly={karakter.szintlepesek[szint-1].osztaly}
+                karakter={{...karakter, szintlepesek: karakter.szintlepesek.slice(0, szint) ,tulajdonsagok: tulajdonsagokAtSzint(szint)}}
                 changeTulajdonsagNoveles={changeTulajdonsagNovelesAtSzint(szint)}
                 changeRolledHP={changeRolledHPAtSzint(szint)}
                 changeHarcosSpec={changeHarcosSpecializacioAtSzint(szint)}
                 changeKalozKritikus={changeKalozKritikusAtSzint(szint)}
+                changeOsztaly={(o) => changeKarakter(ChangeOsztalyAtSzint(karakter, o, szint))}
             />
         )}
     </>