Menu dinámico en función de si el usuario está logeado o no.

1.sources/MyHealth/docroot/header.xhtml

@@ -12,14 +12,19 @@
 </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();
-	            $('#loginLink').fadeOut();
 	        }
 	    }
+	    
+	    function showSpinner() {
+            $('#loginSpin').slideDown();
+	    }
 </h:outputScript>
 <h:body>
 	<div id="layout">
@@ -29,10 +34,11 @@
 		</div>
 		<hr />
 		<div id="menuDiv">
-			<h:form>
+			<h:form id="frmMenu">
 				<p:growl id="messages" sticky="true" showDetail="true" life="3000" />
 
-				<p:menubar>
+
+				<p:menubar model="#{menuView.model}">
 					<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}" />
@@ -81,14 +87,14 @@
 							<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" />
+									<p:inputText id="username" value="#{loginView.username}" />
 
 									<h:outputLabel for="password" value="Password:" />
-									<p:password id="password" value="#{loginView.password}" required="true" label="password" />
+									<p:password id="password" value="#{loginView.password}" />
 
 									<f:facet name="footer">
-										<p:commandButton value="Login" update="messages" icon="pi pi-user" action="#{loginView.login}" oncomplete="handleLoginRequest(xhr, status, args)" />
-										<i class="pi pi-spin pi-spinner hide" style="font-size: 3em"></i>
+										<p:commandButton value="Login" update="messages" icon="pi pi-user" action="#{loginView.login}" onstart="showSpinner()" oncomplete="handleLoginRequest(xhr, status, args)" />
+										<i id="loginSpin" class="pi pi-spin pi-spinner hide" style="font-size: 3em"></i>
 									</f:facet>
 								</h:panelGrid>
 							</p:dialog>