Diferencia entre revisiones de «Plantilla:EvaluacionEjemplo»
De UX Wiki
Sin resumen de edición |
Sin resumen de edición |
||
Línea 1: | Línea 1: | ||
<html> | <html> | ||
<div style="border: 2px solid #ccc; padding:10px; background:#f9f9f9; width:450px;"> | <div style="border: 2px solid #ccc; padding:10px; background:#f9f9f9; width:450px; margin-bottom: 10px;"> | ||
<strong>Evaluación del ejemplo:</strong><br> | <strong>Evaluación del ejemplo {{id}}:</strong><br> | ||
<select id="evaluacion-dropdown"> | <select id="evaluacion-dropdown-{{id}}"> | ||
<option value="0">0 - Mal</option> | <option value="0">0 - Mal</option> | ||
<option value="1">1 - Correcto</option> | <option value="1">1 - Correcto</option> | ||
Línea 9: | Línea 9: | ||
<br><br> | <br><br> | ||
<strong>Comentarios del profesor:</strong><br> | <strong>Comentarios del profesor (ejemplo {{id}}):</strong><br> | ||
<textarea id="comentario-profesor" rows="4" cols="50"></textarea><br><br> | <textarea id="comentario-profesor-{{id}}" rows="4" cols="50"></textarea><br><br> | ||
<button id="guardar-evaluacion">Guardar evaluación</button> | <button id="guardar-evaluacion-{{id}}">Guardar evaluación</button> | ||
</div> | </div> | ||
Línea 19: | Línea 19: | ||
setTimeout(function(){ | setTimeout(function(){ | ||
const pageName = mw.config.get('wgPageName'); | const pageName = mw.config.get('wgPageName'); | ||
const evaluacionID = '{{id}}'; | |||
const valorGuardado = localStorage.getItem('evaluacion-' + pageName); | const valorGuardado = localStorage.getItem('evaluacion-' + pageName + '-' + evaluacionID); | ||
const comentarioGuardado = localStorage.getItem('comentario-' + pageName); | const comentarioGuardado = localStorage.getItem('comentario-' + pageName + '-' + evaluacionID); | ||
if (valorGuardado !== null) { | if (valorGuardado !== null) { | ||
document.getElementById('evaluacion-dropdown').value = valorGuardado; | document.getElementById('evaluacion-dropdown-' + evaluacionID).value = valorGuardado; | ||
} | } | ||
if (comentarioGuardado !== null) { | if (comentarioGuardado !== null) { | ||
document.getElementById('comentario-profesor').value = comentarioGuardado; | document.getElementById('comentario-profesor-' + evaluacionID).value = comentarioGuardado; | ||
} | } | ||
document.getElementById('guardar-evaluacion').onclick = function(){ | document.getElementById('guardar-evaluacion-' + evaluacionID).onclick = function(){ | ||
const evaluacion = document.getElementById('evaluacion-dropdown').value; | const evaluacion = document.getElementById('evaluacion-dropdown-' + evaluacionID).value; | ||
const comentario = document.getElementById('comentario-profesor').value; | const comentario = document.getElementById('comentario-profesor-' + evaluacionID).value; | ||
localStorage.setItem('evaluacion-' + pageName, evaluacion); | localStorage.setItem('evaluacion-' + pageName + '-' + evaluacionID, evaluacion); | ||
localStorage.setItem('comentario-' + pageName, comentario); | localStorage.setItem('comentario-' + pageName + '-' + evaluacionID, comentario); | ||
alert('Evaluación guardada correctamente para la página: ' + pageName); | alert('Evaluación ' + evaluacionID + ' guardada correctamente para la página: ' + pageName); | ||
}; | }; | ||
}, 500); | }, 500); |
Revisión del 17:32 13 mar 2025
Evaluación del ejemplo {{id}}:
Comentarios del profesor (ejemplo {{id}}):
Comentarios del profesor (ejemplo {{id}}):