Backend/SQL_Feladat_AdatB/select.js

const root = document.getElementById("root");
let tableSelectionDomElement = document.getElementById("tabla");
let selectedTable = "tagok";

tableSelectionDomElement.addEventListener("change", function () {
    selectedTable = tableSelectionDomElement.value;
    switch (selectedTable) {
        case "tagok":
            CreateTagokForm();
            break;
        case "tagsag":
            CreateTagsagForm();
            break;
        case "jelenlet":
            CreateJelenletForm();
            break;
        case "esemenyek":
            CreateEsemenyekForm();
            break;
        case "visszajelzes":
            CreateVisszajelzesForm();
            break;
        default:
            break;
    }

    disableThis();
});

function disableThis() {
    tableSelectionDomElement.disabled = true;
}


function CreateTagokForm() {
    let form = document.createElement("div");
    form.id = "tabla_Form";
    form.innerHTML = `
            <form action="result.php" method="post">
        <label for="vnev">Vezetéknév:</label>
        <input type="text" id="vnev" name="vnev" placeholder="Vezetéknév"><br><br>

        <label for="knev">Keresztnév:</label>
        <input type="text" id="knev" name="knev" placeholder="Keresztnév"><br><br>

        <label for="email">Email:</label>
        <input type="email" id="email" name="email" placeholder="Email"><br><br>

        <label for="telefon">Telefon:</label>
        <input type="text" id="telefon" name="telefon" placeholder="Telefon"><br><br>

        <label for="lakcim">Lakcím:</label>
        <input type="text" id="lakcim" name="lakcim" placeholder="Lakcím"><br><br>

        <label for="tagsag_kezdete">Tagság kezdete (YYYY-MM-DD):</label>
        <input type="date" id="tagsag_kezdete" name="tagsag_kezdete"><br><br>

        <label for="aktiv">Aktív tagsági státusz:</label>
        <select id="aktiv" name="aktiv">
            <option value="">Mindegy</option>
            <option value="1">Igen</option>
            <option value="0">Nem</option>
        </select><br><br>

        <button type="submit">Lekérdezés</button>
    </form>
    `;
    root.appendChild(form);
    return;
}

function CreateTagsagForm() {
    RemoveTable();
    let form = document.createElement("div");
    form.id = "tabla_Form";
    form.innerHTML = `
        <form method="POST" name="tagsag">
        Tag id:             <input type="number" name="tag_id"><br>
        Díj összeg:         <input type="number" name="dij_osszeg"><br>
        Datum:              <input type="date" name="datum"><br>
        Fizetés státusz:    <input type="checkbox" name="fizetes_statusz"><br>
        Fizetés dátum:      <input type="date" name="fizetes_datum"><br>
        Nyugtaszám:         <input type="number" name="nyugtaszam"><br>
        Megjegyzés:         <input type="text" name="megjegyzes"><br>
        <button type="submit">Adat feltöltése</button>
        </form>
    `;
    root.appendChild(form);
    return;
}

function CreateJelenletForm() {
    RemoveTable();
    let form = document.createElement("div");
    form.id = "tabla_Form";
    form.innerHTML = `
         <form method="POST" name="jelenlet">
        Esemény id:         <input type="number" name="esemeny_id"><br>
        Tag id:             <input type="number" name="tag_id"><br>
        Jelenlét dátum:     <input type="date" name="jelenlet_datum"><br>
        Jelenlét státusz:   <input type="checkbox" name="jelenlet_statusz"><br>
        Visszajelzés:       <input type="text" name="visszajelzes"><br>
        Becsekkolás:        <input type="time" name="becsekkolas"><br>
        Kicsekkolás:        <input type="time" name="kicsekkolas"><br>
        <button type="submit">Adat feltöltése</button>
    </form>
    `;
    root.appendChild(form);
    return;
}

function CreateEsemenyekForm() {
    RemoveTable();
    let form = document.createElement("div");
    form.id = "tabla_Form";
    form.innerHTML = `
        <form method="POST" name="esemenyek">
        Esemény neve:       <input type="text" name="esemeny_neve"><br>
        Esemnény dátuma:    <input type="date" name="esemeny_datum"><br>
        Helyszín:           <input type="text" name="helyszin"><br>
        Leírás:             <input type="text" name="leiras"><br>
        Max letszam:        <input type="number" name="max_letszam"><br>
        Szervező:           <input type="text" name="szervezo"><br>
        Státusz:            <input type="checkbox" name="statusz"><br>
        <button type="submit">Adat feltöltése</button>
    </form>
    `;
    root.appendChild(form);
    return;
}

function CreateVisszajelzesForm() {
    RemoveTable();
    let form = document.createElement("div");
    form.id = "tabla_Form";
    form.innerHTML = `
        <form method="POST" name="visszajelzes">
        Tag id:                 <input type="number" name="tag_id"><br>
        Esemény id:             <input type="number" name="esemeny_id"><br>
        Visszajelzés szöveg:    <input type="text" name="visszajelzes_szoveg"><br>
        Értékelés:              <input type="text" name="ertekeles"><br>
        Beküldés dátum:         <input type="date" name="bekuldes_datum"><br>
        Láthatóság:             <input type="text" name="lathatosag"><br>
        Visszajelzés státusz:   <input type="text" name="visszajelzes_statusz"><br>
        <button type="submit">Adat feltöltése</button>
    </form>
    `;
    root.appendChild(form);
    return;
}