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> <input type="hidden" name="tabla" value="tagok"> <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 action="result.php" method="post"> <label for="tag_id">Tag ID:</label> <input type="number" id="tag_id" name="tag_id" placeholder="Tag ID"><br><br> <label for="dij_osszeg">Díj összeg:</label> <input type="number" id="dij_osszeg" name="dij_osszeg" placeholder="Díj összeg"><br><br> <label for="esedekesseg">Esedékesség (YYYY-MM-DD):</label> <input type="date" id="esedekesseg" name="esedekesseg"><br><br> <label for="fizetes_statusz">Fizetés státusz:</label> <select id="fizetes_statusz" name="fizetes_statusz"> <option value="">Mindegy</option> <option value="1">Fizetett</option> <option value="0">Nem fizetett</option> </select><br><br> <label for="fizetes_datuma">Fizetés dátuma (YYYY-MM-DD):</label> <input type="date" id="fizetes_datuma" name="fizetes_datuma"><br><br> <label for="nyugtaszam">Nyugtaszám:</label> <input type="text" id="nyugtaszam" name="nyugtaszam" placeholder="Nyugtaszám"><br><br> <label for="megjegyzes">Megjegyzés:</label> <textarea id="megjegyzes" name="megjegyzes" rows="4" placeholder="Megjegyzés"></textarea><br><br> <input type="hidden" name="tabla" value="tagsag"> <button type="submit">Lekérdezés indítása</button> </form> `; root.appendChild(form); return; } function CreateJelenletForm() { //RemoveTable(); let form = document.createElement("div"); form.id = "tabla_Form"; form.innerHTML = ` <form action="result.php" method="post"> <label for="esemeny_id">Esemény ID:</label> <input type="number" id="esemeny_id" name="esemeny_id" placeholder="Esemény ID"><br><br> <label for="tag_id">Tag ID:</label> <input type="number" id="tag_id" name="tag_id" placeholder="Tag ID"><br><br> <label for="jelenlet_datuma">Jelenlét dátuma (YYYY-MM-DD):</label> <input type="date" id="jelenlet_datuma" name="jelenlet_datuma"><br><br> <label for="jelenlet_statusz">Jelenlét státusz:</label> <select id="jelenlet_statusz" name="jelenlet_statusz"> <option value="">Mindegy</option> <option value="1">Jelen volt</option> <option value="0">Nem jelent meg</option> </select><br><br> <label for="visszajelzes">Visszajelzés:</label> <textarea id="visszajelzes" name="visszajelzes" rows="4" placeholder="Visszajelzés"></textarea><br><br> <label for="becsekkolas">Becsekkolás:</label> <input type="time" id="becsekkolas" name="becsekkolas"><br><br> <label for="kicsekkolas">Kicsekkolás:</label> <input type="time" id="kicsekkolas" name="kicsekkolas"><br><br> <input type="hidden" name="tabla" value="jelenlet"> <button type="submit">Lekérdezés indítása</button> </form> `; root.appendChild(form); return; } function CreateEsemenyekForm() { let form = document.createElement("div"); form.id = "tabla_Form"; form.innerHTML = ` <form action="result.php" method="post"> <label for="esemeny_neve">Esemény neve:</label> <input type="text" id="esemeny_neve" name="esemeny_neve" placeholder="Esemény neve"><br><br> <label for="esemeny_datuma">Esemény dátuma (YYYY-MM-DD):</label> <input type="date" id="esemeny_datuma" name="esemeny_datuma"><br><br> <label for="helyszin">Helyszín:</label> <input type="text" id="helyszin" name="helyszin" placeholder="Helyszín"><br><br> <label for="leiras">Leírás:</label> <textarea id="leiras" name="leiras" rows="4" placeholder="Esemény leírása"></textarea><br><br> <label for="max_letszam">Maximális létszám:</label> <input type="number" id="max_letszam" name="max_letszam" placeholder="Maximális létszám"><br><br> <label for="szervezo">Szervező:</label> <input type="text" id="szervezo" name="szervezo" placeholder="Szervező neve"><br><br> <label for="esemeny_statusz">Esemény státusz:</label> <select id="esemeny_statusz" name="esemeny_statusz"> <option value="">Mindegy</option> <option value="Nyitott">Nyitott</option> <option value="Zárt">Zárt</option> </select><br><br> <input type="hidden" name="tabla" value="esemenyek"> <button type="submit">Lekérdezés indítása</button> </form> `; root.appendChild(form); return; } function CreateVisszajelzesForm() { let form = document.createElement("div"); form.id = "tabla_Form"; form.innerHTML = ` <form action="result.php" method="post"> <label for="tag_id">Tag ID:</label> <input type="number" id="tag_id" name="tag_id" placeholder="Tag ID"><br><br> <label for="esemeny_id">Esemény ID:</label> <input type="number" id="esemeny_id" name="esemeny_id" placeholder="Esemény ID"><br><br> <label for="visszajelzes_szovege">Visszajelzés szövege:</label> <textarea id="visszajelzes_szovege" name="visszajelzes_szovege" rows="4" placeholder="Visszajelzés szövege"></textarea><br><br> <label for="ertekeles">Értékelés (1-5):</label> <input type="number" id="ertekeles" name="ertekeles" min="1" max="5" placeholder="Értékelés"><br><br> <label for="bekuldes_datuma">Beküldés dátuma (YYYY-MM-DD):</label> <input type="date" id="bekuldes_datuma" name="bekuldes_datuma"><br><br> <label for="lathatosag">Láthatóság:</label> <select id="lathatosag" name="lathatosag"> <option value="">Mindegy</option> <option value="Nyilvános">Nyilvános</option> <option value="Privát">Privát</option> </select><br><br> <label for="visszajelzes_statusz">Visszajelzés státusz:</label> <select id="visszajelzes_statusz" name="visszajelzes_statusz"> <option value="">Mindegy</option> <option value="1">Küldött</option> <option value="0">Nem küldött</option> </select><br><br> <input type="hidden" name="tabla" value="visszajelzes"> <button type="submit">Lekérdezés indítása</button> </form> `; root.appendChild(form); return; }