Spaces:
Running
Running
File size: 3,290 Bytes
509d9ea b0a47bb 509d9ea b0a47bb 509d9ea b0a47bb 509d9ea b0a47bb 9dab7da b0a47bb 509d9ea 9dab7da 509d9ea b0a47bb 509d9ea b0a47bb 509d9ea b0a47bb 509d9ea 9dab7da 509d9ea 9dab7da 509d9ea d9a3269 509d9ea 9dab7da 509d9ea 9dab7da d9a3269 9dab7da 509d9ea 9dab7da 509d9ea 9dab7da 509d9ea 9dab7da 509d9ea b0a47bb 509d9ea |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 |
const formSubmit = document.querySelector(".ct-cretae-session-form");
document.addEventListener("DOMContentLoaded", () => {
cretaeSession();
});
async function cretaeSession() {
const dataForm = new FormData(formSubmit);
const url = `creando-sesion`;
try {
const respone = await fetch(url, {
method: "POST",
headers: {
"X-CSRFToken": dataForm.get("csrfmiddlewaretoken"),
},
body: dataForm,
});
const jsonResponse = await respone.json();
if (jsonResponse.error) {
renderElementsResponse({ error: jsonResponse.error });
return;
}
const data = jsonResponse["data"];
renderElementsResponse({
sessionId: data["codigo_sesion"],
nameSession: data["nombre_sesion"],
});
} catch (error) {
renderElementsResponse({ error: jsonResponse.error });
}
}
function renderElementsResponse({
sessionId = "No id",
error = false,
nameSession = "",
}) {
const container = document.querySelector(".ct-message-create");
const loadElement = document.querySelector(".ct-load-create");
const message = document.createElement("p");
message.classList.add("text-2xl", "text-center", "font-bold");
const nameSessionP = document.createElement("p");
nameSessionP.classList.add(
"text-lg",
"text-center",
"font-bold"
);
const idSession = document.createElement("p");
idSession.classList.add("text-lg", "text-center", "font-bold");
const pHelp = document.createElement("p");
// ******************************** //
// Mostrar el error que ha ocurrido //
// ******************************** //
if (error) {
message.textContent = "No se ha podido completar la creacion de la sesion";
idSession.textContent = `Error: ${error}`;
} else {
message.textContent = "La session se ha creado";
idSession.innerHTML = `El ID de la seesion es:<br><strong class="border-b border-white">${sessionId}</strong>`;
nameSessionP.textContent = `Nombre de sesion: ${nameSession}`;
pHelp.classList.add("text-lg", "text-center");
pHelp.textContent =
"Puedes pasar este ID a los catadores para que ingresen a la sesion";
}
const divBtns = document.createElement("div");
divBtns.classList.add(
"flex",
"flex-wrap",
"justify-center",
"items-center",
"gap-5"
);
const stylesBtns = [
"uppercase",
"tracking-wider",
"cts-btn-general",
"btn-push",
"w-fit",
];
const aIndex = document.createElement("a");
aIndex.href = "/cata/presenter/";
aIndex.textContent = "Volver al inicio";
aIndex.classList.add(
...stylesBtns,
"cts-btn-secondary"
);
const aDetails = document.createElement("a");
aDetails.href = `/cata/presenter/detalles-sesion/${sessionId}`;
aDetails.textContent = "Ver detalles la sesion";
aDetails.classList.add(
...stylesBtns,
"cts-btn-tertiary"
);
divBtns.appendChild(aIndex);
if (!error) {
divBtns.appendChild(aDetails);
}
loadElement.classList.add("hidden");
container.classList.remove("hidden");
container.innerHTML = "";
container.appendChild(message);
if (nameSession != "") {
container.appendChild(nameSessionP);
}
container.appendChild(idSession);
container.appendChild(pHelp);
container.appendChild(divBtns);
}
|