ci: split repo: make this repo frontend only again

2024-03-09 00:08:09 +01:00
parent 5f56f34b4e
commit b132a5801b
308 changed files with 9 additions and 43867 deletions
@@ -0,0 +1,75 @@
+import React from "react";
+import {
+    Osztaly2E,
+    OsztalyDescription,
+    OsztalyLabel,
+    OsztalyProperties,
+    OsztalySpecialSkills
+} from "../domain-models/osztaly2E";
+import {Faj2E, SzintKorlatokFajokra} from "../domain-models/faj2E";
+
+function OsztalySelector2E(props: {
+    currentFaj: Faj2E,
+    currentOsztaly: Osztaly2E,
+    changeOsztaly: (newOsztaly: Osztaly2E) => void
+}) {
+    const {currentFaj, currentOsztaly, changeOsztaly} = props;
+
+    return <>
+        <div className='row m-2'>
+            <label className='col-md-2 col-sm-3 col-form-label'>Osztály</label>
+            <select className="col form-select" value={currentOsztaly}
+                    onChange={(e) => changeOsztaly(e.target.value as Osztaly2E)}>
+                <optgroup label='Harcos'>
+                    <option value={Osztaly2E.Harcos}>{OsztalyLabel(Osztaly2E.Harcos)}</option>
+                    {SzintKorlatokFajokra(currentFaj)[Osztaly2E.Amazon] > 0 && (
+                        <option value={Osztaly2E.Amazon}>{OsztalyLabel(Osztaly2E.Amazon)}</option>)}
+                    <option value={Osztaly2E.Barbar}>{OsztalyLabel(Osztaly2E.Barbar)}</option>
+                    <option value={Osztaly2E.Ijasz}>{OsztalyLabel(Osztaly2E.Ijasz)}</option>
+                    <option value={Osztaly2E.Tengeresz}>{OsztalyLabel(Osztaly2E.Tengeresz)}</option>
+                </optgroup>
+                <option value={Osztaly2E.Pap}>{OsztalyLabel(Osztaly2E.Pap)}</option>
+                <option value={Osztaly2E.Tolvaj}>{OsztalyLabel(Osztaly2E.Tolvaj)}</option>
+                <optgroup label='Varázsló'>
+                    <option value={Osztaly2E.Varazslo}>{OsztalyLabel(Osztaly2E.Varazslo)}</option>
+                    <option value={Osztaly2E.Illuzionista}>{OsztalyLabel(Osztaly2E.Illuzionista)}</option>
+                </optgroup>
+                <optgroup label='Opcionális'>
+                    <option value={Osztaly2E.Dalnok}>{OsztalyLabel(Osztaly2E.Dalnok)}</option>
+                    <option value={Osztaly2E.Druida}>{OsztalyLabel(Osztaly2E.Druida)}</option>
+                    <option value={Osztaly2E.Vandor}>{OsztalyLabel(Osztaly2E.Vandor)}</option>
+                </optgroup>
+            </select>
+        </div>
+        <div className='row m-2'>
+        <label className='col-md-2 col-sm-3 form-label'></label>
+            <div className='col'>
+                <p className='row pt-2'>
+                    {OsztalyDescription(currentOsztaly)}
+                </p>
+                <ul>
+                    {OsztalyProperties(currentOsztaly).map(((special, i) => (<li key={currentOsztaly + i}>{special}</li>)))}
+                </ul>
+                <div className='col'>
+                    {OsztalySpecialSkills(currentOsztaly).map(skill =>
+                        <div key={skill.Id} >
+                            <strong className='d-inline'>
+                                {skill.Name}
+                            </strong>
+                            {' '}
+                            {skill.Description}
+                            {skill.ExtendedDescription && (
+                                <ol>
+                                    {skill.ExtendedDescription.map((ext, i) =>
+                                        (<li key={skill.Id + '-' + i}>{ext}</li>))}
+                                </ol>
+                            )}
+                        </div>
+                    )}
+                </div>
+            </div>
+        </div>
+    </>
+}
+
+export default OsztalySelector2E;