Esta guía está pendiente de revisión de estilo, y cambiará tanto el xhtml como los CSSs.
Modificaciones para añadir el aviso de cookies en un aplicación FundeWebJs.
template.xhtml
A continuación se muestran las modificaciones necesarias para el archivo template.xhtml, el código de ejemplo es para una apliacción FundeWeb 2, pero se podría adaptar para otras aplicaciones.
Añadir un nuevo fichero js: cookies.js, con la funcionalidad para detectar si ya se han aceptado las cookies.
<h:outputScript library="js" name="cookies.js" />
Añadir un enlace en el pie de las páginas a la política de cookies, entre el enlace de la declaracion de accesibilidad y el de lopd.
<ui:fragment rendered="${notificar.cookies}"> <span class="separator">|</span> <span> <p:commandLink action="#{menuManagerBean.clickAndKillLastConversation('/politicaCookies.xhtml')}" ajax="false" styleClass="bloqueoFundeweb"> <span>#{messages['menu.components.politica.cookies']}</span> </p:commandLink> </span> </ui:fragment>
Añadir el aviso de cookies justo después del div de messagesGlobal, al final del template.
<ui:fragment rendered="${notificar.cookies}"> <ui:include src="avisoCookies.xhtml" /> </ui:fragment>
Se pueden ver las modificaciones en el archivo template.xhtml
filtro-????.properties
Nueva propiedad notificar.cookies=true
Nueva página de política de cookies
Archivo politicaCookies.xhtml
Codigo xhtml del aviso incluido en el template
Archivo avisoCookies.xhtml
messages_??.properties
Nueva propiedad con el texto del aviso.
cookies.warn=Esta aplicaci\u00F3n web \u00FAnicamente utiliza cookies t\u00E9cnicas propias con la finalidad de permitir la navegaci\u00F3n por el sitio web, de manera que no se recabar\u00E1n ni ceder\u00E1n datos de car\u00E1cter personal de los usuarios sin su conocimiento.
Javascript necesario
Nuevo archivo cookies.js con la funcionalidad para saber si ya se aceptó el aviso de cookies.
Actualizacion de los estilos
Nuevo archivo de estilos cookies.css, este archivo es para aplicaciones FundeWeb 2 y asume que tenemos el nuevo estilo corporatico, en un futuro se añadirá al estilo corporativo y no hará falta usarlo.
Nuevo archivo de estilos cookies-nofw.css, contiene todos los estilos necesarios, no requiere que usemos el estilo corporativo, se puede usar como base para aplicaciones no FundeWeb y FundeWeb 1, utiliza FontAwesome 5 para el icono de información.
Modificaciones para añadir el aviso de cookies en un aplicación FundeWebJs.
template.xhtml
A continuación se muestran las modificaciones necesarias para el archivo template.xhtml, el código de ejemplo es para una apliacción FundeWeb 2, pero se podría adaptar para otras aplicaciones.
Añadir un nuevo fichero js: cookies.js, con la funcionalidad para detectar si ya se han aceptado las cookies.
<h:outputScript library="js" name="cookies.js" />
Añadir un enlace en el pie de las páginas a la política de cookies, entre el enlace de la declaracion de accesibilidad y el de lopd.
<ui:fragment rendered="${notificar.cookies}"> <span class="separator">|</span> <span> <p:commandLink action="#{menuManagerBean.clickAndKillLastConversation('/politicaCookies.xhtml')}" ajax="false" styleClass="bloqueoFundeweb"> <span>#{messages['menu.components.politica.cookies']}</span> </p:commandLink> </span> </ui:fragment>
Añadir el aviso de cookies justo después del div de messagesGlobal, al final del template.
<ui:fragment rendered="${notificar.cookies}"> <ui:include src="avisoCookies.xhtml" /> </ui:fragment>
Se pueden ver las modificaciones en el archivo template.xhtml
filtro-????.properties
Nueva propiedad notificar.cookies=true
Nueva página de política de cookies
Archivo politicaCookies.xhtml
Codigo xhtml del aviso incluido en el template
Archivo avisoCookies.xhtml
messages_??.properties
Nueva propiedad con el texto del aviso.
cookies.warn=Esta aplicaci\u00F3n web \u00FAnicamente utiliza cookies t\u00E9cnicas propias con la finalidad de permitir la navegaci\u00F3n por el sitio web, de manera que no se recabar\u00E1n ni ceder\u00E1n datos de car\u00E1cter personal de los usuarios sin su conocimiento.
Javascript necesario
Nuevo archivo cookies.js con la funcionalidad para saber si ya se aceptó el aviso de cookies.
Actualizacion de los estilos
Nuevo archivo de estilos cookies.css, este archivo es para aplicaciones FundeWeb 2 y asume que tenemos el nuevo estilo corporatico, en un futuro se añadirá al estilo corporativo y no hará falta usarlo.
Nuevo archivo de estilos cookies-nofw.css, contiene todos los estilos necesarios, no requiere que usemos el estilo corporativo, se puede usar como base para aplicaciones no FundeWeb y FundeWeb 1, utiliza FontAwesome 5 para el icono de información.