Diferencia entre revisiones de «Plantilla:EvaluacionEjemplo»

De UX Wiki
Sin resumen de edición
Página reemplazada por «{| class="wikitable" ! Ejemplo N° {{{id}}} | Evaluación: {{{estado|No evaluado}}} | Comentario: {{{comentario|Sin comentario}}} |}»
Etiqueta: Reemplazo
 
(No se muestran 2 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
<html>
{| class="wikitable"
<div style="border: 2px solid #ccc; padding:10px; background:#f9f9f9; width:450px; margin-bottom: 10px;">
! Ejemplo N° {{{id}}}
  <strong>Evaluación del ejemplo <!--{{{id}}}-->:</strong><br>
| Evaluación: {{{estado|No evaluado}}}
  <select id="evaluacion-dropdown-<!--{{{id}}}-->">
| Comentario: {{{comentario|Sin comentario}}}
    <option value="0">0 - Mal</option>
|}
    <option value="1">1 - Correcto</option>
    <option value="2">2 - Muy bien</option>
  </select>
  <br><br>
 
  <strong>Comentarios del profesor (ejemplo <!--{{{id}}}-->):</strong><br>
  <textarea id="comentario-profesor-<!--{{{id}}}-->" rows="4" cols="50"></textarea><br><br>
 
  <button id="guardar-evaluacion-<!--{{{id}}}-->">Guardar evaluación</button>
</div>
 
<script>
document.addEventListener('DOMContentLoaded', function(){
    setTimeout(function(){
            const pageName = mw.config.get('wgPageName');
            const evaluacionID = '<!--{{{id}}}-->';
 
            const valorGuardado = localStorage.getItem('evaluacion-' + pageName + '-' + evaluacionID);
            const comentarioGuardado = localStorage.getItem('comentario-' + pageName + '-' + evaluacionID);
 
            if (valorGuardado !== null) {
                document.getElementById('evaluacion-dropdown-' + evaluacionID).value = valorGuardado;
            }
            if (comentarioGuardado !== null) {
                document.getElementById('comentario-profesor-' + evaluacionID).value = comentarioGuardado;
            }
 
            document.getElementById('guardar-evaluacion-' + evaluacionID).onclick = function(){
                const evaluacion = document.getElementById('evaluacion-dropdown-' + evaluacionID).value;
                const comentario = document.getElementById('comentario-profesor-' + evaluacionID).value;
 
                localStorage.setItem('evaluacion-' + pageName + '-' + evaluacionID, evaluacion);
                localStorage.setItem('comentario-' + pageName + '-' + evaluacionID, comentario);
 
                alert('Evaluación ' + evaluacionID + ' guardada correctamente para la página: ' + pageName);
            };
    }, 500);
});
</script>
</html>

Revisión actual - 18:49 13 mar 2025

Ejemplo N° {{{id}}} Evaluación: No evaluado Comentario: Sin comentario