Vantive/Manual_Vantive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

actualizacion de super indices, cambios de imagenes y textos. Asi como funcionabilidad de actividades

Browse Source
This commit is contained in:
david.martinez
2026-06-10 23:15:23 -06:00
parent 86391ea412
commit 447954b520
21 changed files with 1095 additions and 1110 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contenido/03.html
+27 -31
View File
@@ -91,29 +91,30 @@
</div>
<div class="col-6">
<div class="card bg-white border-0 rounded-3 p-0 bx-shadow">
<div
class="p-3 pb-0 position-relative mb-3 w-100 animate__animated animate__flipInX"
>
<p class="mb-0">
<div class="p-3 pb-0 position-relative mb-3 w-100 animate__animated animate__flipInX">
<p>
Cada año,
<strong class="text-lila-claro"
>miles de personas desarrollan enfermedad crónica de los riñones. </strong
>Por eso, hemos desarrollado esta guía para que
<strong class="text-lila-claro">usted y su familia</strong> tengan orientación
y acompañamiento durante este proceso de aprendizaje y adaptación.
<strong class="text-lila-claro">
miles de personas desarrollan enfermedad crónica de los riñones.
</strong>
Por eso, hemos desarrollado esta guía para que
<strong class="text-lila-claro">usted y su familia</strong>
tengan orientación y acompañamiento durante este proceso de aprendizaje y adaptación.
</p>
<p class="mb-0">
La enfermedad renal crónica es un problema de salud pública con creciente impacto a nivel mundial,
que requiere un manejo integral, educación continua y acompañamiento del paciente y su
familia.<sup class="fw-bold">1</sup>
</p>
</div>
<div
class="position-relative w-100 bg-verde-claro text-center px-3 py-2 mb-3 animate__animated animate__flipInX animate__delay-1s"
>
<p class="mb-0 text-verde-oscuro fw-bold">
Para comenzar, pongamos a prueba sus conocimientos sobre la enfermedad crónica
de los riñones.
Para comenzar, pongamos a prueba sus conocimientos sobre la enfermedad crónica de los riñones.
</p>
</div>
<div
class="position-relative w-100 text-center animate__animated animate__zoomIn animate__delay-2s"
>
<div class="position-relative w-100 text-center animate__animated animate__zoomIn animate__delay-2s">
<div
class="btn-comenzar bg-primary d-inline-block px-3 py-2 text-center animate__animated animate__pulse animate__infinite"
>
@@ -147,8 +148,9 @@
<div class="d-flex flex-row justify-content-center align-items-center gap-3">
<img src="img/book0.png" class="img-fluid" />
<p class="mb-0">
<strong>Instrucciones:</strong> Lea cada pregunta y conteste correctamente
para ayudar al paciente a llegar a la unidad de diálisis.
<strong>Instrucciones:</strong>
Lea cada pregunta y conteste correctamente para ayudar al paciente a llegar a la unidad de
diálisis.
</p>
</div>
</div>
@@ -192,10 +194,7 @@
<div class="col-12 text-center mb-3">
<h4 class="text-secondary fw-bold">Ha concluido la actividad.</h4>
</div>
<div
class="col-12 text-center col-reintentar animate__animated animate__zoomIn"
style="display: none"
>
<div class="col-12 text-center col-reintentar animate__animated animate__zoomIn" style="display: none">
<div
class="btn-reintentar rounded-3 bg-primary d-inline-block px-3 py-2 text-center animate__animated animate__pulse animate__infinite"
onclick="CourseNav.reload()"
@@ -232,7 +231,7 @@
svg.find('[id^="ficha"]').hide().addClass("ficha-move");
svg.find("#ficha0").show();
},
"xml"
"xml",
);
}
@@ -277,7 +276,7 @@
});
return {
pregunta: fila.pregunta.trim(),
opciones: opciones,
opciones: shuffleArray(opciones),
retroalimentacion_correcta: fila.retroalimentacion_correcta.trim(),
retroalimentacion_incorrecta: fila.retroalimentacion_incorrecta.trim(),
};
@@ -295,14 +294,11 @@
function displayQuestion() {
currentQuestion = questions[currentQuestionIndex];
$(".txt-question").text(currentQuestion.pregunta);
$(".txt-question").html(currentQuestion.pregunta);
$(".content-answers").empty();
// Shuffle answers for current question
const shuffledAnswers = shuffleArray([...currentQuestion.opciones]);
shuffledAnswers.forEach((opcion, index) => {
currentQuestion.opciones.forEach((opcion, index) => {
const answerHtml = `
<div class="position-relative d-flex flex-row align-items-center gap-0 mb-2 btn-answer" data-correct="${opcion.correct}">
<div class="d-flex flex-row justify-content-center align-items-center letter text-white text-center p-3">${String.fromCharCode(97 + index)}</div>
@@ -341,15 +337,15 @@
currentFichaIndex++;
$("#svg-container").find('[id^="ficha"]').hide();
$("#svg-container").find(`#ficha${currentFichaIndex}`).show();
currentQuestionIndex++;
}
currentQuestionIndex++;
if (currentQuestionIndex < questions.length && currentQuestionIndex < maxQuestions) {
displayQuestion();
} else {
if (isCorrect && (currentQuestionIndex >= questions.length || currentQuestionIndex >= maxQuestions)) {
setTimeout(() => {
isCompleted();
}, 500);
} else {
displayQuestion();
}
},
});