Advertisement
Guest User

Tela Manut. Animal

a guest
Jan 17th, 2017
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.88 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <ui:composition template="/WEB-INF/template/layout_padrao.xhtml"
  3.     xmlns="http://www.w3.org/1999/xhtml"
  4.     xmlns:ui="http://java.sun.com/jsf/facelets"
  5.     xmlns:f="http://java.sun.com/jsf/core"
  6.     xmlns:h="http://java.sun.com/jsf/html"
  7.     xmlns:p="http://primefaces.org/ui"
  8.     xmlns:pe="http://primefaces.org/ui/extensions">
  9.  
  10.     <ui:define name="titulo">Animal</ui:define>
  11.  
  12.     <ui:define name="corpo">
  13.  
  14.         <f:metadata>
  15.             <f:viewParam name="dummy" />
  16.             <f:event listener="#{animalBean.inicializarBean}"
  17.                 type="preRenderView" />
  18.         </f:metadata>
  19.  
  20.         <h1>Listagem de Animals</h1>
  21.  
  22.         <h:form id="form-menu">
  23.             <p:toolbar styleClass="semPreenchimento">
  24.                 <p:toolbarGroup>
  25.                     <p:commandButton icon="novo-icon" value="Novo"
  26.                         oncomplete="PF('dialogCadastro').show()" process="@this"
  27.                         update="form-cadastro" action="#{animalBean.novoCadastro}">
  28.                         <p:resetInput target="form-cadastro" />
  29.                     </p:commandButton>
  30.                     <p:commandButton icon="editar-icon" value="Editar"
  31.                         style="margin-left: 5px; margin-right: 5px;"
  32.                         oncomplete="PF('dialogCadastro').show()" process="@this"
  33.                         update="form-cadastro" action="#{animalBean.editar}"
  34.                         disabled="#{animalBean.animalSelecionado == null}">
  35.                         <p:resetInput target="form-cadastro" />
  36.                     </p:commandButton>
  37.                     <p:commandButton icon="excluir-icon" value="Excluir"
  38.                         oncomplete="PF('confirmacaoExclusao').show()" process="@this"
  39.                         update=":form-Exclusao" action="#{animalBean.editar}"
  40.                         disabled="#{animalBean.animalSelecionado == null}">
  41.                     </p:commandButton>
  42.                     <ui:remove>
  43.                         <p:separator />
  44.                         <p:commandButton icon="fa fa-filter" title="Filtrar Registro"
  45.                             style="margin-left:5px;" oncomplete="PF('dialogFiltro').show()" />
  46.                     </ui:remove>
  47.                 </p:toolbarGroup>
  48.                 <p:toolbarGroup align="right">
  49.                     <p:button value="Fechar" icon="fa fa-power-off"
  50.                         outcome="/home.xhtml" />
  51.                 </p:toolbarGroup>
  52.             </p:toolbar>
  53.         </h:form>
  54.  
  55.         <h:form id="form-table">
  56.  
  57.             <p:dataTable id="tbl-animal" value="#{animalBean.animals}"
  58.                 var="animal" style="margin-top: 5px"
  59.                 emptyMessage="Nenhuma registro encontrada." rows="10"
  60.                 paginator="true" paginatorAlwaysVisible="false"
  61.                 paginatorPosition="bottom" selectionMode="single"
  62.                 selection="#{animalBean.animalSelecionado}" rowKey="#{animal.id}">
  63.  
  64.                 <p:ajax event="rowSelect" update="form-menu, form-table" />
  65.                 <p:ajax event="rowUnselect" update="form-menu, form-table" />
  66.  
  67.                 <p:column headerText="Código" sortBy="#{animal.id}"
  68.                     style="text-align: center; width: 65px">
  69.                     <h:outputText value="#{animal.id}" />
  70.                 </p:column>
  71.  
  72.                 <p:column headerText="Nome" style="width: 250px"
  73.                     sortBy="#{animal.nome}">
  74.                     <h:outputText value="#{animal.nome}" />
  75.                 </p:column>
  76.  
  77.                 <p:column headerText="Brinco"
  78.                     style="width: 60px; text-align: center;" sortBy="#{animal.brinco}">
  79.                     <h:outputText value="#{animal.brinco}" />
  80.                 </p:column>
  81.  
  82.                 <p:column headerText="Nascimento"
  83.                     style="width: 80px; text-align: center;"
  84.                     sortBy="#{animal.nascimento}">
  85.                     <h:outputText value="#{animal.nascimento}">
  86.                         <f:convertDateTime pattern="dd/MM/yyyy" />
  87.                     </h:outputText>
  88.                 </p:column>
  89.  
  90.                 <p:column headerText="Origem"
  91.                     style="text-align: center; width: 130px">
  92.                     <h:outputText value="#{animal.origem.nome}" />
  93.                 </p:column>
  94.  
  95.                 <p:column headerText="Raça" style="text-align: center; width: 130px">
  96.                     <h:outputText value="#{animal.raca.nome}" />
  97.                 </p:column>
  98.  
  99.                 <p:column headerText="Categoria"
  100.                     style="text-align: center; width: 130px">
  101.                     <h:outputText value="#{animal.categoria.nome}" />
  102.                 </p:column>
  103.  
  104.                 <p:column headerText="Gênero"
  105.                     style="text-align: center; width: 70px">
  106.                     <h:outputText value="#{animal.genero}" />
  107.                 </p:column>
  108.  
  109.                 <p:column headerText="Status" sortBy="#{animal.status}"
  110.                     style="text-align: center; width: 90px">
  111.                     <h:outputText value="#{animal.status ? 'ATIVO' : 'INATIVO'}" />
  112.                 </p:column>
  113.  
  114.             </p:dataTable>
  115.  
  116.         </h:form>
  117.  
  118.         <p:dialog header="Manutenção Animal" widgetVar="dialogCadastro"
  119.             style="padding-top: 1px !important" modal="true" resizable="false"
  120.             draggable="true" id="dgCadastro" closeOnEscape="true" width="710"
  121.             height="400" appendTo="@(body)">
  122.  
  123.             <h:form id="form-cadastro">
  124.                 <p:tabView style="height: 320px;">
  125.                     <p:tab title="Cadastro">
  126.                         <p:panelGrid styleClass="semBorda">
  127.  
  128.                             <p:row>
  129.                                 <p:column>
  130.                                     <p:outputLabel for="id" value="ID" />
  131.                                 </p:column>
  132.                                 <p:column colspan="2">
  133.                                     <p:outputLabel for="nome" value="Nome" />
  134.                                 </p:column>
  135.                                 <p:column>
  136.                                     <p:outputLabel for="brinco" value="Brinco" />
  137.                                 </p:column>
  138.                             </p:row>
  139.                             <p:row>
  140.                                 <p:column>
  141.                                     <p:inputText id="id" size="12" disabled="true"
  142.                                         value="#{animalBean.animal.id}" />
  143.                                 </p:column>
  144.                                 <p:column colspan="2">
  145.                                     <p:inputText id="nome" style="width: 97%;" required="true"
  146.                                         requiredMessage="Informe o nome"
  147.                                         value="#{animalBean.animal.nome}" />
  148.                                 </p:column>
  149.                                 <p:column>
  150.                                     <p:inputText id="brinco" size="18"
  151.                                         value="#{animalBean.animal.brinco}" />
  152.                                 </p:column>
  153.                             </p:row>
  154.  
  155.                             <p:row>
  156.                                 <p:column>
  157.                                     <p:outputLabel for="nasc" value="Nascimento" />
  158.                                 </p:column>
  159.                                 <p:column>
  160.                                     <p:outputLabel for="origem" value="Origem" />
  161.                                 </p:column>
  162.                                 <p:column>
  163.                                     <p:outputLabel for="raca" value="Raça" />
  164.                                 </p:column>
  165.                                 <p:column>
  166.                                     <p:outputLabel for="categoria" value="Categoria" />
  167.                                 </p:column>
  168.                             </p:row>
  169.                             <p:row>
  170.                                 <p:column>
  171.                                     <p:calendar id="nasc" size="12" pattern="dd/MM/yyyy"
  172.                                         locale="pt_BR" required="true"
  173.                                         value="#{animalBean.animal.nascimento}"
  174.                                         requiredMessage="Informe o nascimento" />
  175.                                 </p:column>
  176.                                 <p:column>
  177.                                     <p:selectOneMenu id="origem" autoWidth="false"
  178.                                         style="width: 150px;" required="true"
  179.                                         requiredMessage="Selecione um grupo produto"
  180.                                         converter="omnifaces.SelectItemsConverter"
  181.                                         value="#{animalBean.animal.origem}">
  182.                                         <f:selectItem itemLabel="Selecione..." itemValue="#{null}" />
  183.                                         <f:selectItems value="#{animalBean.origens}" var="o"
  184.                                             itemLabel="#{o.nome}" itemValue="#{o}" />
  185.                                     </p:selectOneMenu>
  186.                                 </p:column>
  187.                                 <p:column>
  188.                                     <p:selectOneMenu id="raca" autoWidth="false" required="true"
  189.                                         value="#{animalBean.animal.raca}"
  190.                                         converter="omnifaces.SelectItemsConverter"
  191.                                         requiredMessage="Selecione a raça" style="width: 135px;">
  192.                                         <f:selectItem itemLabel="Selecione..." itemValue="#{null}" />
  193.                                         <f:selectItems value="#{animalBean.racas}" var="r"
  194.                                             itemLabel="#{r.nome}" itemValue="#{r}" />
  195.                                     </p:selectOneMenu>
  196.                                 </p:column>
  197.                                 <p:column>
  198.                                     <p:selectOneMenu id="categoria" autoWidth="false"
  199.                                         style="width: 135px;"
  200.                                         converter="omnifaces.SelectItemsConverter"
  201.                                         value="#{animalBean.animal.categoria}" required="true"
  202.                                         requiredMessage="Selecione a categoria">
  203.                                         <f:selectItem itemLabel="Selecione..." itemValue="#{null}" />
  204.                                         <f:selectItems value="#{animalBean.categorias}" var="c"
  205.                                             itemLabel="#{c.nome}" itemValue="#{c}" />
  206.                                     </p:selectOneMenu>
  207.                                 </p:column>
  208.                             </p:row>
  209.  
  210.                             <p:row>
  211.                                 <p:column>
  212.                                     <p:outputLabel for="sexo" value="Gênero" />
  213.                                 </p:column>
  214.                                 <p:column>
  215.                                     <p:outputLabel for="pelagem" value="Pelagem" />
  216.                                 </p:column>
  217.                                 <p:column>
  218.                                     <p:outputLabel for="rgn" value="RGN" />
  219.                                 </p:column>
  220.                                 <p:column>
  221.                                     <p:outputLabel for="rgd" value="RGD" />
  222.                                 </p:column>
  223.                             </p:row>
  224.                             <p:row>
  225.                                 <p:column>
  226.                                     <p:selectOneMenu id="sexo" required="true"
  227.                                         requiredMessage="Informe o gênero"
  228.                                         value="#{animalBean.animal.genero}"
  229.                                         style="width: 30px; min-width: 30px; ">
  230.                                         <f:selectItem itemLabel="Selecione..." value="#{null}" />
  231.                                         <f:selectItems value="#{animalBean.generos}" var="obj"
  232.                                             itemLabel="#{obj.descricao}" itemValue="#{obj}" />
  233.                                     </p:selectOneMenu>
  234.                                 </p:column>
  235.                                 <p:column>
  236.                                     <p:selectOneMenu id="pelagem" autoWidth="false" required="true"
  237.                                         requiredMessage="Selecione o pelagem"
  238.                                         converter="omnifaces.SelectItemsConverter"
  239.                                         value="#{animalBean.animal.pelagem}" style="width: 150px;">
  240.                                         <f:selectItem itemLabel="Selecione..." itemValue="#{null}" />
  241.                                         <f:selectItems value="#{animalBean.pelagens}" var="p"
  242.                                             itemLabel="#{p.nome}" itemValue="#{p}" />
  243.                                     </p:selectOneMenu>
  244.                                 </p:column>
  245.                                 <p:column>
  246.                                     <p:inputText id="rgn" size="18"
  247.                                         value="#{animalBean.animal.rgn}" />
  248.                                 </p:column>
  249.                                 <p:column>
  250.                                     <p:inputText id="rgd" size="18"
  251.                                         value="#{animalBean.animal.rgd}" />
  252.                                 </p:column>
  253.                             </p:row>
  254.  
  255.                             <p:row>
  256.                                 <p:column colspan="2">
  257.                                     <p:outputLabel for="pai" value="Pai" />
  258.                                 </p:column>
  259.                                 <p:column colspan="2">
  260.                                     <p:outputLabel for="obs" value="Observação" />
  261.                                 </p:column>
  262.                             </p:row>
  263.                             <p:row>
  264.                                 <p:column colspan="2">
  265.                                     <p:inputText id="pai" style="width: 97%"
  266.                                         value="#{animalBean.animal.pai}" />
  267.                                 </p:column>
  268.                                 <p:column colspan="2" rowspan="3">
  269.                                     <p:inputTextarea id="obs" rows="5"
  270.                                         style="width: 97%; height: 97%;"
  271.                                         value="#{animalBean.animal.obs}" />
  272.                                 </p:column>
  273.                             </p:row>
  274.  
  275.                             <p:row>
  276.                                 <p:column colspan="2">
  277.                                     <p:outputLabel for="mae" value="Mãe" />
  278.                                 </p:column>
  279.                             </p:row>
  280.                             <p:row>
  281.                                 <p:column colspan="2">
  282.                                     <p:inputText id="mae" style="width: 97%"
  283.                                         value="#{animalBean.animal.mae}" />
  284.                                 </p:column>
  285.                             </p:row>
  286.  
  287.                         </p:panelGrid>
  288.                     </p:tab>
  289.                     <p:tab title="Sanidade">
  290.  
  291.                     </p:tab>
  292.                     <p:tab title="Reprodução">
  293.  
  294.                     </p:tab>
  295.                     <p:tab title="Foto">
  296.  
  297.                     </p:tab>
  298.  
  299.                 </p:tabView>
  300.  
  301.                 <p:toolbar style="margin-top: 20px" styleClass="semPreenchimento">
  302.                     <p:toolbarGroup align="right" style="margin-right: 0px;">
  303.                         <p:commandButton value="Cancelar" icon="cancelar-icon"
  304.                             style="margin-right: 3px;"
  305.                             oncomplete="PF('dialogCadastro').hide()" immediate="true" />
  306.                         <p:commandButton value="Salvar" icon="salvar-icon"
  307.                             update="form-cadastro form-table form-menu"
  308.                             action="#{animalBean.salvar}" id="salvarCommandButton"
  309.                             oncomplete="if(!args.validationFailed) PF('dialogCadastro').hide()" />
  310.                     </p:toolbarGroup>
  311.                 </p:toolbar>
  312.                 <p:defaultCommand target="salvarCommandButton" />
  313.  
  314.  
  315.             </h:form>
  316.  
  317.         </p:dialog>
  318.  
  319.         <p:dialog header="Exclusão Animal" widgetVar="confirmacaoExclusao"
  320.             modal="true" resizable="false" draggable="true" closeOnEscape="true"
  321.             width="400" appendTo="@(body)">
  322.             <h:form id="form-Exclusao">
  323.                 <p:panelGrid columns="1" styleClass="semBorda">
  324.                     <p:outputLabel value="Tem certeza que deseja excluir a Animal:" />
  325.                     <p:outputLabel
  326.                         value="#{animalBean.animal.id} - #{animalBean.animal.nome} ?" />
  327.                 </p:panelGrid>
  328.                 <p:panelGrid styleClass="semBorda">
  329.                     <p:button value="Não" style="margin-right:8px; margin-top: 15px"
  330.                         onclick="PF('confirmacaoExclusao').hide(); return false;" />
  331.                     <p:commandButton value="Sim" action="#{animalBean.excluir}"
  332.                         update="form-table, form-menu"
  333.                         oncomplete="if(!args.validationFailed) PF('confirmacaoExclusao').hide()" />
  334.                 </p:panelGrid>
  335.             </h:form>
  336.         </p:dialog>
  337.  
  338.  
  339.     </ui:define>
  340.  
  341. </ui:composition>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement