Crea los siguiente ficheros:

• datosHipoteca02.json sabiendo que su contenido debe ser igual al 2º elemento del array de datosHipotecas.json
• datosHipoteca03.json sabiendo que su contenido debe ser igual al 3º elemento del array de datosHipotecas.json
• datosHipoteca04.json sabiendo que su contenido debe ser igual al 4º elemento del array de datosHipotecas.json
• datosHipoteca05.json sabiendo que su contenido debe ser igual al 5º elemento del array de datosHipotecas.json

Modifica el método hipotecaResource .get() para que ahora acepte como argumento el idHipoteca y según ese valor cargue uno de los 5 ficheros “datosHipoteca0X.json” que hay.

Añade las siguientes 3 rutas a la aplicación:

• “/hipoteca/detalle/idHipoteca”: Que cargará la página detalle.html. Pero sabiendo que “idHipoteca” es un parámetro con el valor de la hipoteca a mostrar.
• “/hipoteca/listado”: Que cargará la página listado.html
• “/” : que cargará la página main.html. Ésta será la ruta a la que se navegará si se pone cualquier otra ruta distinta a las 3 que acabamos de definir.

Las página de las 3 rutas se cargarán en index.html

Crea una nueva página llamada main.html que tendrá un enlace para navegar a la ruta “/hipoteca/listado”.

Modifica la tabla para que ahora, al pinchar sobre la columna idHipoteca, se navegue a la ruta “/hipoteca/detalle” pero pasando el “idHipoteca” de donde se ha pinchado.

Haz que se le pase el controlador de detalle.html el idHipoteca y que ahora use ese valor con el método hipotecaResource .get(idHipoteca) para obtener los datos de la hipoteca concreta.

Haz que ahora que todos los enlaces usen las rutas en vez de poner directamente las páginas.

Haz que los datos de la hipoteca se carguen antes de que se muestre la página HTML

Haz que los datos de las hipotecas se carguen antes de que se muestre la página HTML

Haz que la carga de pie.html ahora se haga sólo desde index.html