83 lines
3.0 KiB
HTML
83 lines
3.0 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">
|
|
|
|
<h:head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<title>MyHealth Online Services</title>
|
|
<h:outputStylesheet name="primeicons/primeicons.css" library="primefaces" />
|
|
<h:outputStylesheet library="css" name="estilos.css" />
|
|
</h:head>
|
|
<h:outputScript>
|
|
function handleLoginRequest(xhr, status, args) {
|
|
$('#loginSpin').slideUp();
|
|
|
|
if(args.validationFailed || !args.loggedIn) {
|
|
PF('dlgLogin').jq.effect("shake", {times:5}, 100);
|
|
}
|
|
else {
|
|
PF('dlgLogin').hide();
|
|
}
|
|
}
|
|
|
|
function showSpinner() {
|
|
$('#loginSpin').slideDown();
|
|
}
|
|
</h:outputScript>
|
|
<h:body>
|
|
<div id="layout">
|
|
<div id="top" class="top">
|
|
<!-- <h1 class="Titulo">myHealth Site</h1> -->
|
|
<h:graphicImage library="images" name="logo-small.png" />
|
|
</div>
|
|
<hr />
|
|
<div id="menuDiv">
|
|
<p:growl id="messages" sticky="true" showDetail="true" life="3000" />
|
|
|
|
<h:form id="frmLogin">
|
|
<i id="loginSpin" class="pi pi-spin pi-spinner hide" style="font-size: 3em"></i>
|
|
|
|
<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}" />
|
|
|
|
<h:outputLabel for="password" value="Password:" />
|
|
<p:password id="password" value="#{loginView.password}" />
|
|
|
|
<f:facet name="footer">
|
|
<p:commandButton value="Login" update="messages, frmMenu" icon="pi pi-user" action="#{loginView.login}" onstart="showSpinner()"
|
|
oncomplete="handleLoginRequest(xhr, status, args)">
|
|
</p:commandButton>
|
|
<p:commandButton value="Cancel" icon="pi pi-ban" onclick="PF('dlgLogin').hide();" />
|
|
</f:facet>
|
|
</h:panelGrid>
|
|
</p:dialog>
|
|
</h:form>
|
|
<h:form id="frmMenu">
|
|
<p:menubar model="#{menuView.model}">
|
|
<f:facet name="options">
|
|
<ui:fragment rendered="#{home.logedIn}">
|
|
<h:outputText value="hola, #{home.userName} " />
|
|
<p:commandButton value="Logout" icon="pi pi-sign-out" action="#{loginView.logout}" />
|
|
</ui:fragment>
|
|
<ui:fragment rendered="#{not home.logedIn}">
|
|
<h:outputText value="hola, invitado " />
|
|
<p:commandButton value="login" icon="pi pi-sign-in" onclick="PF('dlgLogin').show();" title="login" />
|
|
<p:button value="Registrarse" icon="pi pi-user-plus" outcome="RegisterUser" />
|
|
</ui:fragment>
|
|
</f:facet>
|
|
</p:menubar>
|
|
|
|
|
|
</h:form>
|
|
</div>
|
|
<div id="content">
|
|
<ui:insert name="content">Content</ui:insert>
|
|
</div>
|
|
</div>
|
|
</h:body>
|
|
</html>
|