WIP 2e

so far: faj2E, osztaly2E, kepzettsegek2E (with some bugs)
2026-07-18 03:13:46 +00:00 · 2024-01-09 22:58:50 +01:00
parent e51bde66da
commit d56d7c9899
31 changed files with 1883 additions and 95 deletions
@@ -0,0 +1,52 @@
+import React from "react";
+
+import {Faj2E, FajLabel} from "../domain-models/faj2E";
+import {Modifier} from "../domain-models/tulajdonsag2E";
+import {SignedNumberToText} from "../../shared/helpers";
+
+
+function fajiModositoText(faj: Faj2E, szamolas: (f: Faj2E) => number) : string {
+    const mod = szamolas(faj)
+    return (mod !== 0) ? SignedNumberToText(mod) + ' (' + FajLabel(faj) + ')' : ''
+}
+
+function TulajdonsagInput(props: {
+    tulajdonsag: string,
+    currentFaj : Faj2E,
+    fajiModosito: (faj: Faj2E) => number,
+    changeValue: (val: number) => void
+    currentValue: number
+    tooLowError: string,
+    tooHighError: string
+}) {
+    const {
+        tulajdonsag,
+        changeValue,
+        currentFaj,
+        currentValue,
+        fajiModosito,
+        tooLowError,
+        tooHighError,
+    } = props;
+    return (<div className='row m-2'>
+        <label className='col-lg-1 col-sm-2 col-form-label'>{tulajdonsag}</label>
+        <div className='col-lg-1 col-sm-2 m-2'>
+            <input className='form-control' maxLength={2} type='number' value={currentValue} onChange={e => changeValue(Number(e.target.value))} />
+        </div>
+        <span className='col-sm-2 m-2'>
+                            {fajiModositoText(currentFaj, fajiModosito)}
+                        </span>
+        <span className='col-sm-2 m-2'>
+                            Összesen: { (currentValue + (fajiModosito(currentFaj))).toString() }
+                        </span>
+        <span className='col-sm-2 m-2'>
+                            Módosító: { SignedNumberToText(Modifier(currentValue + fajiModosito(currentFaj))) }
+                        </span>
+        {currentValue < 3 && (
+            <span className='form-field-error'>{tooLowError}</span>)}
+        {currentValue > 18 && (
+            <span className='form-field-error'>{tooHighError}</span>)}
+    </div>)
+}
+
+export default TulajdonsagInput;