<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui" xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
<style type="text/css">
.ui-datatable .ui-datatable-header {
text-align: right !important;
}
.ui-button-text-only .ui-button-text {
padding: 0.3em 0.4em;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
visibility: hidden;
}
.ui-filter-column .ui-column-customfilter .custom-filter {
width: 100%;
box-sizing: border-box;
}
.year-spinner input {
width: 100%;
box-sizing: border-box;
}
</style>
</h:head>
<f:view>
<h:form >
<p:outputPanel style="font-size: 30px;text-align: center">
<h:outputText value= "Bienvenido " />
<h:outputText value= "#{userLoginView.user.mail}" />
</p:outputPanel>
<p:dataTable var="hecho" id="dataHecho" value="#{gestionHechos.filteredNFact}" widgetVar="NoticiasTable"
emptyMessage="Hecho no encontrada" filteredValue="#{gestionHechos.filteredNFact}">
<f:facet name="header">
<p:outputPanel>
<h:outputText value="Buscar en todos los campos:" />
<p:inputText id="globalFilter" onkeyup="PF('NoticiasTable').filter()" style="width:150px" placeholder="Enter keyword"/>
</p:outputPanel>
</f:facet>
<p:column filterBy="#{hecho.title}" headerText="Titulo" filterMatchMode="contains">
<h:outputText value="#{hecho.title}" />
</p:column>
<p:column filterBy="#{hecho.actualState.value}" headerText="Descripción" filterMatchMode="contains">
<h:outputText value="#{hecho.actualState.value}" />
</p:column>
<p:column filterBy="#{hecho.actualState.value}" headerText="Estados" filterMatchMode="exact">
<f:facet name="filter">
<p:selectOneMenu onchange="PF('NoticiasTable').filter()" styleClass="custom-filter">
<f:selectItem itemLabel="Select One" itemValue="#{null}" noSelectionOption="true" />
<f:selectItems value="#{hecho.actualState.value}" />
</p:selectOneMenu>
</f:facet>
</p:column>
</p:dataTable>
</h:form>
</f:view>
</html>