You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

388 lines
29 KiB

<?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:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:p="http://primefaces.org/ui">
<body>
<ui:composition template="./template/principal.xhtml">
<ui:define name="top">
<center><H2> U S U A R I O S </H2></center>
</ui:define>
<ui:define name="left">
<h:form >
<p:menu style="border-color: gray; width: 163px; height: 630px;">
<p:menuitem action="ProductoLista.xhtml" value="Productos" ajax="false" icon="pi pi-shopping-bag" iconPos="left" style="background-color: lightgray; height: 90px;" styleClass="botonMenu" />
<p:menuitem action="proveedorLista.xhtml" value="Proveedores" ajax="false" icon="pi pi-id-card" iconPos="left" style="background-color: white ;height: 90px;" styleClass="botonMenu"/>
<p:menuitem action="marcaLista.xhtml" value="Marcas" ajax="false" icon="pi pi-tag" iconPos="left" style="background-color: lightgray ;height: 90px;" styleClass="botonMenu" />
<p:menuitem action="categoriaLista.xhtml" value="Categorias" ajax="false" icon="pi pi-star" iconPos="left" style="background-color: white ;height: 90px;" styleClass="botonMenu" />
<p:menuitem action="UbicacionAlmacenLista.xhtml" value="Almacen" ajax="false" icon="pi pi-map-marker" iconPos="left" style="background-color: lightgray ;height: 90px;" styleClass="botonMenu"/>
<p:menuitem action="usuariosLista.xhtml" value="Usuarios" ajax="false" icon="pi pi-users" iconPos="left" style="background-color: white ;height: 90px;" styleClass="botonMenu" />
<p:menuitem action="rolLista.xhtml" value="Roles" ajax="false" icon="pi pi-sitemap" iconPos="left" style="background-color: lightgray ;height: 80px;" styleClass="botonMenu" />
</p:menu>
       </h:form>
</ui:define>
<ui:define name="content">
<f:view>
<h:form id="formtabla" >
<p:growl id="growl" showDetail="true" />
<p:dataTable id="tabla" value="#{demoBeanUsuarios.all}" var="item"
widgetVar="Usuarios" emptyMessage="No se han encontrado el usuario"
filteredValue="#{demoBeanUsuarios.filteredCustomers3}"
globalFilterFunction="#{demoBeanUsuarios.globalFilterFunction}"
scrollable="true" scrollHeight="480" >
<f:facet name="header">
<div class="flex justify-content-end" style="height: 30px;" >
<div>
<p:commandButton ajax="true" oncomplete="PF('dlg').show();" actionListener="#{demoBeanUsuarios.prepararNuevo()}"
update=":dialog" value="Nuevo" icon="pi pi-plus" />
<i class="pi pi-search" style="margin-left:450px; margin-top: 10px;"></i>
<p:inputText id="globalFilter" onkeyup="PF('usuario').filter()" placeholder="Buscar usuario"
style="width:250px; margin-right: 120px; float: right; margin-top: -1px;" />
<p:commandButton value="Logout" ajax="false" icon="pi pi-sign-out" action="#{demoBeanLogin.logout()}" style="background-color: #036FAB; width: 100px; float: right; margin-top: -40px " />
</div>
</div>
</f:facet>
<p:column styleClass="columnaId2" style="text-align: center;">
<f:facet name="header">
<h:outputText value="Id" style="font-weight: bolder; " />
</f:facet>
<h:outputText value="#{item.id}"/>
</p:column>
<p:column style="text-align: center">
<f:facet name="header">
<h:outputText value="Nombre" style="font-weight:bolder; "/>
</f:facet>
<h:outputText value="#{item.nombre}"/>
</p:column>
<p:column style="text-align: center">
<f:facet name="header">
<h:outputText value="Apellidos Paterno" style="font-weight:bolder; "/>
</f:facet>
<h:outputText value="#{item.apellidop}"/>
</p:column>
<p:column style="text-align: center">
<f:facet name="header">
<h:outputText value="Apellido Materno" style="font-weight:bolder; "/>
</f:facet>
<h:outputText value="#{item.apellidom}"/>
</p:column>
<p:column style="text-align: center">
<f:facet name="header">
<h:outputText value="Usuario" style="font-weight:bolder; "/>
</f:facet>
<h:outputText value="#{item.usuario}"/>
</p:column>
<p:column style="text-align: center">
<f:facet name="header">
<h:outputText value="Correo" style="font-weight:bolder; "/>
</f:facet>
<h:outputText value="#{item.correo}"/>
</p:column>
<p:column style="text-align: center">
<f:facet name="header">
<h:outputText value="Telefono" style="font-weight:bolder;"/>
</f:facet>
<h:outputText value="#{item.telefono}"/>
</p:column>
<p:column style="text-align: center">
<f:facet name="header">
<h:outputText value="Rol" style="font-weight:bolder; "/>
</f:facet>
<h:outputText value="#{item.rolId.rol}"/>
</p:column>
<p:column styleClass="columnaOpc">
<f:facet name="header">
<h:outputText value="Opciones" style="font-weight: bolder;"/>
</f:facet>
<p:commandButton ajax="true" oncomplete="PF('dlg').show();" actionListener="#{demoBeanUsuarios.prepararEditar(item)}"
update=":dialog" style="margin-right: 10px; " icon="pi pi-file-edit" />
<p:commandButton ajax="true" oncomplete="PF('dlg2').show();" actionListener="#{demoBeanUsuarios.prepararEliminar(item)}"
update=":dialog2" style="background-color: red; color:white; border-color: red; " icon="pi pi-trash" />
<p:commandButton ajax="true" oncomplete="PF('dlg3').show();" actionListener="#{demoBeanUsuarios.prepararEditar(item)}"
update=":dialog3" icon="pi pi-eye" style="background-color: #88DC65; color:black; margin-right: 10px; width: 85px; margin-top: 10px" />
</p:column>
</p:dataTable>
</h:form>
<!-- crear/editar''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' -->
<p:dialog id="dialog" widgetVar="dlg" width="900" height="500" modal="true" appendTo="@(body)" >
<h:form >
<p:growl id="growl" for="usuariosMsj" showDetail="true" />
<h3 style="text-align: center; background-color: #036FAB; padding: 20px; color: #FFFFFF; margin-bottom: 10px;">
<h:outputText value="#{demoBeanUsuarios.titulo}"/></h3>
<h:panelGrid id="grid" columns="6" style="width: 100%">
<p:outputLabel style="font-weight:bolder" value="Nombre:" for="nombre" />
<p:inputText id="nombre" value="#{demoBeanUsuarios.usuarios.nombre}" title="Nombre" required="true" requiredMessage="campo obligatorio" validatorMessage=" el numbre debe enpesar con mayuscula " >
<f:validateRegex pattern="^[A-Z]$" for="nombre"/>
</p:inputText>
<p:messages for="nombre"/>
<p:outputLabel style="font-weight:bolder" value="Genero:" for="genero" />
<p:inputText id="genero" value="#{demoBeanUsuarios.usuarios.genero}" title="Genero" required="true" requiredMessage="campo obligatorio" >
</p:inputText>
<p:messages for="genero"/>
<p:outputLabel style="font-weight:bolder" value="Apellido Paterno:" for="apellidop" />
<p:inputText id="apellidop" value="#{demoBeanUsuarios.usuarios.apellidop}" title="Apellidop" required="true" requiredMessage="campo obligatorio" >
</p:inputText>
<p:messages for="apellidop"/>
<p:outputLabel style="font-weight:bolder" value="Fecha de nacimiento:" for="fechanacimiento" />
<p:inputText id="fechanacimiento" value="#{demoBeanUsuarios.usuarios.fechanacimiento}" title="Fechanacimiento" required="true" requiredMessage="campo obligatorio" validatorMessage="La fecha tine que ir como yyyy/mm/dd" >
<f:convertDateTime pattern="MM/dd/yyyy" />
</p:inputText>
<p:messages for="fechanacimiento"/>
<p:outputLabel style="font-weight:bolder" value="Apellido Materno:" for="apellidom" />
<p:inputText id="apellidom" value="#{demoBeanUsuarios.usuarios.apellidom}" title="Apellidom" required="true" requiredMessage="campo obligatorio" >
</p:inputText>
<p:messages for="apellidom"/>
<p:outputLabel style="font-weight:bolder" value="Correo:" for="correo" />
<p:inputText id="correo" value="#{demoBeanUsuarios.usuarios.correo}" title="Correo" required="true" requiredMessage="campo obligatorio" validatorMessage="Correo electronico invalido" >
<f:validateRegex pattern="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$" for="correo"/>
</p:inputText>
<p:messages for="correo"/>
<p:outputLabel style="font-weight:bolder" value="Usuario:" for="usuario" />
<p:inputText id="usuario" value="#{demoBeanUsuarios.usuarios.usuario}" title="Usuario" required="true" requiredMessage="campo obligatorio" >
</p:inputText>
<p:messages for="usuario"/>
<p:outputLabel style="font-weight:bolder" value="Contraseña:" for="contrasenia" />
<p:inputText id="contrasenia" value="#{demoBeanUsuarios.usuarios.contrasenia}" title="Contrasenia" required="true" requiredMessage="campo obligatorio" >
<f:validateRegex pattern="^(?=.*[a-zA-Z])(?=.*[0-9])[a-zA-Z0-9]{8}$" for="contrasenia"/>
</p:inputText>
<p:messages for="contrasenia"/>
<p:outputLabel style="font-weight:bolder" value="Telefono:" for="telefono" />
<p:inputText id="telefono" value="#{demoBeanUsuarios.usuarios.telefono}" title="Telefono" required="true" requiredMessage="campo obligatorio" validatorMessage="el numero esta incompleto revise que si coresponda" >
<f:validateRegex pattern="^[0-9]{10}$" for="telefono"/>
</p:inputText>
<p:messages for="telefono"/>
<p:outputLabel style="font-weight:bolder" value="Pais:" for="pais" />
<p:inputText id="pais" value="#{demoBeanUsuarios.usuarios.pais}" title="Pais" required="true" requiredMessage="campo obligatorio" >
</p:inputText>
<p:messages for="pais"/>
<p:outputLabel style="font-weight:bolder" value="Estado:" for="estado" />
<p:inputText id="estado" value="#{demoBeanUsuarios.usuarios.estado}" title="Estado" required="true" requiredMessage="campo obligatorio" >
</p:inputText>
<p:messages for="estado"/>
<p:outputLabel style="font-weight:bolder" value="Municipio:" for="municipio" />
<p:inputText id="municipio" value="#{demoBeanUsuarios.usuarios.municipio}" title="Municipio" required="true" requiredMessage="campo obligatorio" >
</p:inputText>
<p:messages for="municipio"/>
<p:outputLabel style="font-weight:bolder" value="Localidad:" for="localidad" />
<p:inputText id="localidad" value="#{demoBeanUsuarios.usuarios.localidad}" title="Localidad" required="true" requiredMessage="campo obligatorio" >
</p:inputText>
<p:messages for="localidad"/>
<p:outputLabel style="font-weight:bolder" value="Calle:" for="calle" />
<p:inputText id="calle" value="#{demoBeanUsuarios.usuarios.calle}" title="Calle" required="true" requiredMessage="campo obligatorio" >
</p:inputText>
<p:messages for="calle"/>
<p:outputLabel style="font-weight:bolder" value="Numero:" for="numero" />
<p:inputText id="numero" value="#{demoBeanUsuarios.usuarios.numero}" title="Numero" required="true" requiredMessage="campo obligatorio">
<f:validateRegex pattern="^[0-9]+(\s[A-Z])?$" for="numero"/>
</p:inputText>
<p:messages for="numero"/>
<p:outputLabel style="font-weight:bolder" value="CP:" for="cp" />
<p:inputText id="cp" value="#{demoBeanUsuarios.usuarios.cp}" title="Cp" required="true" requiredMessage="campo obligatorio" validatorMessage="el codigo posta es incorrecto revisaelo" >
<f:validateRegex pattern="^[0-9]{5}$" for="cp"/>
</p:inputText>
<p:messages for="cp" style=""/>
<p:outputLabel style="font-weight:bolder;" value="Rol:" for="rolId" />
<p:selectOneMenu id="rolId" value="#{demoBeanUsuarios.usuarios.rolId}" converter="selectOneMenuConverter" >
<f:selectItems value="#{demoBeanRol.all}" var="item" itemLabel="#{item.rol}" itemValue="#{item}"/>
</p:selectOneMenu>
</h:panelGrid>
<p:commandButton action="usuariosLista.xhtml" ajax="false" icon="pi pi-times" immediate="true" update="grid, formtabla:tabla, growl"
style="background-color: red; border-color:red; float: right;"/>
<p:commandButton action="#{demoBeanUsuarios.agregar()}" update="grid, formtabla:tabla, growl" ajax="true"
rendered="#{demoBeanUsuarios.nuevo}" icon="pi pi-check"
style="margin-right: 10px; background-color:green; border-color:green; float: right; " />
<p:commandButton action="#{demoBeanUsuarios.editar()}"
update="grid, formtabla:tabla, growl" ajax="true" rendered="#{!demoBeanUsuarios.nuevo}" icon="pi pi-check"
style="margin-right: 10px; background-color:green; border-color:green; float: right;" />
</h:form>
</p:dialog>
<!-- eliminiar''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' -->
<p:dialog id="dialog2" widgetVar="dlg2" width="900" height="500" modal="true" >
<h:form>
<h3 style="text-align: center; background-color: #036FAB; padding: 20px; color: #FFFFFF; margin-bottom: 10px;">
<h:outputText value="E L I M I N A R"/></h3>
<div>
<h:panelGrid id="grid" columns="4" style="width: 100%" cellpadding="10">
<h:outputText value="Id:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.id}" title="Id"/>
<h:outputText value="Genero:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.genero}" title="Genero"/>
<h:outputText value="Nombre:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.nombre}" title="Nombre"/>
<h:outputText value="Fecha de nacimiento:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.fechanacimiento}" title="Fechanacimiento">
<f:convertDateTime pattern="MM/dd/yyyy" />
</h:outputText>
<h:outputText value="Apellido Paterno:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.apellidop}" title="Apellidop"/>
<h:outputText value="Correo:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.correo}" title="Correo"/>
<h:outputText value="Apellido Materno:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.apellidom}" title="Apellidom"/>
<h:outputText value="Usuario:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.usuario}" title="Usuario"/>
<h:outputText value="Telefono:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.telefono}" title="Telefono"/>
<h:outputText value="Contraseña:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.contrasenia}" title="Contrasenia"/>
<h:outputText value="Pais:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.pais}" title="Pais"/>
<h:outputText value="Estado:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.estado}" title="Estado"/>
<h:outputText value="Municipio:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.municipio}" title="Municipio"/>
<h:outputText value="Localidad:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.localidad}" title="Localidad"/>
<h:outputText value="Calle:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.calle}" title="Calle"/>
<h:outputText value="Numero:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.numero}" title="Numero"/>
<h:outputText value="Cp:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.cp}" title="Cp"/>
<h:outputText value="Rol:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.rolId.rol}" title="RolId"/>
</h:panelGrid>
</div>
<div style="margin-top: 20px;">
<p:commandButton action="usuariosLista.xhtml" icon="pi pi-times" ajax="false" immediate="true"
style="margin-left: 10px; background-color:red; border-color:red; float: right;" />
<p:commandButton action="usuariosLista.xhtml" actionListener="#{demoBeanUsuarios.eliminar()}"
ajax="false" icon="pi pi-check"
style=" background-color:green; border-color:green; float: right;"/>
</div>
</h:form>
</p:dialog>
<!-- info''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' -->
<p:dialog id="dialog3" widgetVar="dlg3" width="900" height="500" modal="true" >
<h:form>
<h3 style="text-align: center; background-color: #036FAB; padding: 20px; color: #FFFFFF; margin-bottom: 10px;">
<h:outputText value="D E T A L L E S"/></h3>
<div>
<h:panelGrid id="grid" columns="4" style="width: 100%" cellpadding="10">
<h:outputText value="Id:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.id}" title="Id"/>
<h:outputText value="Genero:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.genero}" title="Genero"/>
<h:outputText value="Nombre:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.nombre}" title="Nombre"/>
<h:outputText value="Fecha de nacimiento:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.fechanacimiento}" title="Fechanacimiento">
<f:convertDateTime pattern="MM/dd/yyyy" />
</h:outputText>
<h:outputText value="Apellido Paterno:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.apellidop}" title="Apellidop"/>
<h:outputText value="Correo:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.correo}" title="Correo"/>
<h:outputText value="Apellido Materno:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.apellidom}" title="Apellidom"/>
<h:outputText value="Usuario:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.usuario}" title="Usuario"/>
<h:outputText value="Telefono:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.telefono}" title="Telefono"/>
<h:outputText value="Contraseña:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.contrasenia}" title="Contrasenia"/>
<h:outputText value="Pais:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.pais}" title="Pais"/>
<h:outputText value="Estado:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.estado}" title="Estado"/>
<h:outputText value="Municipio:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.municipio}" title="Municipio"/>
<h:outputText value="Localidad:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.localidad}" title="Localidad"/>
<h:outputText value="Calle:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.calle}" title="Calle"/>
<h:outputText value="Numero:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.numero}" title="Numero"/>
<h:outputText value="Cp:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.cp}" title="Cp"/>
<h:outputText value="Rol:" style=" font-weight:bolder"/>
<h:outputText value="#{demoBeanUsuarios.usuarios.rolId.rol}" title="RolId"/>
</h:panelGrid>
<p:commandButton action="usuariosLista.xhtml" icon="pi pi-arrow-left" ajax="false" style="right:-790px" />
</div>
</h:form>
</p:dialog>
</f:view>
</ui:define>
</ui:composition>
</body>
</html>