96 lines
5.1 KiB
HTML
96 lines
5.1 KiB
HTML
<?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://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
|
|
xmlns:p="http://primefaces.org/ui">
|
|
|
|
<ui:composition template="../header.xhtml">
|
|
<ui:define name="content">
|
|
<h:outputScript>
|
|
function handleRequest(xhr, status, args) {
|
|
if(args.specs) {
|
|
PF('panCentros').hide();
|
|
$('#panCentros').fadeOut();
|
|
PF('panEspecialidad').show()
|
|
$('#panEspecialidad').fadeIn();
|
|
}
|
|
else if (args.caps) {
|
|
PF('panEspecialidad').hide();
|
|
$('#panEspecialidad').fadeOut();
|
|
PF('panCentros').show()
|
|
$('#panCentros').fadeIn();
|
|
}
|
|
}
|
|
</h:outputScript>
|
|
<h:form>
|
|
<p:messages id="mesgs" showDetail="true" closable="true" autoupdate="true" />
|
|
|
|
<p:panel id="tipoUsuario" header="Especifique el tipo de usuario que desea registrarse">
|
|
<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
|
|
<p:selectOneButton id="selUsertype" value="#{registerUser.userType}" required="true" requiredMessage="Debe especificar un tipo de usuario">
|
|
<f:selectItems value="#{registerUser.userTypes}" />
|
|
<p:ajax listener="#{registerUser.onUserTypeChange}" update="medicalSpecialty" oncomplete="handleRequest(xhr, status, args)" />
|
|
</p:selectOneButton>
|
|
</h:panelGrid>
|
|
</p:panel>
|
|
<p:panel id="RegisterUser" header="Datos personales para el usuario">
|
|
<div class="ui-fluid">
|
|
<h:panelGrid columns="3" layout="grid" columnClasses="p-col-12 p-md-3 p-xl-2, p-col-12 p-md-9 p-xl-4, p-col-12 p-md-3 p-xl-2, p-col-12 p-md-9 p-xl-4"
|
|
contentStyleClass="ui-fluid">
|
|
<p:outputLabel value="NIF:" for="nif" />
|
|
<p:inputText id="nif" value="#{registerUser.nif}" required="true" requiredMessage="Por favor, indque su NIF" />
|
|
<p:message for="nif" display="text" />
|
|
|
|
<p:outputLabel value="Nombre:" for="name" />
|
|
<p:inputText id="name" value="#{registerUser.name}" required="true" requiredMessage="Por favor, indique su nombre" />
|
|
<p:message for="name" />
|
|
|
|
<p:outputLabel value="Apellidos:" for="surname" />
|
|
<p:inputText id="surname" value="#{registerUser.surname}" required="true" requiredMessage="Por favor, indique sus apellidos" />
|
|
<p:message for="surname" />
|
|
|
|
<p:outputLabel value="Especialidad médica:" for="medicalSpecialty" />
|
|
<p:selectOneMenu id="medicalSpecialty" value="#{registerUser.medicalSpecialty}" style="width:350px">
|
|
<f:selectItem itemLabel="Seleccione una especialidad médica..." itemValue="" noSelectionOption="true" />
|
|
<f:selectItems value="#{registerUser.medicalSpecialties}" var="c.TO" itemDescription="#{c.description}" itemValue="#{c.name}" />
|
|
</p:selectOneMenu>
|
|
|
|
|
|
<p:message for="medicalSpecialty" />
|
|
<p:outputLabel value="Centro:" for="primaryHealthCareCenter" />
|
|
<p:selectOneMenu id="primaryHealthCareCenter" value="#{registerUser.medicalSpecialty}" style="width:350px">
|
|
<f:selectItem itemLabel="Seleccione un centro de antención primario..." itemValue="" noSelectionOption="true" />
|
|
<f:selectItems value="#{registerUser.medicalSpecialties}" var="c" itemDescription="#{c.description}" itemValue="#{c.name}" />
|
|
</p:selectOneMenu>
|
|
<p:message for="primaryHealthCareCenter" />
|
|
|
|
<p:outputLabel value="Correo electrónico:" for="email" />
|
|
<p:inputText id="email" value="#{registerUser.email}" required="true" requiredMessage="Por favor, especifique su correo electrónico" />
|
|
<p:message for="email" />
|
|
|
|
<p:outputLabel value="Contraseña" for="password" />
|
|
<p:password id="password" value="#{registerUser.password}" match="passwordRepeat" required="true" requiredMessage="Por favor, especifique una contraseña" maxlength="50"
|
|
feedback="true" promptLabel="Especifique una contraseña segura" weakLabel="La contraseña es débil" goodLabel="La contraseña es buena" strongLabel="La contraseña es segura"
|
|
validatorMessage="La contraseña y su verificación deben ser iguales" />
|
|
<p:message for="password" />
|
|
|
|
<p:outputLabel value="Verificación de contraseña:" for="passwordRepeat" />
|
|
<p:password id="passwordRepeat" value="#{registerUser.password}" required="true" requiredMessage="Por favor, escriba la verificación de su contraseña" maxlength="50" />
|
|
<p:message for="passwordRepeat" />
|
|
|
|
|
|
|
|
</h:panelGrid>
|
|
<h:panelGrid columns="3" layout="grid" columnClasses="p-col-12 p-md-3 p-xl-2, p-col-12 p-md-9 p-xl-4, p-col-12 p-md-3 p-xl-2, p-col-12 p-md-9 p-xl-4">
|
|
<p:commandButton type="button" validateClient="true" value="Registrarse" update="mesgs" action="#{registerUser.addNewUser}" icon="pi pi-check" />
|
|
<p:commandButton type="button" value="Volver" outcome="home" />
|
|
|
|
</h:panelGrid>
|
|
|
|
</div>
|
|
</p:panel>
|
|
</h:form>
|
|
</ui:define>
|
|
</ui:composition>
|
|
</html>
|