Alteração da cor no background dependendo do evento na agenda primefaces (schedule)
Gostaria de que os eventos listados na minha agenda fossem diferenciados por cores, (vermelho para aguardando e azul para aprovado), eu já consegui criar o botão para aprovar dentro de cada evento comunicando com o banco de dados.
Segue o código:
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<title>Agenda</title>
</h:head>
<h:body>
<h:form id="form">
<script language="javascript">
PrimeFaces.locales['pt'] = {
closeText: 'Fechar',
prevText: 'Anterior',
nextText: 'Próximo',
currentText: 'Começo',
monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', '---', 'Sáb'],
dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
weekHeader: 'Semana',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: '',
timeOnlyTitle: 'Só Horas',
timeText: 'Tempo',
hourText: 'Hora',
minuteText: 'Minuto',
secondText: 'Segundo',
currentText: 'Data Atual',
ampm: false,
month: 'Mês',
week: 'Semana',
day: 'Dia',
allDayText: 'Todo Dia'
};
</script>
<p:growl id="messages" showDetail="true" />
<h:panelGrid columns="3">
<p:commandButton value="Cadastrar Responsável" action="#{agendaController.cadastrarResponsavel()}" ajax="false"/>
<p:commandButton value="Cadastrar Regional" action="#{agendaController.cadastrarRegional()}" ajax="false"/>
<p:commandButton value="Cadastrar Resp / Reg" action="#{agendaController.juntarResponsavelRegional()}" ajax="false"/>
<p:commandButton value="Relatórios" action="#{agendaController.gerarRelatorios()}" ajax="false"/>
<p:commandButton value="Fechar" action="#{agendaController.redirect()}" ajax="false"/>
</h:panelGrid>
<p:schedule id="agenda" value="#{agendaController['eventModel']}" widgetVar="agenda" locale="pt">
<p:ajax event="dateSelect" listener="#{agendaController.onDateSelect}" update="detalhes" oncomplete="eventDialog.show()" />
<p:ajax event="eventSelect" listener="#{agendaController.onEventSelect}" update="editPanel" oncomplete="editDialog.show()" />
<p:ajax event="eventMove" listener="#{agendaController.onEventMove}" update="messages" />
<p:ajax event="eventResize" listener="#{agendaController.onEventResize}" update="messages" />
</p:schedule>
<p:dialog id="editDialog" widgetVar="editDialog" header="Agendamento" showEffect="clip" hideEffect="clip">
<p:panelGrid id="editPanel" columns="2">
<h:outputText value="Responsável:"/>
<h:outputText id="responsavel_nome_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.responsavel.nome}"/>
<h:outputText value="Regional:"/>
<h:outputText id="origem_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.regional.nome}"/>
<h:outputText value="Qtde. caixa:"/>
<h:outputText id="qtde_caixa_out" value="#{agendaController.agenda.origem.qtdeCaixa}"/>
<h:outputText value="Qtde. equipamento:"/>
<h:outputText id="qtde_equip_out" value="#{agendaController.agenda.origem.qtdeEquipamento}"/>
</p:panelGrid>
<p:commandButton id="deleteButton" actionListener="#{agendaController.deleteEvent}" value="Deletar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/>
<p:commandButton id="aprovacaoButton" actionListener="#{agendaController.aprovacaoEvent}" value="Aprovar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/>
</p:dialog>
<p:dialog id="eventDialog" widgetVar="eventDialog" header="Agendamento" showEffect="clip" hideEffect="clip">
<p:panelGrid id="detalhes" columns="2">
<p:outputLabel for="responsavel_nome" value="Responsável:"/>
<p:selectOneMenu id="responsavel_nome" value="#{agendaController.responsavel}"
converter="responsavelConverter">
<p:ajax event="change" listener="#{agendaController.updateRegionalPorResponsavel()}" update="origem, messages"/>
<f:selectItems value="#{agendaController.responsaveis}"/>
</p:selectOneMenu>
<p:outputLabel for="origem" value="Regional:"/>
<p:selectOneMenu id="origem" value="#{agendaController.hasResponsavel}"
converter="hasResponsavelConverter">
<f:selectItems value="#{agendaController.regionalByResponsavel}"/>
</p:selectOneMenu>
<p:outputLabel for="qtde_caixa" value="Qtde. caixa:"/>
<p:inputText id="qtde_caixa" value="#{agendaController.agenda.origem.qtdeCaixa}" required="true" requiredMessage="A quantidade de caixas é obrigatória." size="5"/>
<p:outputLabel for="qtde_equip" value="Qtde. equipamento:"/>
<p:inputText id="qtde_equip" value="#{agendaController.agenda.origem.qtdeEquipamento}" required="true" requiredMessage="A quantidade de equipamentos é obrigatória." size="5"/>
</p:panelGrid>
<h:panelGrid columns="3">
<p:commandButton type="reset" value="Resetar campos" />
<p:commandButton id="saveButton" value="Salvar" actionListener="#{agendaController.addEvent}" update="messages"
oncomplete="agenda.update();eventDialog.hide();" onclick="eventDialog.hide();"/>
</h:panelGrid>
</p:dialog>
<p:blockUI block="form" trigger="saveButton">
LOADING<br />
<p:graphicImage value="/images/ajax-loader.gif"/>
</p:blockUI>
<p:blockUI block="form" trigger="saveButton">
LOADING<br />
<p:graphicImage value="/images/ajax-loader.gif"/>
</p:blockUI>
<p:blockUI block="form" trigger="deleteButton">
LOADING<br />
<p:graphicImage value="/images/ajax-loader.gif"/>
</p:blockUI>
</h:form>
</h:body>
</html>Discussão (1)
Carregando comentários...