
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:cc="http://java.sun.com/jsf/composite"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h ="http://java.sun.com/jsf/html"
                xmlns:f ="http://java.sun.com/jsf/core"
                xmlns:p ="http://primefaces.org/ui">
    <!-- INTERFACE -->
    <cc:interface>
        <cc:attribute name="title"    required="true" />
        <cc:attribute name="dialogId" required="true" />
        <cc:attribute name="descricao" required="true" />
        <cc:attribute name="update"   required="false" type="java.lang.String" default=""/>
        <cc:attribute name="selecionadasDataList" required="true" type="java.util.List"/>
        <cc:attribute name="actionListener" required="true" method-signature="void actionListener(br.com.fiorilli.servicosweb.persistence.mobiliario.LiAtivdesdo)"/>
    </cc:interface>
    <!-- IMPLEMENTATION -->
    <cc:implementation>

        <p:dialog widgetVar="#{cc.attrs.dialogId}" header="#{cc.attrs.title}" modal="true"                   
                  appendTo="@(body)" width="700" draggable="false" resizable="false" 
                  position="center,top" closeOnEscape="true">

            <h:form id="formPesquisarAtividade">

                <h:outputText value="#{cc.attrs.descricao}"/>

                <h:panelGrid columns="3" styleClass="grid">

                    <h:outputLabel value="Código/Descrição: "/>
                    <p:inputText value="#{consultarAtividadeMB.codigoOuDescricao}" size="15"
                                 title="Informe o Código ou a descrição da Atividade"/>
                    <p:commandButton value="#{msg_geral['geral.botoes.pesquisar']}" icon="pesquisar"
                                     actionListener="#{consultarAtividadeMB.buscarAtividades}"
                                     update="dtAtividades"/>
                </h:panelGrid>
                <p:dataTable id="dtAtividades" var="atividade" lazy="true"
                             value="#{consultarAtividadeMB.liAtivdesdoList}"  
                             rowKey="#{atividade.liAtivdesdoPK.codAtvAtd}"                                     
                             emptyMessage="#{msg_geral['geral.lista.vazia']}" 
                             paginator="true" paginatorAlwaysVisible="false"
                             paginatorPosition="bottom" rowsPerPageTemplate="5,10" 
                             pageLinks="4" rows="10" paginatorTemplate="#{msg_geral['geral.paginacao.registros']} {RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {CurrentPageReport}"  
                             currentPageReportTemplate="#{msg_geral['geral.paginacao.pagina']} {currentPage} #{msg_geral['geral.paginacao.de']} {totalPages}">

                    <p:column headerText="Grupo" style="text-align: center; width: 25px;">
                        <h:outputText value="#{atividade.liAtivdesdoPK.codAtvAtd}"/>
                    </p:column>                            
                    <p:column headerText="Desdobro" style="text-align: center; width: 25px;">
                        <h:outputText value="#{atividade.liAtivdesdoPK.codAtd}"/>
                    </p:column>                            
                    <p:column headerText="Descrição">
                        <h:outputText value="#{atividade.descricao}"/>
                    </p:column>                            
                    <p:column headerText="" style="text-align: center; width: 18px;">
                        <p:commandLink actionListener="#{cc.attrs.actionListener}"
                                       update=":#{cc.id}:formPesquisarAtividade:atvSelecionadas,#{cc.attrs.update}">
                            <h:graphicImage library="imagens" name="icones/adicionar.png"/>
                        </p:commandLink>
                    </p:column>                            
                </p:dataTable>
                <p:spacer height="5"/>                        
                <p:dataList  id="atvSelecionadas" value="#{cc.attrs.selecionadasDataList}" 
                             var="atv" itemType="none">
                    <f:facet name="header">
                        <h:outputLabel value="Atividades Selecionadas"/>
                    </f:facet>
                    #{atv.liAtivdesdoPK.codAtvAtd} | #{atv.liAtivdesdoPK.codAtd} - #{atv.descricao}
                </p:dataList>
            </h:form>
        </p:dialog>                    
    </cc:implementation>
</ui:composition>