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,73 @@
+import React from "react";
+import {Fegyver, KarakterFelszereles, PancelTypeLabel} from "../domain-models/felszereles";
+import {Osztaly2E} from '../domain-models/osztaly2E'
+import {AllowedPajzsTypes, AllowedPancelTypes} from '../domain-models/allowed-pancel-types'
+import fegyverek from '../domain-models/fegyver.json'
+import {arraySetN} from "../../util";
+import {AllowedFegyver} from "../domain-models/allowed-fegyver";
+import FegyverSelector from "./FegyverSelector";
+
+function Felszereles(props: {felszereles: KarakterFelszereles, changeFelszereles: (felszereles: KarakterFelszereles) => void, osztaly: Osztaly2E}) {
+    const { felszereles, changeFelszereles, osztaly } = props;
+    const allowedPancel = AllowedPancelTypes([osztaly])
+    const allowedPajzs = AllowedPajzsTypes([osztaly])
+    const valasztottFegyverek = felszereles.fegyverIDk
+        .map((id, idx) => ({idx, fegyver: fegyverek.data.find(f => f.Id === id)})).filter((x) => x.fegyver != null).map(({idx, fegyver}) => ({idx, fegyver: fegyver as Fegyver}))
+
+    const osztalyAllowedFegyverek = AllowedFegyver(osztaly)
+    const allowedFegyverek = [...osztalyAllowedFegyverek, ...valasztottFegyverek.filter(({idx, fegyver}) => !osztalyAllowedFegyverek.map(f => f.Id).includes(fegyver.Id)).map(({fegyver}) => fegyver)]
+    const changeFegyver = (idx: number, newID: string) => {
+        const found = fegyverek.data.find(x => x.Id === newID)
+        if (!found) {
+            console.log('Nem létező fegyver ID: ', newID)
+            return
+        }
+        changeFelszereles({...felszereles, fegyverIDk: arraySetN(felszereles.fegyverIDk, idx, newID)})
+    }
+
+    return <>
+        <div className='row'>
+            <h5 className='col align-self-center'>Felszerelés</h5>
+        </div>
+        <div className='row m-2'>
+            <label className='col-md-2 col-sm-3 col-form-label'>Viselt páncél</label>
+            <select className='col form-select' value={felszereles.pancelID} onChange={e => changeFelszereles({...felszereles, pancelID: e.target.value === 'nincs' ? undefined : e.target.value})}>
+                <option key={'nincs'} value={'nincs'}>Nincs</option>
+                {
+                    <optgroup label={PancelTypeLabel("konnyu")}>
+                        {allowedPancel.filter(p => p.Type === "konnyu").map(p => 
+                            <option key={p.Id} value={p.Id}>{`${p.Name}${p.Size > 1 ? ` [${p.Size}]` : ''} (+${p.VO} VO) - ${p.Price} at`}</option>)}
+                    </optgroup>
+                }
+                {
+                    allowedPancel.some(p => p.Type === "nehez") &&
+                    <optgroup label={PancelTypeLabel("nehez")}>
+                        {allowedPancel.filter(p => p.Type === "nehez").map(p => 
+                            <option key={p.Id} value={p.Id}>{`${p.Name} (+${p.VO} VO) - ${p.Price} at`}</option>)}
+                    </optgroup>
+                }
+            </select>
+        </div>
+        <div className='row m-2'>
+            <label className='col-md-2 col-sm-3 col-form-label'>Hordott pajzs</label>
+            <select className='col form-select' value={felszereles.pajzsID}
+                    onChange={e => changeFelszereles({...felszereles, pajzsID: e.target.value === 'nincs' ? undefined : e.target.value})}>
+                <option key={'nincs'} value={'nincs'}>Nincs</option>
+                {allowedPajzs.map(p => <option key={p.Id} value={p.Id}>{`${p.Name} (+${p.VO} VO) - ${p.Price} at`}</option>)}
+            </select>
+        </div>
+        {valasztottFegyverek.map(({idx, fegyver}) => (
+            <div key={`fegyver-${idx}`} className='row m-2'>
+                <label className='col-md-2 col-sm-3 col-form-label'>Fegyver</label>
+                <FegyverSelector fegyverek={allowedFegyverek} selectedId={fegyver.Id} onChange={(fegyverId) => changeFegyver(idx, fegyverId)} />
+                <button className='col-md-2 col-sm-3 btn btn-outline-dark btn-lg ms-2' type='button'
+                        onClick={() => changeFelszereles({
+                            ...felszereles,
+                            fegyverIDk: [...felszereles.fegyverIDk.slice(0, idx), ...felszereles.fegyverIDk.slice(idx+1)]})}>Elvesz</button>
+            </div>
+        ))}
+        <button className='btn btn-outline-dark btn btn-lg ms-2' type='button' onClick={() => changeFelszereles({...felszereles, fegyverIDk: [...felszereles.fegyverIDk, 'bot']})}>Fegyver hozzáadása</button>
+    </>
+}
+
+export default Felszereles