manage_templates.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:rich="http://richfaces.org/rich"
                xmlns:a4j="http://richfaces.org/a4j"
                template="/skins/default/manage_template.xhtml">
                <ui:param name="MenuSelectItem" value="2" />
               <ui:define name="LeftNav">
                   <ui:include src="content_menu.xhtml">
                   	<ui:param name="selectedMenu" value="mgrtemplates" />
                   </ui:include>
               </ui:define>
               <ui:define name="EFPTitle">
               	<h:outputText value="Templates" />
               </ui:define>
               <ui:define name="OpFormTitle">
               	<h:outputText value="/[Contents]/[Templates]" />
               </ui:define>
               <ui:define name="EFPForm">
                                    <rich:tabPanel switchType="client">
                                    	<rich:tab label="Template">
                                    	<h:panelGrid columns="2">
                                    		   <h:outputText value="Name"/>
                                                <h:inputText  id="name" value="#{TemplateMBean.template.name}"/>
                                                    <h:outputText value="Channel"/>
                                                <h:selectOneMenu id="channel" value="#{TemplateMBean.template.channel.id}">
                                                        <f:selectItems value="#{TemplateMBean.channels}" />
                                                </h:selectOneMenu>
                                                <h:outputText value="URI"/>
                                                <h:inputText  id="uri" value="#{TemplateMBean.template.templateUri}"/>
                                                <h:outputText value="Description"/>
                                                <h:inputText id="desc" value="#{TemplateMBean.template.description}"/>
                                    	</h:panelGrid>
                                    	</rich:tab>
                                    	<rich:tab label="Properties">
                                            <h:panelGrid columns="4">
                                    		   <h:outputText value="Property"/>
                                                <h:inputText  id="propName" value="#{TemplateMBean.property.name}"/>
                                    		   <h:outputText value="Type"/>
                                                <h:selectOneMenu id="propType" value="#{TemplateMBean.property.type}">
                                                        <f:selectItem itemLabel="String" itemValue="string" />
                                                        <f:selectItem itemLabel="Numeric" itemValue="numeric" />
                                                        <f:selectItem itemLabel="Boolean" itemValue="boolean" />
                                                        <f:selectItem itemLabel="Date" itemValue="date" />
                                                </h:selectOneMenu>
                                                <h:outputText value="Description"/>
                                                <h:inputText id="propDesc" value="#{TemplateMBean.property.description}"/>
                                                <h:outputText value=""/>
	         			                    	<a4j:commandLink value="Save" reRender="EditForm:propertiesTable,EditForm:propId,EditForm:propName,EditForm:propType,EditForm:propDesc" action="#{TemplateMBean.saveProperty}">
                            					</a4j:commandLink>
                                            </h:panelGrid>
                                            <h:inputHidden id="propId" value="#{TemplateMBean.property.id}"/>
                                            <rich:panel>
                                            <rich:dataTable id="propertiesTable" value="#{TemplateMBean.properties}" var="item" rows="10">
                                               <h:column>
                                                    <f:facet name="header">
                                                        <h:outputText value="Property"/>
                                                    </f:facet>
                                                    #{item.name}
                                               </h:column>
                                               <h:column>
                                                    <f:facet name="header">
                                                        <h:outputText value="Type"/>
                                                    </f:facet>
                                                    #{item.type}
                                               </h:column>
                                               <h:column>
                                                    <f:facet name="header">
                                                        <h:outputText value="Description"/>
                                                    </f:facet>
                                                    #{item.description}
                                               </h:column>
                                               <h:column> 
                                                    <f:facet name="header">
                                                        <h:outputText value="Operation"/>
                                                    </f:facet>
                                                    <a4j:commandLink value="Edit" reRender="EditForm:propName,EditForm:propType,EditForm:propDesc,EditForm:propId" action="#{TemplateMBean.findProperty}">
                                                    	<f:param name="propertyId" value="#{item.id}" />
                                                    	<f:param name="templateId" value="#{item.template.id}" />
                                                    </a4j:commandLink>
                                                    <h:outputText value=" "/>
                                                    <a4j:commandLink value="Delete" reRender="EditForm:propertiesTable" action="#{TemplateMBean.removeProperty}">
                                                    	<f:param name="propertyId" value="#{item.id}" />
                                                    	<f:param name="templateId" value="#{item.template.id}" />
                                                    </a4j:commandLink>                                                                                                                                                            
                                               </h:column>
                                               <f:facet name="header">
                                                    <rich:datascroller pageIndexVar="pageIndex" pagesVar="pages" maxPages="10" >
                                                    <f:facet name="pages">
                                                    <h:outputText value="#{pageIndex} /#{pages}"></h:outputText>
                                                    </f:facet>
                                                    <f:param name="templateId" value="#{TemplateMBean.template.id}" />
                                                    </rich:datascroller>
                                               </f:facet>
                                            </rich:dataTable>
                                            </rich:panel>
                                    	</rich:tab>
                                    	</rich:tabPanel>
                                    	<h:inputHidden id="id" value="#{TemplateMBean.template.id}"/>
                                                <h:outputText value=""/>
                                                <h:panelGrid columns="2">
                                                <h:commandButton image="/images/but_qd.gif" value="Save" action="#{TemplateMBean.saveTemplate}"/>
                                                <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">         
                   <h:form id="TemplateForm">
                   <rich:panel>
                   	<h:panelGrid columns="10">
                		   <h:outputText value="Channel"/>
                            <h:selectOneMenu id="channel" value="#{TemplateMBean.channel.id}">
                                    <f:selectItem itemLabel="All Items" itemValue="0" />
                                    <f:selectItems value="#{TemplateMBean.channels}" />
                                    <a4j:support event="onchange" reRender="templatesTable" action="#{TemplateMBean.listTemplates}"/>
                            </h:selectOneMenu>
                            <h:outputText value=" " />
                            <a4j:commandLink value="Search" reRender="templatesTable"  action="#{TemplateMBean.listTemplates}">
                            </a4j:commandLink>
                   		<h:outputText value=" " />
                            <a4j:commandLink value="Add" reRender="EditForm:EFPanel" 
                                    oncomplete="Richfaces.showModalPanel('EFP',  {top:'100px', left:'250px', height:'480', width:'400'});" 
                                    action="#{TemplateMBean.findTemplate}">
                                    <f:param name="templateId" value="0" />
                            </a4j:commandLink>
                   	</h:panelGrid>
                   </rich:panel>
                       <rich:dataTable id="templatesTable" value="#{TemplateMBean.templates}" var="item" rows="10">
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Channel"/>
				</f:facet>
				#{item.channel.name}
                           </h:column>
                          <h:column>
                           	<f:facet name="header">
					<h:outputText value="Name"/>
				</f:facet>
				#{item.name}
                           </h:column>                           
                           <h:column>
                           	<f:facet name="header">
								<h:outputText value="Template URI"/>
							</f:facet>
							#{item.templateUri}
                           </h:column>
                           <h:column>
                           	<f:facet name="header">
								<h:outputText value="Description"/>
							</f:facet>
							#{item.description}
                           </h:column>
                           <h:column>			
                           	<f:facet name="header">
								<h:outputText value="Operation"/>
							</f:facet>
                            <a4j:commandLink value="Edit" reRender="EditForm:EFPanel" 
                                    oncomplete="Richfaces.showModalPanel('EFP', {top:'100px', left:'250px', height:'480', width:'400'});" 
                                    action="#{TemplateMBean.findTemplate}">
                                    <f:param name="templateId" value="#{item.id}" />
                            </a4j:commandLink>
                            <h:outputText value=" "/>
                            <h:commandLink action="property" value="Properties">
                                <f:param name="templateId" value="#{item.id}" />
                            </h:commandLink>		
                           </h:column> 
						<f:facet name="footer">
						<rich:datascroller pageIndexVar="pageIndex" pagesVar="pages" maxPages="10">
						<f:facet name="pages">
						<h:outputText value="#{pageIndex} /#{pages}"></h:outputText>
						</f:facet>
						</rich:datascroller>
						</f:facet>
                       </rich:dataTable>
                   </h:form>
                   <a4j:log hotkey="B" />
       
               </ui:define>
</ui:composition>