* Tema por defecto nova-light
* Interfaz de usuario con Grid-css para pantalla de registro.
This commit is contained in:
mgarcianun
@@ -5,83 +5,89 @@
|
||||
xmlns:p="http://primefaces.org/ui">
|
||||
|
||||
<ui:composition template="../header.xhtml">
|
||||
<h:outputScript>
|
||||
function handleRequest(xhr, status, args) {
|
||||
if(args.specs) {
|
||||
PF('caps').hide();
|
||||
$('#caps').fadeOut();
|
||||
PF('especialidades').show()
|
||||
$('#especialidades').fadeIn();
|
||||
}
|
||||
else if (args.caps) {
|
||||
PF('especialidades').hide();
|
||||
$('#especialidades').fadeOut();
|
||||
PF('caps').show()
|
||||
$('#caps').fadeIn();
|
||||
}
|
||||
}
|
||||
</h:outputScript>
|
||||
<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:selectOneRadio id="usertype" value="#{registerUser.userType}" unselectable="true" required="true" requiredMessage="Debe especificar un tipo de usuario">
|
||||
<p:ajax listener="#{registerUser.onUserTypeChange}" update="medicalSpecialty" oncomplete="handleRequest(xhr, status, args)" />
|
||||
<p:selectOneButton id="selUsertype" value="#{registerUser.userType}" required="true" requiredMessage="Debe especificar un tipo de usuario">
|
||||
<f:selectItems value="#{registerUser.userTypes}" />
|
||||
</p:selectOneRadio>
|
||||
<p:ajax listener="#{registerUser.onUserTypeChange}" update="medicalSpecialty" oncomplete="handleRequest(xhr, status, args)" />
|
||||
</p:selectOneButton>
|
||||
</h:panelGrid>
|
||||
</p:panel>
|
||||
<p:panel id="RegisterUser" header="Registrarse en el sistema como paciente">
|
||||
<h:panelGrid columns="3">
|
||||
<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: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="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" itemDescription="#{c.description}" itemValue="#{c.name}" />
|
||||
</p:selectOneMenu>
|
||||
<p:message for="medicalSpecialty" />
|
||||
<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="Centro:" for="primaryHealthCareCenter" />
|
||||
<p:selectOneMenu id="primaryHealthCareCenter" value="#{registerUser.medicalSpecialty}" style="width:350px">
|
||||
<f:selectItem itemLabel="Seleccione una centro..." 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="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: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: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="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="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" />
|
||||
|
||||
<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:panelGroup>
|
||||
<h:panelGrid columns="3">
|
||||
<p:commandButton validateClient="true" value="Registrarse" update="mesgs" action="#{registerUser.addNewUser}" icon="pi pi-check" />
|
||||
<p:commandButton value="Volver" outcome="home" />
|
||||
</h:panelGrid>
|
||||
</h:panelGroup>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user