Aquí mostraremos los cambios que se han hecho en el arquetipo, debidos a cambios en la imagen corporativa o a corrección de errores, que es importante hacer en nuestros proyectos basados en arquetipos anteriores, y la adaptación que se debería realizar en algunos archivos del arquetipo para adaptarlo a la versión actual.
La versión del arquetipo con el que se generó la aplicación se puede ver en el archivo pom del proyecto padre.
La versión actual del estilo corporativo es la 1.2.
Desde arquetipo versión 0.0.16-0.0.18:
Cambios:
Con estos cambios se modifica el menú y los espacios exteriores de la página para que se adapten mejor cuando la ventana tiene un tamaño reducido.
Adaptación a la versión 0.0.19:
1.- Cambiar el archivo menu.js por el siguiente: menu.js
(Este paso ya no es necesario si se va a actualizar hasta la última versión)
2.- Cambiar el archivo template.xhtml para añadir esta línea después del div con class sidebar:
(Este paso no es necesario si se va a sustituir el archivo con el de la versión 0.0.26)
<div class="sidebar">
...
</div>
<span class="mainMenu-bg"></span>
<div class="main-content">
...
Desde arquetipo versión 0.0.19:
Cambios:
Con estos cambios se añade el fichero primefaces_fix.js a las plantillas, para solucionar un fallo, que tiene primefaces y JSF, a la hora de actualizar toda un pagina mediante un partial-submit.
Adaptación a la versión actual:
1.- Cambiar el archivo template.xhtml y template_login.xhtml para añadir esta línea después de <f:facet name="last">:
<f:facet name="last">
<h:outputScript library="fundeweb" name="primefaces/js/primefaces_fix.js" />
...
Desde arquetipo versión 0.0.20-0.0.23:
Cambios:
El fichero menu.js pasa a estar en la librería, para facilitar su modificación.
Se pasa a usar la versión 1.1 del estilo corporativo, que se distribuye en la librería fundeweb-tags-primefaces8 a partir de la versión 2.0.131.
Adaptación a la versión actual:
Es necesario tener la librería fundeweb-tags-primefaces8 actualizada.
1.- En el archivo template.xhtml:
(Este paso no es necesario si se va a sustituir el archivo con el de la versión 0.0.26)
Se quitan los archivos del estilo antiguos y el h:outputScript de menu.js y se añaden los nuevos:
<fdw:outputStylesheet library="themes" name="um/1_1/css/font.css" />
<fdw:outputStylesheet library="themes" name="um/1_1/css/layoutUMU.css" />
<fdw:outputStylesheet library="themes" name="um/1_1/css/estiloUMU.css" />
<h:outputScript library="themes" name="um/1_1/js/estiloUMU.js" />
<h:outputScript library="themes" name="um/1_1/js/menu.js" />
Se cambian los elementos del pie de página para adecuarlo mejor a móvil.
Se cambian las propiedades de los diálogos de cierre de sesión (noSesionDlg y cerrandoSesionDlg) para mejorar su posición en pantalla.
Con estos cambios quedaría la versión 0.0.24 del template.xhtml.
2.- En el archivo cabecera.xhtml:
(Este paso no es necesario si se va a sustituir el archivo con el de la versión 0.0.26)
Añadida posibilidad de poner nombre secundario a la aplicación, si se hace este cambio hay que añadir la propiedad application.name.secondary en los ficheros properties.
Cambiado el aspecto del botón salir.
Se pueden ver estos cambios en la versión 0.0.24 de cabecera.xhtml.
3.- Se cambian los archivos recomendaciones.xhtml y lopd.xhtml:
Se mejora la visualización en móvil.
Se pueden ver estos cambios en la versiones 0.024 de recomendaciones.xhtml y lopd.xhtml
Desde versión 1.1 del estilo (arquetipo 0.0.24):
Cambios:
Cambiamos a la versión 1.2 del estilo.
Cambiamos la capa de bloqueo de la aplicación.
Pasamos a usar los iconos de primefaces.
Adaptación a la versión actual:
1.- En el archivo template.xhtml:
Se añade la librería de primeicons:
<fdw:outputStylesheet library="primefaces" name="primeicons/primeicons.css" />
Se cambia a la version 1.2 del tema:
<fdw:outputStylesheet library="themes" name="um/1_2/css/font.css" />
<fdw:outputStylesheet library="themes" name="um/1_2/css/layoutUMU.css" />
<fdw:outputStylesheet library="themes" name="um/1_2/css/estiloUMU.css" />
<h:outputScript library="themes" name="um/1_2/js/estiloUMU.js" />
<h:outputScript library="themes" name="um/1_2/js/menu.js" />
Cambiamos el código del div del panel de bloqueo (div id="panelBloqueoFundeweb").
Con estos cambios quedaría la versión 0.0.26 del template.xhtml.
2.- En el archivo cabecera.xhtml:
Se han cambiado los iconos.
Con estos cambios quedaría la versión 0.0.26 de cabecera.xhtml.
3.- En el archivo menu_lateral.xhtml:
Se han cambiado los iconos.
Con estos cambios quedaría la versión 0.0.26 de menu_lateral.xhtml.
Versión 1.2 del estilo (arquetipo 0.0.26):
Cambios:
Es la versión actual, no necesita cambios.