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.

59 lines
2.0 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:p="http://primefaces.org/ui">
<style>
.login-container {
background-color: white;
border-radius: 5px;
padding: 5px;
width: 600px;
margin: 0 auto;
text-align: center;
}
</style>
<body>
<ui:composition template="./template/principal.xhtml">
<ui:define name="top">
<h:form>
<h3 style="text-align: center;">SISTEMA INVENTARIO</h3>
</h:form>
</ui:define>
<ui:define name="content">
<h:form id="loginForm">
<div class="login-container">
<p:panelGrid id="grid" columns="3" style="margin-bottom: 10px;">
<p:outputLabel for="username" value="Usuario:" />
<p:inputText id="username" value="#{LoginBean.nombre}" title="username" required="true" requiredMessage="El campo es obligatorio." />
<p:message for="username"/>
<p:outputLabel for="password" value="Contraseña:" />
<p:password id="password" value="#{LoginBean.pass}" title="password" required="true" requiredMessage="El campo es obligatorio" />
<p:message for="password"/>
</p:panelGrid>
<p:commandButton value="Iniciar Sesión" action="#{LoginBean.login}" update="grid"/>
</div>
</h:form>
</ui:define>
<ui:define name="bottom">
bottom
</ui:define>
</ui:composition>
</body>
</html>