manage_users.xhtml

Facelet with JSF and EJB3 XHTML

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition 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:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="/skins/default/manage_template.xhtml">
                <ui:param name="MenuSelectItem" value="1" />
               <ui:define name="LeftNav">
                   <ui:include src="user_menu.xhtml">
                   	<ui:param name="selectedMenu" value="users" />
                   </ui:include>
               </ui:define>
               <ui:define name="EFPTitle">
               	<h:outputText value="Users" />
               </ui:define>
               <ui:define name="OpFormTitle">
               	<h:outputText value="/[Security]/[Users]" />
               </ui:define>
               <ui:define name="EFPForm">
				<rich:tabPanel switchType="client">
              	<rich:tab label="Basic Information">
                   <h:panelGrid columns="2">                       
                            <h:outputText value="LoginId"/>
                            <h:inputText id="loginId" value="#{AccountMBean.instance.loginId}"/>
                            <h:outputText value="Password"/>
                            <h:inputText id="password" value="#{AccountMBean.instance.password}"/>
                            <h:outputText value="Email"/>
                            <h:inputText id="email" value="#{AccountMBean.instance.email}"/>
                            <h:outputText value="Security Question"/>
                       	<h:selectOneMenu id="secQuestions" value="#{AccountMBean.instance.securityQuestion}">
                       		<f:selectItems value="#{AccountMBean.questions}" />
                       	</h:selectOneMenu>
                            <h:outputText value="Security Answer"/>
                            <h:inputText id="answer" value="#{AccountMBean.instance.securityAnswer}"/>
                            <h:outputText value=""/>
                    </h:panelGrid>
                    <h:inputHidden id="chnId" value="#{AccountMBean.instance.id}"/>
                    </rich:tab>
                    <rich:tab label="Roles">
                       <h:panelGrid columns="3">
                       	<h:outputText value="Add role" />
                       	<h:selectOneMenu id="roleItems" value="#{AccountMBean.role.id}">
                       		<f:selectItems value="#{AccountMBean.rolesNotOfAccount}" />
                       	</h:selectOneMenu>
                       	<a4j:commandLink value="Add" reRender="TbRoles" action="#{AccountMBean.addRole}">
                       		<f:param name="id" value="#{AccountMBean.instance.id}" />
                       	</a4j:commandLink>
                       </h:panelGrid>                    
                       <rich:dataTable id="TbRoles" value="#{AccountMBean.allRoles}" var="chn" rows="10">
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Name"/>
                                </f:facet>
                                #{chn.role.roleName}
                           </h:column>
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Description"/>
							</f:facet>
			                  #{chn.role.description}
                           </h:column> 
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Operation"/>
							</f:facet>
	                       	<a4j:commandLink value="Delete" reRender="EditForm:TbRoles" action="#{AccountMBean.removeRole}">
	                       		<f:param name="arId" value="#{chn.id}" />
	                       		<f:param name="id" value="#{AccountMBean.instance.id}" />
	                       	</a4j:commandLink>							
                           </h:column>
						<f:facet name="header">
						<rich:datascroller pageIndexVar="pageIndex" pagesVar="pages" maxPages="2">
						<f:facet name="pages">
						<h:outputText value="#{pageIndex} /#{pages}"></h:outputText>
						</f:facet>
						</rich:datascroller>
						</f:facet>
                           </rich:dataTable>
                    </rich:tab>
                    <rich:tab label="Member of">
                       <h:panelGrid columns="3">
                       	<h:outputText value="Add group" />
                       	<h:selectOneMenu id="groupItems" value="#{AccountMBean.group.id}">
                       		<f:selectItems value="#{AccountMBean.groupsNotOfAccount}" />
                       	</h:selectOneMenu>
                       	<a4j:commandLink value="Add" reRender="TbGroups" action="#{AccountMBean.addGroup}">
                       		<f:param name="id" value="#{AccountMBean.instance.id}" />
                       	</a4j:commandLink>
                       </h:panelGrid>
                       <rich:dataTable id="TbGroups" value="#{AccountMBean.allGroups}" var="chn" rows="10">
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Name"/>
                                </f:facet>
                                #{chn.group.name}
                           </h:column>
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Description"/>
							</f:facet>
			                  #{chn.group.description}
                           </h:column> 
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Operation"/>
							</f:facet>
                       	<a4j:commandLink value="Delete" reRender="EditForm:TbGroups" action="#{AccountMBean.removeGroup}">
                       		<f:param name="id" value="#{AccountMBean.instance.id}" />
                       		<f:param name="gaId" value="#{chn.id}" />
                       	</a4j:commandLink>							
                           </h:column>
						<f:facet name="header">
						<rich:datascroller pageIndexVar="pageIndex" pagesVar="pages" maxPages="2">
						<f:facet name="pages">
						<h:outputText value="#{pageIndex} /#{pages}"></h:outputText>
						</f:facet>
						<f:param name="id" value="#{AccountMBean.instance.id}"/>
						</rich:datascroller>
						</f:facet>
                           </rich:dataTable>                       
                    </rich:tab>
                    </rich:tabPanel>
                        <h:panelGrid columns="2">
                        <a4j:commandButton image="/images/but_qd.gif" value="Save" action="#{AccountMBean.save}" 
                        reRender="CF:TbGroups" oncomplete="Richfaces.hideModalPanel('EFP');"/>
                        <h:commandButton image="/images/but_qx2.gif" value="Cancel" action="close" onclick="Richfaces.hideModalPanel('EFP'); return false;"/>
                        </h:panelGrid>
               </ui:define>
               <ui:define name="ContentBody">
               	<a4j:form id="CF">
					<a4j:commandLink action="#{AccountMBean.findById}" reRender="EditForm:EFPanel" value="Add" 
							oncomplete="Richfaces.showModalPanel('EFP', {top:'200px', left:'200px', height:'300'});">
						<f:param name="id" value="0"/>
					</a4j:commandLink>
                       <rich:dataTable id="TbGroups" value="#{AccountMBean.allItems}" var="chn" rows="10">
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Login Id"/>
                                </f:facet>
                                #{chn.loginId}
                           </h:column>
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Password"/>
				</f:facet>
			        ********
                           </h:column> 
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Email"/>
				</f:facet>
			        #{chn.email}
                           </h:column> 
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Security Question"/>
				</f:facet>
			        #{chn.securityQuestion}
                           </h:column>                            
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Security Answer"/>
				</f:facet>
			        #{chn.securityAnswer}
                           </h:column> 
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Last Update"/>
				</f:facet>
			        #{chn.lastUpdated}
                           </h:column>                            
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Operation"/>
				</f:facet>
					<a4j:commandLink action="#{AccountMBean.findById}" reRender="EditForm:EFPanel" value="Edit" 
					oncomplete="Richfaces.showModalPanel('EFP', {top:'200px', left:'200px', height:'300'});">
						<f:param name="id" value="#{chn.id}"/>
					</a4j:commandLink>
                           </h:column>
                                <f:facet name="footer">
                                <rich:datascroller pageIndexVar="pageIndex" pagesVar="pages" maxPages="2">
                                <f:facet name="pages">
                                <h:outputText value="#{pageIndex} /#{pages}"></h:outputText>
                                </f:facet>
                                </rich:datascroller>
                                </f:facet>
                     </rich:dataTable>
               	</a4j:form>
               </ui:define>
</ui:composition>