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.
Desde versión 1.2 del estilo (arquetipo 0.0.26):
Cambios:
Pasamos a usar los iconos de FontAwesome.
Mas información en la guia: https://confluence.um.es/confluence/x/OABAFw
Actualización de dialogo de recomendaciones.
Adaptación a la versión actual:
1.- En el archivo template.xhtml:
Se añade la librería de fontAwesome, parametrizada dependiendo del entorno:
<link rel="stylesheet" type="text/css" href="https://${url.recursos}/forja/mncs/fontawesome/fa-5-pro/css/all.min.css" />
Junto con la librería estiloUMU.css añadir estiloUMU-fa5.css que cambiará algunos iconos de componentes:
<fdw:outputStylesheet library="themes" name="um/1_2/css/estiloUMU-fa5.css" />
2.- En filtro-local.properties y filtro-desarrollo.properties añadir una linea con:
url.recursos=recursosdesa.um.es
3.- En filtro-preproduccion.properties añadir una linea con:
url.recursos=recursostest.um.es
4.- En filtro-produccion.properties añadir una linea con:
url.recursos=recursos.um.es
5.- En el pom del proyecto web, si no aparece ya:
Dentro del plugin maven-war-plugin en los excludes añadir:
<exclude>layout/template.xhtml</exclude>
y en los includes añadir:
<include>layout/template.xhtml</include>
6.- Cambiar el archivo layout/recomendaciones.xhtml por este nuevo.
Desde versión 1.2 del estilo (arquetipo anterior al 2.0.0):
Cambios:
Cambio a la versión 1.3 del estilo, esta versión se puede usar tanto con primefaces 8 como con 13
Cambio de primefaces 8 a primefaces 13 (recomendado)
Uso de PrimeFlex en vez de GridCss (recomendado)
Adaptación a la versión actual:
1.- En el archivo template.xhtml:
Se cambia a la versión 1.3 del tema:
<fdw:outputStylesheet library="themes" name="um/1_3/css/font.css" />
<fdw:outputStylesheet library="themes" name="um/1_3/css/layoutUMU.css" />
<fdw:outputStylesheet library="themes" name="um/1_3/css/estiloUMU.css" />
<h:outputScript library="themes" name="um/1_3/js/estiloUMU.js" />
<h:outputScript library="themes" name="um/1_3/js/menu.js" />
Se cambia la versión de Primeflex
<fdw:outputStylesheet library="fundeweb" name="primeflex/3.3/primeflex.min.css" />
2.- Cambios para adaptar las pantallas a Promefaces 13, podemos seguir la guía https://confluence.um.es/confluence/x/r4DnMw.