Backend/SQL_Feladat_AdatB/index.js

141 lines
5.0 KiB
JavaScript
Raw Normal View History

2024-12-03 11:57:17 +00:00
const root = document.getElementById("root");
2024-12-03 10:17:19 +00:00
let tableSelectionDomElement = document.getElementById("tabla");
let selectedTable = "tagok";
2024-12-10 07:21:16 +00:00
tableSelectionDomElement.addEventListener("change", function () {
2024-12-03 10:17:19 +00:00
selectedTable = tableSelectionDomElement.value;
2024-12-03 11:57:17 +00:00
switch (selectedTable) {
case "tagok":
2024-12-10 07:21:16 +00:00
CreateTagokForm();
2024-12-03 11:57:17 +00:00
break;
case "tagsag":
CreateTagsagForm();
break;
case "jelenlet":
CreateJelenletForm();
break;
case "esemenyek":
CreateEsemenyekForm();
break;
case "visszajelzes":
CreateVisszajelzesForm();
break;
default:
break;
}
2024-12-09 19:29:25 +00:00
disableThis();
2024-12-03 10:17:19 +00:00
});
2024-12-10 07:21:16 +00:00
function disableThis() {
2024-12-09 19:29:25 +00:00
tableSelectionDomElement.disabled = true;
}
2024-12-10 07:21:16 +00:00
function RemoveTable() {
2024-12-04 07:50:06 +00:00
try {
document.getElementById("root").removeChild("tabla_Form");
2024-12-10 07:21:16 +00:00
} catch (error) {
2024-12-04 07:50:06 +00:00
console.error(error);
2024-12-03 11:57:17 +00:00
}
}
2024-12-10 07:21:16 +00:00
function CreateTagokForm() {
2024-12-03 11:57:17 +00:00
RemoveTable();
let form = document.createElement("div");
form.id = "tabla_Form";
form.innerHTML = `
<form method="POST" name="tagok">
Vezeték név: <input type="text" name="vnev"><br>
Kereszt név: <input type="text" name="knev"><br>
Email: <input type="email" name="email"><br>
2024-12-04 07:50:06 +00:00
Telefon: <input type="tel" name="telefon"><br>
Lakcím: <input type="text" name="lakcim"><br>
Tagság kezdete: <input type="date" name="tagsag_kezdete"><br>
Aktív tagság: <input type="checkbox" name="aktiv_tagsagi_statusz"><br>
2024-12-03 11:57:17 +00:00
<button type="submit">Adat feltöltése</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>
2024-12-04 07:50:06 +00:00
<button type="submit">Adat feltöltése</button>
2024-12-03 11:57:17 +00:00
</form>
`;
root.appendChild(form);
return;
}
2024-12-10 07:21:16 +00:00
function CreateJelenletForm() {
2024-12-03 11:57:17 +00:00
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>
2024-12-10 07:21:16 +00:00
Becsekkolás: <input type="time" name="becsekkolas"><br>
Kicsekkolás: <input type="time" name="kicsekkolas"><br>
2024-12-04 07:50:06 +00:00
<button type="submit">Adat feltöltése</button>
2024-12-03 11:57:17 +00:00
</form>
`;
root.appendChild(form);
return;
}
2024-12-10 07:21:16 +00:00
function CreateEsemenyekForm() {
2024-12-03 11:57:17 +00:00
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>
2024-12-04 07:50:06 +00:00
<button type="submit">Adat feltöltése</button>
2024-12-03 11:57:17 +00:00
</form>
`;
root.appendChild(form);
return;
}
2024-12-10 07:21:16 +00:00
function CreateVisszajelzesForm() {
2024-12-03 11:57:17 +00:00
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>
2024-12-04 07:50:06 +00:00
<button type="submit">Adat feltöltése</button>
2024-12-03 11:57:17 +00:00
</form>
`;
root.appendChild(form);
return;
}