Módulo 8: LocalStorage, iFrames, Origin policy y JSON

Entrega P2P obligatoria

Añadir a la aplicación, con el el carrusel de citas editable, la funcionalidad de guardar la base de datos serializada en JSON en localStorage, de forma que al cargar la aplicación en un navegador, está deberá detectar si existe una base de datos de citas almacenada en localStorage y si es así deberá presentar está en vez de las citas de la galería incluidas en el código de la aplicación.

De esta forma los cambios realizados a la base de datos inicial de citas (edición, añadir o borrado) quedarán guardados en localStorage y estarán disponibles cuando se vuelva a abrir la aplicación en ese mismo navegador.

Añadir además un botón que regenere las citas iniciales de la aplicación, eliminando los cambios introducidos. El botón debe pedir confirmación (con la funcion confirm("msj") o con un componente/widget dialogo de jQuery UI) y avisar en el mensaje ("msj") del pop-up de lo que va a hacer, para que el usuario sea consciente de que borra todos los cambios.

Este nuevo botón deberá colocarse en una posición que se relacione con la base de datos de citas y no con una cita en particular. Buscar un icono SVG adecuado en Internet.

  • - . -
  1. Haz clic en Mostrar/Ocultar . Se mostrará el autor, la frase y la url de la imagen de la cita actual.
  2. Pulsa el botón Añadir y se efectuará una copia de la cita actual como último elemento del carrousel.
  3. Selecciona el último elemento del carrousel y vuelve a desplegar los contenidos con el botón Mostrar/ocultar.
  4. Modifica el contenido de los cuadros de texto con los datos que te interesen.
  5. Pulsa el botón Guardar y se actualizará el elemento con los datos introducidos.
  6. Para eliminar un elemento, selecciónalo en el carrousel, pulsa el botón Mostrar/Ocultar y haz clic en el botón Eliminar .
  7. Para Guardar en tu Base de Datos Local las citas actuales, haz clic en el botón Guardar Base de Datos Local .
  8. Para Restaurar las Citas originales, haz clic en el botón Eliminar Base de Datos Local .

Esta es tu ª visita a esta página.