xhtml

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.prime.com.tr/ui" xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets" template="/template/main.xhtml">

    <ui:define name="body">
        <h:form prependId="false">
            <p:toolbar>
                <p:toolbarGroup align="left">
                    <p:commandButton value="Inserir" action="#{documentEditMB.insert}"
                        rendered="#{!documentEditMB.updateMode}" ajax="false" />
                    <p:commandButton value="Salvar" action="#{documentEditMB.update}"
                        rendered="#{documentEditMB.updateMode}" ajax="false" />
                    <p:commandButton value="Apagar" onclick="confirmation.show()"
                        rendered="#{documentEditMB.updateMode}" type="button" immediate="true" ajax="false" />
                    <p:confirmDialog message="Deseja apagar o documento?" showEffect="bounce" hideEffect="explode"
                        header="Apagar" severity="alert" widgetVar="confirmation">
                        <h:commandButton value="Sim" action="#{documentEditMB.delete}" immediate="true"
                            ajax="false" />
                        <h:commandButton value="Nao" onclick="confirmation.hide()" type="button" />
                    </p:confirmDialog>
                </p:toolbarGroup>
            </p:toolbar>

            <br />

            <p:fieldset legend="Documento" toggleable="true" toggleSpeed="500">
                <h:panelGrid id="fields" columns="3">
                    <h:outputLabel value="Codigo: " for="id" styleClass="text-input" />
                    <h:outputText id="id" value="#{documentEditMB.bean.id}" />
                    <p:message for="id" />

                    <h:outputLabel value="Titulo: " for="title" styleClass="text-input" />
                    <h:inputText id="title" value="#{documentEditMB.bean.title}"
                        title="Titulo do documento" />
                    <p:message for="title" />

                </h:panelGrid>

                    <br />

                    <p:toolbar rendered="#{documentEditMB.updateMode}">
                        <p:toolbarGroup align="left">
                            <p:commandButton value="Novo" onclick="usercasepanel.show();" ajax="true">
                                <f:setPropertyActionListener target="#{usercaseEditMB.documentId}" value="#{documentEditMB.bean.id}" />
                            </p:commandButton>
                        </p:toolbarGroup>
                    </p:toolbar>

                    <p:dataTable id="list" var="usercase" value="#{documentEditMB.bean.usercases}" rendered="#{documentEditMB.updateMode}">
                        <f:facet name="header">Casos de uso</f:facet>
                        <p:column style="width:10%;" sortBy="#{usercase.id}">
                            <f:facet name="header">Codigo</f:facet>
                            <h:outputText value="#{usercase.id}" />
                        </p:column>
                        <p:column sortBy="#{usercase.name}">
                            <f:facet name="header">Nome</f:facet>
                            <h:outputText value="#{usercase.name}" />
                        </p:column>
                    </p:dataTable>

                    <br />

                    <p:dialog header="Caso de Uso" widgetVar="usercasepanel" showEffect="bounce" hideEffect="explode" height="250" width="400" >
                        <h:panelGrid id="usercasefields" columns="2">
                            <h:outputLabel value="Codigo do documento: " for="usercasedocumentid" styleClass="text-input" />
                            <h:outputText id="usercasedocumentid" value="#{usercaseEditMB.bean.document.id}" />
                            <h:outputLabel value="Codigo: " for="usercaseid" styleClass="text-input" />
                            <h:outputText id="usercaseid" value="#{usercaseEditMB.bean.id}" />
                            <h:outputLabel value="Nome: " for="usercasename" styleClass="text-input" />
                            <h:inputText id="usercasename" value="#{usercaseEditMB.bean.name}" />
                        </h:panelGrid>
                            <p:commandButton value="Adicionar" action="#{usercaseEditMB.insert}" oncomplete="usercasepanel.hide();" type="button" ajax="true" />
                    </p:dialog>

            </p:fieldset>
        </h:form>
    </ui:define>
</ui:composition>