* Implementado esqueleto de menu principal.
* Filtro AuthorizationFilter para gestionar inicio de sesión. * Interfaz para página de login básica. * Todos los managed beans movidos a paquete managedbean * Configuración básica de faces-config con navegación de paginas outcome. * Actualizado web.xml * Utilización de librería primefaces para interfaz de usuario. * Aplicado tema bootstrap para primefaces. * Los iconos (glyph-icons) de primefaces no se cargan en la interfaz (Pendiente de investigar). * Actualización de projects archives para inclusión de clases nuevas en JAR/WAR/EAR de forma correcta.
This commit is contained in:
@@ -1,35 +1,103 @@
|
||||
<?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"
|
||||
<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">
|
||||
|
||||
<h:head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>myHealth page header</title>
|
||||
<title>MyHealth Online Services</title>
|
||||
<h:outputStylesheet library="css" name="estilos.css" />
|
||||
</h:head>
|
||||
|
||||
<h:outputScript>
|
||||
function handleLoginRequest(xhr, status, args) {
|
||||
if(args.validationFailed || !args.loggedIn) {
|
||||
PF('dlgLogin').jq.effect("shake", {times:5}, 100);
|
||||
}
|
||||
else {
|
||||
PF('dlgLogin').hide();
|
||||
$('#loginLink').fadeOut();
|
||||
}
|
||||
}
|
||||
</h:outputScript>
|
||||
<h:body>
|
||||
<div id="layout">
|
||||
<div id="top" class="top">
|
||||
<h1 class="Titulo">myHealth Site</h1>
|
||||
</div>
|
||||
<hr />
|
||||
<div id="menucontainer" class="estilomenu">
|
||||
<p:spinner></p:spinner>
|
||||
|
||||
<div id="menuDiv">
|
||||
<h:form>
|
||||
<p>Welcome #{login.userName}, <h:commandLink action="#{login.logout}" value="Logout">Logout</h:commandLink></p>
|
||||
<p:growl id="messages" sticky="true" showDetail="true" life="3000" />
|
||||
<p:menubar>
|
||||
<p:menuitem label="Home" icon="pi pi-home" outcome="home" />
|
||||
<p:submenu label="Administración del sistema" icon="pi pi-briefcase">
|
||||
<p:menuitem value="Gestionar especialidades" icon="pi pi-briefcase" action="#{menuView.goManageSpecialties}" />
|
||||
<p:menuitem value="Gestionar CAPs" action="#{menuView.goManageSpecialties}" />
|
||||
<p:separator />
|
||||
<p:menuitem value="Consultar medicos de familia por CAP" icon="pi pi-search" action="#{menuView.goManageSpecialties}" />
|
||||
<p:separator />
|
||||
<p:menuitem value="Nuevo administrador" icon="pi pi-user" action="#{menuView.goManageSpecialties}" />
|
||||
</p:submenu>
|
||||
<p:submenu label="Visitas" icon="pi pi-calendar">
|
||||
<p:menuitem value="Programar visita" icon="pi pi-briefcase" action="#{menuView.goVisit}" />
|
||||
<p:menuitem value="Ver visitas programadas" icon="pi pi-briefcase" action="#{menuView.goVisit}" />
|
||||
</p:submenu>
|
||||
<p:submenu label="Pruebas médicas" icon="pi pi-clone">
|
||||
<p:menuitem value="Gestionar pruebas médicas" icon="pi pi-briefcase" action="#{menuView.goMedicalTests}" />
|
||||
<p:menuitem value="Consultar médicos especialistas por especialidad" action="#{menuView.goMedicalTests}" />
|
||||
<p:separator />
|
||||
<p:menuitem value="Listar medicos especialistas por especialidad" icon="pi pi-search" action="#{menuView.goMedicalTests}" />
|
||||
</p:submenu>
|
||||
<p:submenu label="Preguntas" icon="pi pi-clone">
|
||||
<p:menuitem value="Añadir pregunta" action="#{menuView.goMedicalTests}" />
|
||||
<p:menuitem value="Responder prguntas pendientes" icon="pi pi-search" action="#{menuView.goMedicalTests}" />
|
||||
</p:submenu>
|
||||
<p:submenu label="Perfil" icon="pi pi-id-card">
|
||||
<p:menuitem value="Nuevo paciente" icon="pi pi-briefcase" outcome="AddPatient" />
|
||||
<p:menuitem value="Nuevo médico de familia" outcome="AddFamilyDoctor" />
|
||||
<p:menuitem value="Nuevo médico especialista" outcome="AddSpecialistDoctor" />
|
||||
<p:separator />
|
||||
<p:menuitem value="Actualizar mi perfil" icon="pi pi-search" action="#{menuView.goUpdateProfile}" />
|
||||
<p:separator />
|
||||
<p:menuitem value="Cambiar médico de familia" icon="pi pi-search" outcome="ChangeFamilyDoctor" />
|
||||
<p:separator />
|
||||
<p:menuitem value="Cambiar de CAP" icon="pi pi-search" outcome="changecap" />
|
||||
</p:submenu>
|
||||
|
||||
<f:facet name="options">
|
||||
<ui:fragment rendered="#{home.logedIn}">
|
||||
<h:outputText value="hola, #{home.userName} " />
|
||||
<p:commandButton type="button" value="Logout" icon="pi pi-user" action="#{loginView.logout}" />
|
||||
</ui:fragment>
|
||||
<ui:fragment rendered="#{not home.logedIn}">
|
||||
<h:outputText value="hola, invitado " />
|
||||
<p:commandButton type="button" value="login" icon="pi pi-user" onclick="PF('dlgLogin').show();" title="login" />
|
||||
|
||||
<p:dialog header="Acceder al sistema" widgetVar="dlgLogin" resizable="false">
|
||||
<h:panelGrid columns="2" cellpadding="5">
|
||||
<h:outputLabel for="username" value="Username:" />
|
||||
<p:inputText id="username" value="#{loginView.username}" required="true" label="username" />
|
||||
|
||||
<h:outputLabel for="password" value="Password:" />
|
||||
<p:password id="password" value="#{loginView.password}" required="true" label="password" />
|
||||
|
||||
<f:facet name="footer">
|
||||
<p:commandButton value="Login" update="messages" action="#{loginView.login}" oncomplete="handleLoginRequest(xhr, status, args)" />
|
||||
<i class="pi pi-spin pi-spinner" style="font-size: 3em"></i>
|
||||
</f:facet>
|
||||
</h:panelGrid>
|
||||
</p:dialog>
|
||||
</ui:fragment>
|
||||
</f:facet>
|
||||
</p:menubar>
|
||||
|
||||
|
||||
</h:form>
|
||||
</div>
|
||||
<div id="content">
|
||||
<ui:insert name="content">Content</ui:insert>
|
||||
</div>
|
||||
<hr />
|
||||
</div>
|
||||
</h:body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user