<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
>
<body>
<ui:decorate template="/WEB-INF/templates/template.xhtml">
<ui:define name="contenido">
<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.facts}" widgetVar="NoticiasTable"
emptyMessage="Hecho no encontrada" filteredValue="#{gestionHechos.filteredFacts}">
<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.description}" headerText="Descripción" filterMatchMode="contains">
<h:outputText value="#{hecho.description}"/>
</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="#{gestionHechos.estados}" var="e" itemLabel="#{e.value}"
itemValue="#{hecho.actualState.value}"/>
</p:selectOneMenu>
</f:facet>
<h:outputText value="#{hecho.actualState.value}"/>
</p:column>
<p:column headerText="" style="text-align: center" >
<p:growl id="message" showDetail="true" />
<p:commandButton value="Enviar Verificación" action="#{hecho.setEstado()}" update="@form" disabled="#{hecho.EstaVerifcado()}" >
<p:confirm header="Confirmar" message="¿Enviar Solicitud?" icon="pi pi-exclamation-triangle" />
</p:commandButton>
<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
<p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="pi pi-check" />
<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="pi pi-times" />
</p:confirmDialog>
</p:column>
</p:dataTable>
</h:form>
<h:form style="margin-top:10px;text-align: center" var="noticia" >
<h:commandButton value="PUBLICAR/CANCELAR HECHO" action="publicarcancelar.xhtml?faces-redirect=true"
update="form" async="true" process="@this" visible="#{userLoginView.user.role.name.equals('SUBMITTER')}"/>
</h:form>
</ui:define>
</ui:decorate>
</body>
</html>