pedroblanco / gift-editor Goto Github PK

Un título vacío en la lista de preguntas fastidia el formato de la zona inferior.

Al mostrar una pregunta de verdadero/falso en el acordeón, corregir la posibilidad de seleccionar los botones de radio (hacer inmutables si no estamos editándolos).

Al añadir una pregunta de un tipo manualmente después de la primera se duplican las preguntas.

Añadir la opción de eliminar una pregunta (con mensaje de confirmación).
Añadir un botón a la cabecera de la pregunta.

Hay que mostrar los comentarios de cada pregunta al mostrar todo su contenido.

Al eliminar una pregunta añadida manualmente, no se muestra correctamente la información de acordeón vacío.

Hay que decidir el diseño que el interfaz va a tener. Por ahora vamos a utilizar 3 paneles/columnas (de izquierda a derecha):

1. Editor de texto GIFT:
   • Contiene los controles para crear, editar, importar y procesar el texto en formato GIFT. Al procesar el texto lo vamos a visualizar en el segundo panel.
   • Una vez hemos procesado el texto para llevarlo al siguiente panel no tiene mucho sentido que siga abierto, porque la edición de las preguntas se hará en el siguiente panel y no vamos a actualizar el texto GIFT según editamos las preguntas, es una operación que sólo se necesitaría cuando hemos terminado de trabajar con ellas.
2. Panel de lista de preguntas.
   • Muestra la lista de preguntas con la que estamos trabajando. Podremos editar sus atributos y contenido, ordenarlas, eliminarlas y crear nuevas.
3. Panel de lista de categorías:
   • Muestra las categorías que tenemos. Normalmente sólo nos interesa si hay más de una categoría definida en el grupo de trabajo, por lo que no haría falta mostrar el panel si sólo estamos trabajando con una categoría (podríamos ocultar por defecto el panel y mostrar una etiqueta o alguna notificación que indique el número de categorías y la categoría activa).

El diseño horizontal podría estar dividido en varias franjas que ocupen todo el ancho de la ventana:

• Franja superior con título, enlaces/menús de configuración general y ayuda.
• Franja de control de las columnas/paneles:
  • Con las columnas 1 y 3 ocultas deberíamos mostrar controles para mostrarlas si así lo queremos. Mostradas podrían tener anchos 3-6-3 (o 4-4-4, aunque es cuestión de probar). Si sólo mostramos una columna de las 1 o 3, podrían tener un ancho de 4 y dejar 8 para la columna
• Franja con mensajes de ayuda.
• Franja final con información del proyecto, autor, ...

Añadir mensajes de información a las zonas que todavía no tienen contenido pero que van a tenerlo.

Comprobar si pieden existir preguntas de multi-respuestas en posiciones diferentes a la final

Unificar/Corregir nombres CSS para usar o guiones (favorecido por jQuery) o guiones bajos.

Hay que activar una de los dos botones como opción por defecto en el diálogo de eliminar pregunta (debería ser confirmar eliminación, no?).

Hay que estudiar el tipo de operaciones que se pueden aplicar sobre todas las preguntas.

El parser debería convertir los '\n' en el texto de la pregunta (y puede que en más sitios) por ' '.

Añadir botón/widget de marca de selección, para seleccionar varias preguntas hacer operaciones masivas sobre el conjunto seleccionado (o no seleccionado).

Posible problema en la librería bootstrap-validator al definir la función principal como:

+function

Tal vez hay que cambiarla en la portabilidad a gift-app-1

Igualar las altura de los paneles mediante el ejemplo final de ecualizar divs en http://api.jquery.com/map/

Aprender del interfaz de Waffle en cosas como las textareas que sólo muestran el borde cuando tienen el foco, el uso del título entero como handle de draggable, ...

Añadir la posibilidad (mediante un botón) para subir/importar un archivo y trabajar con él.

Mostrar la información de relleno cuando una zona de de trabajo quede vacía (p.e. el acordeón de preguntas) no debe hacerse con toggle, sino con show y hide, para ejecutarlos cuando realmente queda vacía esa sección y cuando le entra contenido, respectivamente.

Hay que estudiar el orden de tabulado de campos al añadir o editar preguntas, pues ahora mismo tras los campos el siguiente botón es cancelar y no aceptar.

Hay que decidir si se van a mostrar todas las preguntas (resaltando que son todas) o por categorías (se supone que una pregunta sólo pertenece a una categoría).

Hay que estudiar cómo (si) vamos a gestionar las diferentes categorías.

En un primer momento, si vamos a trabajar con archivos individuales, podríamos considerarlos de la misma categoría y no hacer nada más.

En caso de que dentro del archivo se definan varias categorías tal vez sí que deberíamos poder gestionar esas categorías.

Añadir tipos de pregunta:

• Multiple choice - one answer
• Multiple choice - multiple answers

El resaltado por validación incorrecta en las preguntas de huecos se aplica a varios campos.

Hay que separar los campos en sus propios div (mirar documentación del validador) para que sólo ellos se resalten.

Añadir handle para mover las preguntas (cruz de flechas) en vez de usar el indicador de estado del elemento de acordeón.

Hacer el textarea de entrada de GIFT no resizable (horizontalmente) para que no sobrelape los demás elementos.

Al editar la pregunta de rellenar hueco inicial, cambia de tipo a final.

Podemos utilizar el menú superior para añadir de forma rápida ejemplos y configurar el comportamiento de ciertas acciones (p.e. si la conversión entre GIFT y preguntas sobrescriben el destino o se añaden al final, tanto en un sentido como en el otro).

Estudiar en qué contextos tienen sentido y cómo se podrían implementar las operaciones deshacer y rehacer

Una vez hayamos terminado de definir/editar/ordenar/... las preguntas, deberíamos poder convertirlas a GIFT (texto mostrado y/o enlace de descarga).

Añadir un enlace para descargar el archivo generado.

Ver cómo PEG-parser crea un enlace con el archivo en data:... por si nos fuera útil, aunque no creo que funcione en gift-app-1.

Se deben poder ocultar las columnas laterales en caso de no necesitar usarlas.

Al añadir una pregunta vendría bien mostrar una previsualización de como quedaría la pregunta con los datos introducidos.

Al crear o modificar una pregunta de forma gráfica, deberíamos crear/actualizar un campo interno que contenga el texto GIFT de esa pregunta, para poder mostrarlo de forma individual y que sea más sencilla la exportación a GIFT.

Se deben poder añadir preguntas de diferentes tipos al conjunto actual de preguntas.

Al añadir una pregunta hay que comprobar que los campo requeridos están rellenos.

El textarea del editor GIFT que usamos como origen de las preguntas debería recibir el resultado de la operación convertir a GIFT.

El resultado podría ser sustituir el contenido o añadirlo, para poder ir añadiendo preguntas al final, aunque si no podemos reconocer las preguntas existentes mejor no añadir y sí sustituir.

Comprobar volcado de preguntas a GIFT.

Ahora mismo la descripción del proyecto en README.md de github está vacía, por lo que habría que poner algo.

Botón para limpiar/eliminar la lista de preguntas (mediante botón desplegable: todas o sólo las seleccionadas - ver #17 -).

El actual parser de GIFT (v4) necesita que haya 3 retornos de carro (2 líneas en blanco) al final del texto GIFT a parsear, por lo que hay que asegurarse que de corregir el final del texto GIFT introducido (especialmente mediante el cuadro de texto, pero también el archivo subido) para añadir las líneas necesarias.

Otra posibilidad es mejorar el parser para que coja correctamente el final del texto, pero por ahora es más sencillo hacerlo en el cliente.

Estudiar si la edición de los atributos de las preguntas se hace inline o mediante un diálogo (si es inline no es necesario botón si hacemos que todos los campos sean editables estilo waffle).

Como reutilizamos los diálogos modales para añadir preguntas del mismo tipo, debemos limpiar los campos cada vez que abrimos un modal de este tipo.

Al mostrar el diálogo modal de añadir pregunta, hay que poner el foco en el primer campo.